Pré-remplir un champ de formulaire

Tabata Vossen -

Lorsque vous créez un formulaire dans Qualifio, vous pouvez utiliser l'URL de la campagne pour pré-remplir des champs spécifiques. Ainsi, vous accélérez le processus de remplissage du formulaire et augmentez le taux de réponse ! Nous allons voir ici comment faire.

Dans cet article

Synthèse

Lorsque vous publiez votre campagne ou l'envoyez à vos abonnés, vous pouvez souhaiter que certaines informations soient automatiquement remplies dans les champs du formulaire. C'est ce qu'on appelle le "pré-remplissage".

Vous pouvez le faire en utilisant différentes méthodes :

  • Pré-remplissage via l'URL : remplissez automatiquement des champs de formulaire avec une chaîne de requête, c'est-à-dire un segment spécial après le point d'interrogation (?) dans l'URL.
  • Pré-remplissage en JavaScript : ajoutez un script supplémentaire à votre code d'intégration Qualifio, sujet que nous abordons dans cette section.
  • Pré-remplissage par SSO : utilisez les données SSO existantes pour pré-remplir le formulaire dès que le participant fournit ses identifiants de connexion. Voici comment cela fonctionne
  • Pré-remplissage via JWT : utilisez une URL de pré-remplissage générée par un jeton. En savoir plus sur cette fonctionnalité

Dans ce guide, nous allons vous montrer comment pré-remplir les champs du formulaire en utilisant l'URL de la campagne.

Situation typique : vous avez créé un quiz, que vous souhaitez partager avec votre base de données par le biais d'une campagne d'e-mailing. Les utilisateurs qui cliqueront sur votre campagne ne devraient pas avoir à remplir tous les champs concernant leurs informations personnelles, puisque vous disposez déjà de certaines données ! Dans Qualifio, il est possible de pré-remplir ces champs.

Voici les 3 étapes à suivre afin d'utiliser cette fonctionnalité :

Étape 1 : Trouvez le lien de pré-remplissage de la campagne

Pour pouvoir pré-remplir les champs de formulaire, vous avez besoin du lien de pré-remplissage de votre campagne. En deux mots, nous générons une URL qui inclut les identifiants uniques des champs de formulaire que vous pourriez vouloir pré-remplir. Ainsi, vous n'avez pas à le faire ! 🎉

Remarque : vous pouvez pré-remplir les données du formulaire en utilisant l'URL lorsque vous intégrez votre campagne en iframe (via JavaScript) ou que vous la publiez sur un mini-site.

Pour trouver le lien de pré-remplissage d'une campagne :

  1. Dans votre compte Qualifio, accédez à la campagne que vous souhaitez pré-remplir.
  2. Dans l'étape Canaux, cliquez sur l'icône 🔗 (pour une campagne mini-site) ou sur l'icône </> (pour une campagne iframe).
  3. Copiez le lien de pré-remplissage et collez-le dans un éditeur de texte.

Schermafbeelding_2022-05-04_om_10.55.58.png

Remarque : si vous ne voyez pas le lien de pré-remplissage, c'est que l'option n'est pas activée au niveau des fonctionnalités avancées. Contactez votre administrateur de compte pour plus d'informations.

Voici un exemple de lien de pré-remplissage pour une campagne mini-site (des retours à la ligne ont été ajoutés pour plus de clarté)...

https://demo.qualifioapp.com/20/action/load.cfm?
ID1234567={Prénom}&
ID8901234={Nom}&
ID5678901={Adresse e-mail}&
OID23456={Opt-in démo}&
url=https%3A%2F%2Fproductdemo%2Equalifioapp%2Ecom%2Fquiz%2F843527%5F1077%2Fdemo%2Dcampaign%2Ehtml

... et un exemple de lien de pré-remplissage pour une campagne iframe (des retours à la ligne ont été ajoutés pour plus de clarté) :

https://demo.qualifioapp.com/20/action/load.cfm?
ID1234567={Prénom}&
ID8901234={Nom}&
ID5678901={Adresse e-mail}&
OID23456={Opt-in démo}&
url={www.domain.com/page.html}

Comme vous pouvez le constater, les différentes paires de paramètres et valeurs contenues dans l'URL sont séparées par des esperluettes (&). Par paire de paramètres et valeurs, nous comprenons ID1234567={Prénom}. Dans cette structure, 1234567 est l'ID du champ de formulaire.

Sans rentrer dans les détails, ID1234567={Prénom} remplira automatiquement le champ de formulaire en fonction du prénom connu. Ainsi, nous utiliserons ID1234567=Océane pour dire "Je veux que le champ dont l'ID est 1234567 soit pré-rempli avec le prénom Océane".

Notez que nous utilisons 1234567 comme ID de champ. Cet exemple d'ID sera remplacé par l'ID réel de votre champ de formulaire.

Étape 2 : complétez votre lien de pré-remplissage avec des variables

Pour construire l'URL que vous enverrez à vos abonnés et personnaliser le formulaire pour chaque participant, vous aurez besoin d'une variable pour chacun des champs que vous souhaitez pré-remplir. Cette variable se trouve généralement dans votre outil de CRM ou d'automatisation marketing.

Vous pouvez pré-remplir le formulaire avec des données provenant de Salesforce, HubSpot, MailChimp et autres systèmes CRM/e-mail. Il peut être difficile de savoir exactement quel format de variable utiliser, car chaque fournisseur a son propre format. Par exemple :

  • Salesforce les entoure de crochets et d'un point d'exclamation : {!EmailId}
  • HubSpot les entoure de doubles crochets : {{contact.email}}
  • MailChimp les entoure d'astérisques et de barres verticales : *|EMAIL|*

Selon l'outil que vous utilisez, les variables d'e-mail peuvent également être désignées sous le nom de "jetons de personnalisation" ou "champs de fusion". Pour des instructions plus détaillées, veuillez contacter l'équipe d'assistance de votre outil CRM.

Après chaque signe égal (=), vous devez saisir la variable correspondante (dont la valeur pré-remplit le champ du formulaire).

Voici à quoi ressemble notre exemple de lien :

Prefilled_URL-FR.png

Pour les opt-ins

Si vous pré-remplissez le nom et l'adresse e-mail, vous devrez utiliser un lien tel que celui-ci :

https://demo.qualifio.com/prefilling-optins/?ID1234567=*|FNAME|*&ID2345678=*|LNAME|*&ID3456789=*|EMAIL|*

Une fois votre formulaire entièrement créé avec les opt-ins, vous devrez à nouveau afficher l'URL de pré-remplissage. Vous verrez quelque chose comme ceci :

Screenshot_2020-10-20_at_14.48.17.png

Dans l'image ci-dessus, vous pouvez voir un paramètre URL avec le nom "OID", qui est celui que vous devez utiliser pour pré-remplir votre opt-in. Dans ce cas, il s'agit de "OID12345".

Pour pré-remplir l'opt-in "OID12345", il vous suffit d'ajouter votre variable à l'URL. Par exemple :

&OID12345=*|SUBSCRIPTION1|*

L'URL finale, dans ce cas, serait donc celle-ci :

https://demo.qualifio.com/prefilling-optins/?ID1234567=*|FNAME|*&ID2345678=*|LNAME|*&ID3456789=*|EMAIL|*&OID12345=*|SUBSCRIPTION1|*&url=https...

Lorsque vous transmettez des informations provenant de votre outil CRM ou équivalent, vous pouvez utiliser les valeurs suivantes :

  • true1 et on cocheront tous la case (ou l'option "oui") comme étant sélectionnée ;
  • false0 et off signifient tous que la case n'est pas cochée (ou que "non" est sélectionné) ;
  • si la valeur transmise est vide ou non prise en charge, nous nous assurerons que la case à cocher ou les boutons radio ne soient pas sélectionnés.
Remarque : ce n'est pas sensible à la casse, donc les valeurs "yes", "Yes" et "YES" sont toutes les trois correctes.

Étape 3 : Testez votre URL de pré-remplissage

Cette URL que vous avez créée vous permettra d'accéder à un formulaire pré-rempli. Un ou une abonnée qui clique sur le lien verra le formulaire sur la page automatiquement rempli avec la ou les valeurs prédéfinies dans l'URL. Voici un exemple :

Schermafbeelding_2022-05-04_om_11.15.14.png

C'est tout ! Vous savez maintenant pré-remplir un formulaire.

FAQ

Voici quelques informations utiles pour utiliser plus efficacement le pré-remplissage des champs de formulaire.

Puis-je pré-remplir des caractères spéciaux dans les champs de formulaire ?

Oui, mais vous devrez vous assurer que tous les caractères spéciaux et les symboles sont convertis au format URL. Consultez ce site web pour encoder les caractères spéciaux.

Notez qu'il est plus facile de pré-remplir les champs qui ne comportent pas d'espaces. Les espaces peuvent entraîner la rupture des liens. Toutefois, il est possible de contourner ce problème. Pour ajouter un espace dans les champs de formulaire pré-remplis, utilisez "%20". Par exemple, pour pré-remplir la valeur Bruno Cressac dans un champ : &ID123456=Bruno%20Cressac.

Puis-je pré-remplir autant de champs que je veux dans un formulaire ?

Il est possible de pré-remplir de nombreux champs. Cependant, plus vous choisissez de remplir de champs, plus le lien est long, et les liens longs peuvent facilement se rompre. Si vous envoyez des e-mails avec des liens de campagne pré-remplis, notez que les URL sont généralement prises en charge jusqu'à 1 000 caractères. Gardez donc à l'esprit que plus le lien est court, mieux c'est.

Puis-je masquer un champ pré-rempli dans un formulaire afin qu'il ne soit pas visible pour le participant ?

C'est possible ! Personne n'a envie de taper sans cesse les mêmes informations dans les formulaires. Créez une meilleure expérience pour vos participants et incitez-les à revenir en masquant leurs informations dans votre formulaire ! Pour en savoir plus sur la configuration de cette fonctionnalité, veuillez lire cet article d'aide.

Qu'en est-il des cookies tiers ?

Pour utiliser cette fonctionnalité, nous déposons un cookie fonctionnel dans le navigateur de l'utilisateur. Ce cookie utilise le domaine de l'iframe qui sera pré-rempli (p.ex. interact.sandqgroup.com).

Depuis 2018, certains navigateurs ont commencé à bloquer les cookies tiers ("third party") par défaut. Il est donc important d'utiliser un iframe qui se trouve sur le même domaine que la page parent où il est intégré (dans cet exemple : www.sandqgroup.com). Ainsi, le cookie n'est pas considéré comme un cookie tiers et n'est pas bloqué.

Lorsque vous utilisez un sous-domaine de votre domaine pour publier votre campagne Qualifio (par exemple, quiz.mondomaine.fr au lieu de nomduclient.qualifioapp.com), le cookie est considéré comme de première partie ("first party") et n'est bloqué par aucun navigateur.

Comment puis-je mettre à jour les informations du profil à partir des données du formulaire ?

Les participants peuvent mettre à jour ou compléter les informations de leur profil par le biais du formulaire de votre campagne Qualifio. Dans ce cas, comment faire pour que les modifications soient renvoyées vers et synchronisées dans votre système ?

Pour renvoyer les données à une application tierce et mettre à jour un profil existant, il est possible d'utiliser un webhook. Avec le webhook activé, Qualifio peut pousser les mises à jour du profil utilisateur vers l'URL de destination définie dans votre compte. À partir de là, votre personnel informatique devrait être en mesure de développer des règles métier afin de mettre à jour la fiche de l'utilisateur dans votre base de données.

💡 Petite astuce : créez des champs de formulaire qui s'affichent lorsqu'ils sont pré-remplis si vous souhaitez que le participant voie les données extraites de votre système et puisse les mettre à jour si nécessaire.

Sinon, si vous avez une intégration push personnalisée avec Qualifio, les mises à jour des profils utilisateurs peuvent être poussées vers votre base de données. Contactez-nous pour parler à un ou une experte.

Articles connexes

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0

Can’t find the answer you need?

Send us a question and connect with an expert to get personal assistance.

Contact support

Vous ne trouvez pas les réponses que vous cherchez ?

Nous sommes là pour vous aider. Envoyez-nous une demande en direct !

Contacter le support
helpcenter experts