Dans cet article, nous allons vous expliquer comment ajouter un formulaire à votre landing page et comment utiliser les options avancées disponibles dans l'éditeur de landing page.
Nous avons créé une série d’articles pour vous aider à créer des landing pages :
- Préface : Qu’est-ce qu’une landing page ?
- Partie 1 : Configurer votre landing page
- Partie 2 : Définir la structure de votre landing page
- Partie 3 : Modifier les paramètres de tous les éléments de votre landing page
- Partie 4 : Ajouter un formulaire et utiliser des options avancées - VOUS ÊTES ICI
- Partie 5 : Publier votre landing page
Bon à savoir
Le nouvel éditeur de landing page propose certaines options qui peuvent être différentes de l’éditeur de landing page classique. Assurez-vous de consulter le bon onglet en fonction de l’éditeur de landing page que vous utilisez :
|
|
|
| Nouvel éditeur de landing page |
Éditeur de landing page classique |
Ajouter un élément de formulaire
Les formulaires vous permettent de récupérer des informations spécifiques sur vos contacts et de les ajouter automatiquement à votre liste de contacts dans Brevo.
Pour ajouter un élément Formulaire à votre landing page :
| Vous pouvez ajouter une nouvelle section à partir de Sections > Filtrer les sections préconçues > Formulaires et choisir une section préconçue qui peut être modifiée pour répondre à vos besoins. | Vous pouvez aussi partir de zéro en ajoutant un nouvel élément Formulaire à votre landing page. |
| Vous pouvez ajouter une nouvelle section à partir de Sections > Filtrer les sections préconçues > Formulaires, puis choisir une section préconçue qui peut être modifiée pour répondre à vos besoins. | Vous pouvez aussi partir de zéro en ajoutant un nouvel Élément > Formulaire. |
Configurer votre formulaire
Une fois que vous avez ajouté un élément de formulaire à votre landing page, vous pouvez choisir comment le configurer :
Alignement
Le paramètre Alignement est décrit dans la section Paramètres communs de la partie 3 : Modifier les paramètres de tous les éléments de votre landing page.
Gérer les champs
Les paramètres Gérer les champs vous permettent de choisir où stocker les contacts que vous collectez avec le formulaire et les informations que vous souhaitez obtenir de leur part. Vous pouvez également configurer le formulaire lui-même : ajouter des champs et les trier, rendre des champs obligatoires ou non, ajouter un texte d’aide, etc.
Pour accéder aux paramètres Gérer les champs, cliquez sur votre formulaire dans l’éditeur de landing page.
Choisir votre liste de contacts
|
Configurer les champs
Ajoutez et organisez les différents champs de contact avec les informations que vous souhaitez collecter avec votre formulaire.
|
|
|
Options de redirection
Le paramètre Options de redirection vous permet de choisir où vos utilisateurs seront redirigés lorsqu’ils soumettront leurs informations :
|
Utilisez Action de redirection de formulaire pour rediriger vos contacts vers une page dans le funnel (une sous-page de votre landing page) ou vers une URL spécifique :
|
Double opt-in
|
|
Le paramètre Double opt-in vous permet de choisir la méthode d'opt-in que vous souhaitez utiliser dans votre formulaire :
|
Conception
|
Le paramètre Conception vous permet de choisir la conception de vos champs : aucun, contour, contour arrondi, souligné avec arrière-plan, souligné sans arrière-plan. Votre formulaire peut également être affiché sous forme horizontale. Si vous choisissez un formulaire horizontal, nous vous recommandons de supprimer les libellés de vos champs. Pour changer la couleur d'arrière-plan, rendez-vous dans les paramètres de la colonne comme expliqué dans la partie 3 : Modifier les paramètres de tous les éléments de votre landing page. |
Voici quelques exemples des différents modèles de formulaires :
Espacement
Le paramètre Espacement est décrit dans la section Paramètres communs de la partie 3 : Modifier les paramètres de tous les éléments de votre landing page.
Commandes d'abonnement au formulaire
|
Le paramètre Commandes d'abonnement au formulaire vous permet de choisir comment vous souhaitez que votre formulaire fonctionne lors de la soumission :
|
Style
|
|
Le paramètre Style vous permet de définir l’apparence de votre formulaire :
|
Activer le suivi JavaScript (Facebook Pixel/Google Analytics)
Le paramètre Suivi de votre landing page vous permet d’insérer des scripts de suivi dans certaines parties de la page.
Un script de suivi est un code permettant de suivre le nombre d’utilisateurs qui visitent une page. Les scripts de suivi vous permettent d’analyser combien de temps les visiteurs restent sur la page, ce qui retient leur attention et comment ils interagissent avec le contenu.
Pour ajouter un script de suivi à votre landing page :
- Dans l'éditeur de landing page, cliquez sur Paramètres en bas à gauche.
-
Sélectionnez Suivi.
-
Écrivez le script de suivi dans le tag approprié. Vous pouvez ajouter un script dans :
-
le tag head
<head>, -
le tag après l’ouverture
<body>, -
ou le tag avant la fermeture
</body>.💡 Bon à savoirDes services tels que Facebook Pixel et Google Analytics nécessitent que le script soit ajouté au tag head, tandis que d’autres services peuvent en avoir besoin dans le corps. Assurez-vous de vérifier les instructions de votre service de suivi pour déterminer où le script doit être ajouté.
-
-
Cliquez sur Terminé.
Landing page multipages
| Si vous souhaitez ajouter des pages supplémentaires à votre landing page pour créer un funnel, accédez au panneau Pages et cliquez sur + Créer une page vierge. Pour en savoir plus, consultez notre article dédié Gérer les pages de votre landing page. |
Rendu en fonction de l’appareil
| Les options Bureau et Mobile en haut de votre landing page vous permettent de tester le rendu de votre landing page sur différents appareils. |
⏩ Et après ?
- Partie 5 : Publier votre landing page
- Les landing pages sont-elles adaptées au SEO ?
- Dupliquer une landing page existante
- Gérer les pages de votre landing page
🤔 Vous avez des questions ?
Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.
Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec une agence partenaire Brevo.