Comment ajouter un formulaire de capture d'e-mail sur ma page ?

1Étape 1 : Glissez l'élément Formulaire sur votre page

1. Ouvrez votre tunnel et cliquez sur Éditer sur la carte de la page.
2. Dans la barre du haut de l'éditeur, cliquez sur l'icône cube, « Insérez un élément » (1).
3. Dans la liste qui s'ouvre à droite, attrapez l'élément Formulaire (2), avec son icône d'enveloppe, et glissez-le à l'endroit voulu de votre page.

Agrandir

Le formulaire arrive avec un champ Prénom, un champ Adresse e-mail et un bouton d'envoi. Cliquez sur un texte pour le modifier.

2Étape 2 : Ajoutez des champs si besoin

1. Dans la même liste d'éléments, glissez l'élément Champ à l'intérieur du formulaire.
2. Cliquez sur le nouveau champ et choisissez son Type de champ : Prénom, Nom de famille, Adresse e-mail, Numéro mobile, Adresse, Code postal, Ville, Pays, N°TVA client ou Nom entreprise.
3. Cochez Requis si le visiteur doit obligatoirement le remplir. Le Placeholder est le texte gris affiché dans le champ vide.

Gardez un formulaire court : chaque champ en plus fait hésiter vos visiteurs.

3Étape 3 : Dites au formulaire quoi faire des inscrits

Cliquez sur le formulaire : ses réglages s'affichent.

• Séquences, Tags, Listes : où ranger chaque nouvel inscrit (voir le guide « Comment ranger les inscrits de mon formulaire dans une séquence, une liste ou avec un tag ? »).
• Page de remerciement : où va le visiteur après son inscription, par exemple Etape de tunnel pour la page suivante de votre tunnel, ou Adresse URL.

4Étape 4 : Enregistrez

Cliquez sur Sauver, en haut à droite de l'éditeur, puis sur Aperçu pour voir votre page comme un visiteur.

Sur la vue de votre tunnel, le panneau Vérification du tunnel (l'icône en forme de coche) vous signale un formulaire qui ne range le contact nulle part ou qui n'a pas de page de remerciement.

Ajouter une phrase rassurante avec une icône sous le formulaire

Une petite ligne comme « Vos données restent confidentielles », précédée d'un cadenas, rassure le visiteur au moment de s'inscrire. Comptez 2 minutes.

1. Cliquez sur l'icône cube, « Insérez un élément », et glissez l'élément Texte juste sous le formulaire.
2. Cliquez sur le texte et écrivez votre phrase.
3. Ouvrez les réglages du texte : cliquez dessus (ou, dans le panneau Structure, ouvrez les trois points de sa ligne et choisissez Paramètres).
4. Activez ICÔNE AVANT : de nouveaux réglages apparaissent, dont Choisir l'icône.
5. Dans le champ de recherche (« Rechercher une icône… »), tapez le nom de l'icône en anglais : lock pour un cadenas, shield pour un bouclier, check pour une coche. Cliquez sur celle qui vous plaît.
6. Réglez au besoin Taille de l'icône, Couleur de l'icône et l'espace avec le texte (Marge droite), puis cliquez sur Sauver.

Le réglage ICÔNE APRÈS fait la même chose à la fin de la phrase. Pour retrouver la même phrase sur une autre page de votre tunnel, refaites ces étapes sur cette page.

Pour aller plus loin : préremplir le formulaire avec un lien

Vous écrivez à des contacts que vous connaissez déjà (par e-mail, par exemple) ? Vous pouvez leur envoyer un lien qui arrive sur votre page avec le formulaire déjà rempli. Il suffit d'ajouter les informations à la fin de l'adresse de la page, après un ?.

Exemple, pour une page dont l'adresse est https://votre-nom.wolfeo.me/offre :

https://votre-nom.wolfeo.me/offre?prenom=Pierre&[email protected]

Le champ Prénom affiche « Pierre » et le champ Adresse e-mail « [email protected] ». Le visiteur n'a plus qu'à cliquer sur le bouton. Plusieurs informations se séparent par &.

Les mots acceptés dans le lien, selon le type de champ :

• Adresse e-mail : email
• Prénom : prenom
• Nom de famille : nom
• Numéro mobile : phone
• Adresse : adresse
• Code postal : codepostal
• Ville : ville
• Pays : pays
• Nom entreprise : entreprise
• N°TVA client : tva

Dans un e-mail envoyé depuis Wolfeo, mettez les champs de fusion dans le lien pour que chaque contact reçoive son propre lien, par exemple ?prenom=[[FIRST_NAME]]&email=[[EMAIL]].

Deux limites à connaître :

• Seuls les types de champ ci-dessus se préremplissent. Un champ personnalisé (créé dans Réglages, puis Champs perso) ne se préremplit pas par le lien.
• Une valeur par défaut gagne toujours. Si le champ a un réglage Valeur par défaut dans l'éditeur, c'est elle qui s'affiche, pas celle du lien. Laissez ce réglage vide pour les champs que vous voulez préremplir.

Si ça ne marche pas