Cet article explique 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
Ajouter un formulaire Ă votre landing page
Les formulaires vous permettent de recueillir des adresses email et de les trier automatiquement dans vos listes sur Sendinblue.
Pour ajouter un élément Formulaire à votre landing page :
|
Vous pouvez accéder à Section > Filtrer les sections préconçues > Formulaires et ajouter une section prédéfinie que vous modifierez selon vos besoins. |
Ou vous pouvez aussi partir de zéro en ajoutant un nouvel élément Formulaire à votre landing page.
|
|
|
|
|
Vous pouvez soit accéder à Sections > Filtrer les sections préconçues > Formulaires, soit ajouter une section prédéfinie que vous pouvez modifier selon vos besoins. |
Vous pouvez également partir de zéro en ajoutant un formulaire sous Éléments > Form. |
 |
 |
Configurer votre formulaire
Lorsque vous avez ajouté un élément Formulaire à votre landing page, vous pouvez le configurer :
Alignement
Le paramètre Alignement est décrit dans la rubrique Paramètres communs de l’article 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 définir à quel endroit seront stockés les contacts collectés à l'aide du formulaire et quelles informations vous souhaitez recueillir. Vous pouvez aussi configurer le formulaire en lui-même : ajouter des champs et les trier, rendre les 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 une liste de contacts
 |
|
Configurer les champs
Vous devez ensuite ajouter à votre formulaire de génération de leads les différents champs correspondant aux données que vous souhaitez recueillir.
|
|
|
7. Chaque champ comprend différents paramètres :
- Label : modifiez le nom du label qui s'affiche au-dessus du champ.
- Substitut : saisissez le texte qui s’affiche dans le champ. Par défaut, il s’agit du même texte que le label du champ.
- Texte d’aide : saisissez le texte qui s’affiche sous le champ. Ce texte peut être utile pour donner des suggestions.
- Valeur par défaut : il s’agit de la valeur qui sera synchronisée avec votre liste de contacts Sendinblue si votre visiteur ne remplit pas le champ.
- Paramètre URL : il s’agit de la valeur qui sera automatiquement insérée dans le champ du formulaire. Votre utilisateur peut choisir ou non de la remplacer. Pour en savoir plus, consultez notre article Préremplir le formulaire d'une landing page avec les attributs des contacts.
Utilisez le champ Substitut pour aider vos utilisateurs à saisir le format approprié.
Redirection lors de l’envoi du formulaire
Dans les options de redirection, vous pouvez définir la page vers laquelle vos utilisateurs seront redirigés lorsqu’ils auront envoyé leurs informations de contact.
|
Utilisez le champ Action de redirection du formulaire pour rediriger vos contacts vers une page du funnel (une page de votre landing page) ou vers une URL spécifique :
|
Double opt-in
|
|
Le paramètre Double opt-in vous permet de choisir quelle méthode de double opt-in vous souhaitez utilisez dans votre formulaire :
|
Design
|
Le paramètre Design vous permet de définir le design de vos champs : aucun, contours, contours arrondis, souligné avec arrière-plan, souligné sans arrière-plan. Vous pouvez également choisir une présentation horizontale pour votre formulaire. Si vous choisissez cette option, nous vous recommandons de supprimer les labels de vos champs. Pour modifier la couleur d’arrière-plan, accédez aux paramètres de colonne, comme expliqué dans l’article Partie 3 : Modifier les paramètres de tous les éléments de votre landing page. |
Voici quelques exemples de différents designs de formulaires :
Espacement
Le paramètre Espacement est décrit dans la rubrique Paramètres communs de l’article Partie 3 : Modifier les paramètres de tous les éléments de votre landing page.
Contrôle d’inscription du formulaire
 |
Le paramètre Paramètres d’inscription du formulaire vous permet de définir l'action de votre formulaire lors de sa soumission :
|
Style
|
|
Le paramètre Style vous permet de définir l'apparence de votre formulaire :
|
Suivi Javascript (Pixel Facebook / Google Analytics)
L’option de Suivi vous permet d’insérer vos scripts de suivi dans certaines parties de la page.
Un script de suivi est un code utilisé pour contrôler le nombre d’utilisateurs qui visitent une page. Les scripts de suivi vous permettent d’analyser la durée passée par vos visiteurs sur une page, quels éléments attirent leur attention et de quelle manière ils interagissent avec votre contenu.
Pour ajouter un script de suivi Ă votre landing page :
- Dans l’éditeur de landing page, cliquez sur Paramètres dans l’angle inférieur gauche.
-
SĂ©lectionnez Suivi.
-
Écrivez le script de suivi dans le tag approprié. Vous pouvez ajouter un script :
-
dans la balise
<head>; -
après la balise
<body>ouvrante ; -
ou avant la balise
</body>fermante.💡 Bon à savoirCertains services tels que ceux de Facebook et de Google Analytics exigent d’insérer le script entre les balises <head>, tandis que d’autres demandent de l’insérer dans la section <body>. Veuillez lire attentivement les instructions du fournisseur concernant la section où insérer le script.
-
-
Cliquez sur Terminé.
Landing page multipages
 |
Si vous souhaitez créer plusieurs pages supplémentaires afin de créer un funnel, cliquez sur l’onglet Pages dans le menu de gauche, puis sur + Create a blank page. Pour en savoir plus, consultez notre article dédié Gérer les pages de votre landing page. |
Affichage sur différents appareils
 |
Grâce aux boutons Bureau / Mobile en haut de l’écran, vous pouvez tester l’affichage de votre landing page sur un ordinateur de bureau et un smartphone. |
⏩ Et après ?
🤔 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.