Préremplir un formulaire depuis son lien et transporter la source d’une campagne

Un lien peut ouvrir un formulaire avec quelques réponses déjà en place, et il peut transporter une valeur que la personne ne voit jamais, comme la campagne qui l’a envoyée. Les deux sont arrivés dans la v1.12.0. Ce tutoriel montre comment configurer chacun sur une page hébergée, puis couvre les limites : ce qu’un lien ne peut pas remplir, pourquoi un lien n’est pas un endroit sûr pour des données personnelles, et que faire sur un formulaire intégré, où le lien n’est pas lu du tout.

Ce dont vous avez besoin

Un formulaire avec une page hébergée publiée. L’interrupteur Publier une page hébergée de l’onglet Page hébergée est verrouillé avec la note « Les pages hébergées sont disponibles sur les forfaits payants. » La même règle de chaîne de requête s’applique à un bloc Formulaire sur une page de Microsite, que décrit l’article sur les Microsites. Un lien remplit un champ par son Nom, la chaîne sous laquelle l’élément input HTML envoie sa valeur, et non par son Étiquette. Ouvrez l’onglet Champs et vérifiez le Nom de chaque champ que vous comptez remplir.

Préremplir un champ depuis le lien

1. Dans l’onglet Champs, notez le Nom du champ. Pour cet exemple, un champ nommé email.

2. Ouvrez l’onglet Page hébergée et vérifiez que Publier une page hébergée est activé. À côté de « En direct à », vous verrez l’adresse de la page. Copiez-la.

3. Ajoutez à la fin de l’adresse un point d’interrogation, le Nom du champ, un signe égal et la valeur. Reliez d’autres paires avec une esperluette.

4. Ouvrez le lien terminé dans une fenêtre privée. Le champ doit déjà contenir la valeur.

YOUR_HOSTED_PAGE_ADDRESS?email=ada@example.com&topic=Sales

Ici YOUR_HOSTED_PAGE_ADDRESS est l’adresse qui suit « En direct à », et topic est le Nom d’un champ Liste déroulante avec une option Sales. Quelques règles décident de ce qui est réellement rempli :

• Un préremplissage n’est que le point de départ d’un contrôle. La personne peut modifier tout ce qu’elle voit, et rien ne compte comme réponse tant qu’elle n’a pas appuyé sur Envoyer. Elle est alors jugée exactement comme une valeur saisie.

• Une Liste déroulante, un Choix unique ou un Choix multiple n’accepte une valeur que si c’est l’une des options du champ. Tout le reste est ignoré.

• Une Case à cocher accepte 1. Une Échelle ou une Note accepte un nombre entier dans sa plage.

• Les champs Durée, Grille, Grille de cases à cocher et Fichier ne sont jamais remplis.

• Une clé qui n’est pas un champ du formulaire est ignorée.

• Si la personne a déjà envoyé des réponses et que la page est revenue, par exemple après une erreur, ses réponses l’emportent sur le lien.

• Un formulaire noté n’est jamais prérempli : un lien ne peut donc pas répondre à une épreuve à l’avance.

Transporter la source d’une campagne dans un champ Masqué

Un champ Masqué contient une valeur que la personne ne voit ni ne modifie jamais. C’est ainsi que la source d’une campagne, ou une référence de votre CRM, arrive avec la soumission sans encombrer la page.

1. Dans l’onglet Champs, appuyez sur Ajouter un champ.

2. Définissez Nom sur utm_source. Définissez Type sur Masqué. Une fois Masqué choisi, le texte d’aide sous Type indique « Rempli depuis le lien » et montre la forme de lien à utiliser.

3. Gardez le champ sur la première étape. Un champ Masqué doit se trouver sur la première étape, où aucune bifurcation ne peut le sauter, et cette étape a aussi besoin d’une question que la personne peut voir, pas seulement de champs Masqués.

4. Enregistrez le formulaire.

5. Ajoutez la clé à votre lien : YOUR_HOSTED_PAGE_ADDRESS?utm_source=newsletter. Ouvrez-le, remplissez les champs visibles et envoyez.

6. Ouvrez la nouvelle soumission. La valeur newsletter figure parmi ses réponses. Le journal des modifications de FormFlow indique qu’elle parvient aussi aux exports, à Google Sheets et aux webhooks.

Un champ Masqué n’est jamais obligatoire et n’a aucune règle à définir, car la personne ne pourrait ni voir ni corriger un refus. Son nom ne peut pas être celui du champ pot de miel du formulaire. Il n’est jamais réaffiché à la personne sur un écran qui liste ses réponses.

Mode strict et champs Masqués

Dans l’onglet Sécurité, l’interrupteur Valider les soumissions par rapport à la liste de champs est le mode strict. Lorsqu’il est activé, une soumission doit correspondre à la liste de champs du formulaire : une clé que le formulaire ne déclare pas est donc un problème. Déclarer un champ Masqué est ce qui laisse passer sa clé : vous pouvez ainsi suivre des campagnes sans désactiver le mode strict.

Sur un formulaire intégré

Le préremplissage lit le lien qui a ouvert une page servie par FormFlow. Un formulaire intégré vit sur votre propre page : FormFlow ne voit donc jamais ce lien. Le composant généré inclut bien un champ Masqué, sous la forme d’un input nu sans valeur. Le remplir relève de votre page. Un script minimal, écrit par vous et non généré par FormFlow, ressemble à ceci :

<input name="utm_source" type="hidden">

<script>
  var source = new URLSearchParams(location.search).get('utm_source');
  var input = document.querySelector('input[name="utm_source"]');
  if (source && input) { input.value = source; }
</script>

Placez le script après le formulaire. La ligne input est ce que contient le composant généré pour un champ Masqué nommé utm_source. Le mode strict exige toujours que le champ Masqué soit déclaré dans le formulaire.

Limites à connaître

• L’aperçu du panneau ne prend jamais en compte un préremplissage. Testez avec le vrai lien.

• Un formulaire qui n’admet qu’une Liste fait passer les gens par une étape de connexion, et un préremplissage ne survit pas à cette redirection.

• Un formulaire noté ne peut pas avoir de champs Masqués. Le constructeur le dit : « Un formulaire doté d’un corrigé ne peut pas avoir de champs masqués. »

• Chaque valeur d’un lien peut parvenir à vos outils d’analytique et à vos journaux, que ce soit ou non un champ Masqué.