Préremplissage et personnalisation des formulaires – Guide de l’utilisateur
Introduction
LeadGen Forms offre des fonctionnalités puissantes de préremplissage et de personnalisation basées sur les URL qui vous permettent de : – Pré-remplir les champs du formulaire avec des données provenant des paramètres d'URL – Personnalisez l'expérience utilisateur avec des salutations et des messages dynamiques – Masquer les champs lorsque les valeurs sont fournies via une URL – Capturez les données cachées à partir des paramètres d'URL sans afficher les champs aux utilisateurs
Ces fonctionnalités sont idéales pour :
- Campagnes par e-mail (pré-remplissage des informations des abonnés)
– Campagnes publicitaires (suivi de la source et pré-remplissage des données connues)
– Pages d'accueil personnalisées (accueil des utilisateurs par leur nom)
– Entonnoirs à plusieurs étapes (transfert de données entre les pages)
Préremplissage de formulaire à partir d'une URL
Qu'est-ce que le préremplissage de formulaire ?
Le préremplissage de formulaires remplit automatiquement les champs en fonction des paramètres d'URL. Cela améliore l'expérience utilisateur en réduisant la saisie nécessaire.
Comment ça marche
Étape 1 : Définir le nom du champ
Ouvrez votre formulaire dans l'éditeur. Choisissez la question à laquelle vous souhaitez appliquer cette fonctionnalité. Maintenant…faites défiler vers le bas jusqu'à Paramètres avancés et de trouver la Nom du champ (utilisé pour les paramètres d'URL).
Saisissez un nom unique (par exemple, Prénom, ou a nous envoyer un courriel, Téléphone)
Étape 2 : Ajouter des paramètres d’URL
Utilisez le nom du champ dans votre URL avec la valeur que vous souhaitez préremplir.
https://yoursite.com/form?first_name=John&email=john@example.com
Étape 3 : Testez votre formulaire
Ouvrez l'URL dans votre navigateur et regardez les champs se remplir automatiquement !
Configuration des noms de champs
Meilleures pratiques pour les noms de champs :
- Utilisez des lettres minuscules
- Utilisez des traits de soulignement au lieu d'espaces (prénom, pas Prénom)
- Soyez brefs et descriptifs
- Rendez-les uniques au sein de votre formulaire
- Évitez les caractères spéciaux (sauf le trait de soulignement).
- N'utilisez pas d'espaces
Exemples :
Bons noms de champs :
- prénom
– adresse_email
– numéro_de_téléphone
- Nom de l'entreprise
- titre d'emploi
Noms de champs incorrects :
– Prénom (avec espace)
– email@adresse (caractères spéciaux)
– Numéro de téléphone (caractère spécial)
Personnalisation des formulaires avec des champs cachés
Que sont les champs cachés ?
Les champs cachés permettent de récupérer des données à partir des paramètres d'URL sans afficher de champs de saisie aux utilisateurs. Ils sont parfaits pour :
– Suivi des sources de campagne
– Stockage des codes de parrainage
– Capture des identifiants utilisateur
– Personnalisation du contenu avec le pipeline de réponses
Configuration des champs cachés
Étape 1 : Créer des champs cachés
- Dans votre éditeur de formulaire, faites défiler jusqu'à la section « Champs cachés ».
- Cliquez « Ajouter un champ caché »
- Donnez-lui un nom unique (par exemple, Le nom, utm_source, id_de_campagne)
- Permettre « Capture à partir d'une URL » si vous souhaitez récupérer automatiquement la valeur des paramètres d'URL
Exemple concret : Campagne par e-mail personnalisée
Scénario: Vous envoyez une campagne par e-mail à vos abonnés.
Installer:
1. Créer des champs cachés : Prénom, ou a nous envoyer un courriel, source_de_campagne
2. Ajoutez à votre message de bienvenue : « Bonjour {{first_name}}, merci de votre intérêt ! »
3. Créez vos liens d'email :
https://yoursite.com/form?prénom=Emma&email=emma@example.com&source_campagne=newsletter_jan_2024
Résultat: – L’utilisateur voit : «Salut Emma, merci de ton intérêt !» – Capture du formulaire : email et source de la campagne en arrière-plan – L’utilisateur ne remplit que les informations manquantes
Masquer les champs de formulaire
Qu'est-ce que le Field Hiding ?
Au lieu d'afficher des champs préremplis, vous pouvez masquer complètement les questions lorsque les valeurs sont fournies via une URL. Cela permet une expérience utilisateur plus claire et plus concise.
Mise en place du camouflage de terrain
Étape 1 : Définir le comportement du paramètre d’URL
Ouvrez votre formulaire dans l'éditeur et cCliquez sur la question que vous souhaitez configurer.
Maintenant sDéfilez jusqu'à Paramètres avancés et fdans le Comportement des paramètres d'URL menu déroulant. Maintenant sChoisissez votre option préférée :
- Préremplissage à partir de l'URL (par défaut) — Affiche le champ avec une valeur préremplie
- Masquer lorsque l'URL correspond—Masque le champ lorsqu'un paramètre d'URL est fourni
Étape 2 : Définir le nom du champ
Assurez-vous que la question comporte une Nom de domaine ensemble (comme décrit dans la section Préremplissage du formulaire).
Étape 3 : Tester avec les paramètres d’URL
Exemple avec « Préremplissage à partir d'une URL » :
https://yoursite.com/form?email=john@example.com
Résultat : Le champ e-mail est visible et prérempli. « john@example.com »
Exemple avec « Masquer lorsque l’URL correspond » :
https://yoursite.com/form?email=john@example.com
Résultat : Le champ e-mail est complètement masqué, sa valeur est capturée en arrière-plan.
Quand utiliser chaque option
Utilisez « Préremplir à partir de l’URL » lorsque :
- Vous souhaitez que les utilisateurs voient et vérifient les données préremplies
- Les données peuvent être incorrectes et les utilisateurs devraient pouvoir les modifier.
- Vous pré-remplissez des informations facultatives
- La transparence est importante (les utilisateurs doivent pouvoir voir quelles données sont soumises).
Utilisez « Masquer lorsque l’URL correspond » lorsque :
- Vous êtes certain que les données sont correctes
- Vous souhaitez raccourcir le formulaire
- Ces données servent au suivi (source de la campagne, paramètres UTM).
- Vous transmettez des identifiants utilisateur ou d'autres données système
- Vous souhaitez créer une expérience plus personnalisée
Remarques importantes sur le fait de se cacher
- Champs cachés soumettre leurs valeurs sous la forme
- Validation requise Cela reste valable : le champ ne se masquera pas si la valeur de l’URL est vide.
- Les utilisateurs ne peuvent pas modifier les valeurs des champs cachés.
- Ne masquez les champs que lorsque vous êtes certain que les données sont correctes.
Types de questions pris en charge
Types de questions entièrement pris en charge
Ces types de questions fonctionnent aussi bien avec le préremplissage qu'avec le masquage :
Questions basées sur le texte
- Texte court – Saisie de texte brut
- ?short_text=Bonjour le monde
- Prénom – Champ Prénom
- ?first_name=John
- Nom de famille – Champ Nom de famille
- ?nom_de_famille=Smith
- paragraphe texte – Texte multiligne
- ?comments=Ceci est un long commentaire avec plusieurs lignes
- Courriel – Champ e-mail
- ?email=john@example.com
- URL – Champ URL du site Web
- ?website=https://example.com
Nombre de questions
- Numéro – Saisie numérique
- ?quantité=5
-
- Portée/Échelle – Échelle à curseur ou de Likert
- ?satisfaction=4
- Portée/Échelle – La peau de Smiley
?smiley=Très insatisfait ou Votre valeur personnalisée
?smiley=Insatisfait ou Votre valeur personnalisée
?smiley=Neutre ou Votre valeur personnalisée
?smiley=Satisfait ou Votre valeur personnalisée
?smiley=Très satisfait ou Votre valeur personnalisée
Note: Pour l'interface avec des smileys, les valeurs par défaut sont : Très insatisfait, Insatisfait, Neutre, Satisfait et Très satisfait.
Vous pouvez soit utiliser ces valeurs par défaut, soit ajouter vos propres valeurs pour les émoticônes en activant l'option « Définir un texte personnalisé pour les émoticônes ».
Questions sur les dates
- Date – Sélecteur de date (tous les thèmes)
- Formats supportés:
?date=2024-12-31 (AAAA-MM-JJ)
Questions de sélection
- Choix unique – Boutons radio, listes déroulantes, boutons, icônes, images
- ?color=Rouge
Remarque : La valeur doit correspondre exactement à l'étiquette du choix.
- Choix multiple – Cases à cocher, sélection multiple
- ?colors=Rouge,Bleu,Vert
Remarque : Séparez les valeurs multiples par des virgules.
Numéro de téléphone
- Numéro de téléphone – Saisie téléphonique avec indicatif pays
- ?phone=+14155551234
Remarque : Indiquez l’indicatif du pays pour de meilleurs résultats.
Des questions oui ou non
- Oui Non – Basculer ou allumer
- ?s'abonner=oui
?s'abonner=non
Valeurs acceptées :
Pour « Oui » : oui, vrai, 1
Pour « Non » : non, faux, 0
Questions sur les adresses
- Adresse – Saisie d'adresse à plusieurs champs
- ?address_line_1=123 Main Street
?address_line_2=Appartement 4B
?address_city=San Francisco
?address_state=Californie
?address_country=États-Unis
?address_post_code=94102
- Remarques :
- Dans l'exemple ci-dessus, l'adresse sert de nom de champ. Par conséquent, les champs doivent respecter le format suivant : {adresse}_ligne_1. La première partie peut être n'importe quelle chaîne de caractères, mais vous devez impérativement respecter le format spécifié. Par exemple : mon_état_adresse=Californie&mon_pays_adresse=États-Unis
- – Les noms des champs sont basés sur la configuration de vos champs d'adresse.
– La correspondance des pays ne tient pas compte de la casse (India, India, INDIA fonctionnent tous).
– Pour masquer la question relative à l'adresse, TOUS les champs activés doivent avoir des valeurs
RGPD/Consentement
- GDPR – Cases à cocher de consentement
- ?gdpr=Mises à jour par e-mail, notifications par SMS
Remarques :
– Faire correspondre exactement les étiquettes des cases à cocher (sans tenir compte de la casse)
– Séparez les éléments multiples par des virgules
– Préremplissage : coche les éléments que vous spécifiez
– Masquage : se masque uniquement si TOUS les éléments requis sont fournis
Types de questions non pris en charge
Ces types de questions pas Prise en charge du préremplissage des URL :
- Téléchargez vos fichiers ici – Pour des raisons de sécurité (les fichiers ne peuvent pas être téléchargés via une URL)
Exemples et cas d'utilisation
Exemple 1 : Campagne de marketing par e-mail
Objectif: Préremplissez les informations des abonnés à partir de votre liste de diffusion.
Installer:
Champs cachés :
– identifiant_abonné
- email
Questions relatives au formulaire :
– prénom (Préremplissage à partir de l'URL)
– entreprise (Préremplissage à partir de l'URL)
– téléphone (Préremplissage à partir de l'URL)
– message (NON prérempli)
Message de bienvenue:
« Bonjour {{first_name}}, parlez-nous davantage de vos besoins ! »
Lien e-mail:
https://yourform.com/contact?abonné_id=12345&email=sarah@company.com&first_name=Sarah&company=Acme Corp&phone=555-0123
Expérience utilisateur:
1. Ouvre le formulaire depuis l'e-mail
2. Voit : « Bonjour Sarah, parlez-nous davantage de vos besoins ! »
3. Le formulaire indique que le prénom, l'entreprise et le numéro de téléphone sont déjà renseignés.
4. Il suffit de saisir son message. 5. Soumet le formulaire rapidement.
Ce que vous capturez : - Identifiant de l'abonné : 12345 (masqué) – Courriel : sarah@company.com (masqué) – Prénom : Sarah (prérempli, modifiable) – Société : Acme Corp (prérempli, modifiable) – Téléphone : 555-0123 (prérempli, modifiable) – Message : (saisi par l'utilisateur)
Exemple 2 : Entonnoir à plusieurs étapes
Objectif: Transférer les données de la page d'accueil vers le formulaire situé sur une autre page
Installer:
Page 1 (Page d'accueil) :
<a href=« https://yourform.com/signup?industry=Healthcare&taille_entreprise=50-100&intérêt=Logiciel”>
Commencer
</a>
Page 2 (Formulaire) :
Champs cachés :
– secteur (capturé à partir de l'URL)
– taille_de_l'entreprise (capturée à partir de l'URL)
– intérêt (recueilli à partir de l'URL)
Questions relatives au formulaire :
- prénom
- email
- téléphone
- message
Message de bienvenue:
« Nous aidons les entreprises du secteur {{industrie}} comme la vôtre à réussir ! »
Expérience utilisateur:
1. Arrive sur la page, clique sur « Commencer »
2. Voit le formulaire avec : « Nous aidons les entreprises du secteur de la santé comme la vôtre à réussir ! »
3. Remplit les informations personnelles
4. Soumet
Ce que vous capturez : – Toutes les informations contextuelles de la page d'accueil (secteur d'activité, taille de l'entreprise, centres d'intérêt) – Les coordonnées personnelles issues du formulaire