Passer au contenu principal

(Ancien) Éditeur de pages en temps réel

Écrit par Dina
Mis à jour il y a plus d'un mois

Cet article concerne l'ancienne page d'inscription. Utilisez-vous la nouvelle page d'inscription mise en place en juin 2025 ? Veuillez lire la suite. cet article plutôt.

Vous utilisez encore la version précédente et souhaitez passer à la nouvelle ? Consultez cet article.

Vous pouvez personnaliser différentes pages, telles que la page d'inscription, la page de confirmation, la page de vente, etc., grâce à notre éditeur de pages en temps réel.

Dès que vous commencerez à modifier une page, vous accéderez à l'éditeur en temps réel.

À gauche, vous trouverez le contenu et les éléments que vous pourrez modifier. En survolant un élément avec votre souris, un contour bleu apparaîtra autour de celui-ci (cela se produit uniquement en mode édition).

Certains éléments proposent des options supplémentaires ; cliquez sur l’icône d’engrenage pour accéder à ces options, telles que « Modifier l’image », « Changer la couleur » ou « Masquer l’élément sélectionné ».

Les modifications sont enregistrées automatiquement. Cliquez sur « Fermer l’éditeur » en haut à droite pour fermer l’éditeur.

L'éditeur de la page webinarGeek

Modifier la couleur du texte

Pour modifier la couleur du texte, vous pouvez suivre les étapes suivantes :

  1. Accédez à la page que vous souhaitez modifier.

  2. Cliquez sur « Style » à gauche pour modifier simultanément certaines couleurs de texte.

  3. Modifiez la couleur du texte en saisissant le code couleur ou en utilisant le sélecteur de couleurs.

  4. Les modifications sont enregistrées automatiquement. Cliquez sur « Fermer l’éditeur » en haut à droite pour fermer l’éditeur.

Vous pouvez également attribuer une autre couleur à certains éléments de texte. Sélectionnez la section de texte que vous souhaitez modifier ; une option permettant de changer la couleur apparaîtra alors au-dessus de celle-ci.

Modifier la couleur du bouton d'en-tête

La couleur du bouton d'en-tête peut être personnalisée selon votre identité visuelle ou votre arrière-plan. Cliquez sur « Style » et choisissez ou saisissez la couleur souhaitée.

Choisir la couleur du bouton d'en-tête

Changer les polices

Accédez à l'éditeur de la page que vous souhaitez personnaliser. Vous pouvez modifier la police de la page d'inscription, du formulaire intégré, de la page de confirmation et de la page de vente.

Pour modifier la police de toute la page, cliquez sur « Style » dans le menu de gauche et sélectionnez la police souhaitée. Les éléments non modifiables individuellement seront également modifiés.

Vous pouvez également attribuer une police différente à certains éléments de texte. Sélectionnez l'élément de texte à modifier ; une option permettant de changer la police apparaîtra alors au-dessus de la section correspondante.

Les modifications seront enregistrées automatiquement. Cliquez sur « Fermer l’éditeur » en haut à droite pour fermer l’éditeur.

Modifier la taille de la police dans l'éditeur de page

Ajuster la taille de la police

Sélectionnez le texte que vous souhaitez modifier ; l’option permettant de régler la taille de la police apparaîtra en haut de la page.

Modifier une image

Pour modifier une image, vous pouvez suivre les étapes suivantes :

  1. Accédez à la page que vous souhaitez modifier.

  2. Passez votre souris sur l'image que vous souhaitez modifier et cliquez sur l'icône d'engrenage en haut à droite de l'image.

  3. Cliquez sur « Modifier l'image » et sélectionnez une autre image ou téléchargez-en une nouvelle.

  4. Cliquez sur « Enregistrer ». La nouvelle image s'affichera alors.

Les modifications seront enregistrées automatiquement. Cliquez sur « Fermer l’éditeur » en haut à droite pour fermer l’éditeur.

Ajout d'une vidéo

Vous souhaitez partager une vidéo sur la page d'inscription ou de confirmation ? Aucun problème. N'hésitez pas à utiliser un témoignage, une présentation ou une courte vidéo de démonstration ! Pour ce faire, suivez les étapes suivantes :

  1. Accédez à la page sur laquelle vous souhaitez ajouter la vidéo.

  2. Assurez-vous que l'élément « Image - Gauche » est visible.

  3. Passez la souris sur l'image et cliquez sur l'icône d'engrenage.

  4. Cliquez sur « Vidéo » et collez l'URL YouTube correspondante.

Ajouter une vidéo à la page d'inscription

Il n'y aura pas d'aperçu de la vidéo, mais un bouton « Regarder la vidéo » apparaîtra à gauche de l'image. Pour plus de facilité, vous pouvez également modifier l'image de gauche ! Vous pouvez, par exemple, utiliser une capture d'écran de la vidéo.

Ajouter une vidéo à la page d'inscription

Dès que vous cliquerez sur « Regarder la vidéo », la vidéo s'ouvrira dans une fenêtre contextuelle et vous pourrez la lire.

Visionner la vidéo sur la page d'inscription

Les modifications seront enregistrées automatiquement. Cliquez sur « Fermer l’éditeur » en haut à droite pour fermer l’éditeur.

Découvrez plus de nos fonctionnalités basées sur les ventes ici collecter et convertir les prospects !

Modification de textes

Accédez à l'éditeur de la page que vous souhaitez personnaliser. Cliquez sur un élément de texte pour le modifier. Vous pourrez alors immédiatement commencer à modifier le texte.

Nous proposons 13 options pour modifier les éléments de texte. Elles s'afficheront en haut de la page après la sélection d'un élément de texte.

Vous trouverez ci-dessous quelques explications concernant les différentes options :

Modification de textes

1. Collez le texte brut. Il arrive que votre navigateur ne vous permette pas d'utiliser cette option. Dans ce cas, utilisez Ctrl+Maj+V.

2. Texte en gras. Sélectionnez le texte que vous souhaitez audacieux et cliquez sur le symbole.

3. Texte cursif. Sélectionnez le texte que vous souhaitez insérer cursive et cliquez sur le symbole.

4. Modifier la couleur du texte. Sélectionnez le texte dont vous souhaitez modifier la couleur. Cliquez sur le symbole et sur une couleur pour modifier la couleur du texte.

Modifier la couleur du texte dans l'éditeur de page

5. Supprimer la mise en forme du texte. Sélectionnez le texte dont vous souhaitez supprimer la mise en forme et cliquez sur l'icône. Toute la mise en forme sera supprimée et le texte retrouvera ses paramètres par défaut.

6. Modifier la taille de la police.

7. Changer la police.

8. Alignez le texte à gauche.

9. Centrez le texte.


10. Alignez le texte à droite.


11. Ajouter une liste numérotée.


12. Ajouter une liste à puces.


13. Ajouter ou modifier un lien. Sélectionnez le texte auquel vous souhaitez ajouter un lien et appuyez sur « OK ».

Ajout de liens hypertextes dans l'éditeur de page

14. Supprimer le lien. Cliquez sur le texte dont vous souhaitez supprimer le lien, puis sur le symbole.

Les modifications seront enregistrées automatiquement. Cliquez sur « Fermer l’éditeur » en haut à droite pour fermer l’éditeur.

Fermeture de l'éditeur de page en temps réel

Tailles de référence des images

Voici la liste des dimensions d'image pour les différents types d'images standard de la plateforme WebinarGeek. Ces dimensions sont données à titre indicatif. Vous pouvez vous en écarter, mais il est préférable de conserver le même rapport hauteur/largeur (notamment pour les diapositives de présentation) ou au moins une des deux dimensions (par exemple, la hauteur). La taille maximale des fichiers est de 5 Mo.

Veuillez noter! Les dimensions standard ne sont données qu'à titre indicatif ; vous pouvez vous en écarter. Les images sont « adaptatives », ce qui signifie qu'elles s'ajustent plus ou moins à la taille de la fenêtre. Il se peut donc que certaines parties de l'image soient parfois coupées ou qu'elle soit légèrement étirée.

Page d'inscription, page de confirmation et page de compte à rebours

Image

Taille en pixels (indication)

En-tête

Hauteur maximale : 800 pixels ; largeur minimale : 2480 pixels

Image - Gauche

470 x 200

Image - Droite

386 x 100

Conseil! Pour l'image de fond, il est recommandé d'utiliser une image simple sans texte. Ainsi, vous éviterez que des éléments importants ne disparaissent sur les petits écrans.

Voici un exemple d'image pour le bloc d'image supérieur :

Exemple de bannière

Webinaire et diapositive de début/fin

Pour les diapositives (de présentation), nous recommandons un format 16 x 9 (par exemple : 1920 x 1080 px).

Sales page

Image

Taille en pixels (indication)

« Grande » image

208 x 208

« Petite » image

87 x 87

Image d'encadré ou d'appel à l'action

200 x 200

Interactions

Image

Taille en pixels (indication)

Image d'encadré ou d'appel à l'action

200 x 200

Emails

Image

Taille en pixels (indication)

Logo

Par exemple, une hauteur de 62 px (de plus, le logo WebinarGeek par défaut a une largeur de 179 px ; si sa largeur dépasse 200 px, il sera redimensionné).

Images dans le texte

280 x 140p

Veuillez noter! Les dimensions standard ne sont données qu'à titre indicatif ; vous pouvez vous en écarter. Les images sont « adaptatives », ce qui signifie qu'elles s'ajustent plus ou moins à la taille de la fenêtre. Il se peut donc que certaines parties de l'image soient parfois coupées ou qu'elle soit légèrement étirée.

Mots-clés : en-tête, conception, dimensions

Avez-vous trouvé la réponse à votre question ?