Forms

Est-il possible de pré-remplir les champs d'un formulaire avec une chaîne de requête ?

Dernière mise à jour: July 7, 2017

Disponible avec :

Produit: HubSpot Marketing
Abonnement: Basique, Pro et Entreprise

Oui, vous pouvez créer des URL sur mesure et personnalisées pour des pages contenant des formulaires qui seront pré-remplies avec les données issues d'une chaîne de requête.


Utilisez le Nom interne de la propriété du contact

Afin d'effectuer cette action, vous devez utiliser le Nom interne de la propriété du contact, et non pas son Libellé.
  • Allez dans Contacts > Paramètres des Contacts.
  • Cherchez la propriété voulue et cliquez sur Éditer.
  • Vous verrez le Nom interne de la propriété à utiliser dans votre chaîne de requête. Utilisez-le dans la chaîne de requête de votre URL pour pré-remplir le champ lorsque l'utilisateur suivra le lien vers votre page de destination.
    • Exemple d'URL : http://www.landingpageurl.com/titre-page-ici?prénom=Jean&nom=Dupond&email=jdupond@email.com

use-internal-name-in-query-string.pngCette méthode fonctionne pour les types de champs suivants : texte d'une ligne, texte de plusieurs lignes, liste déroulante, case unique à cocher, cases multiples à cocher, nombre, case d'option et choix de date. Vous pouvez également l'appliquer à des champs qui sont dissimulés sur votre formulaire.

Formatage correct des données

Le formatage des données dans votre chaîne de requête doit correspondre aux paramètres exacts des propriétés utilisées. Voici quelques règles à suivre :

  • Une case unique à cocher doit contenir une valeur true ou false, et non pas une valeur oui ou non.
  • Le choix de date doit contenir une valeur de date au format MM/JJ/AAAA.
  • Les valeurs des cases multiples à cocher doivent être strictement identiques aux options de valeurs de la propriété et les différentes valeurs doivent être séparées par un point-virgule.
  • Les valeurs des cases d'option et des menus déroulants doivent être strictement identiques aux options de valeur de la propriété.

Une chaîne de requête bien formatée :

Voici un exemple de chaîne de requête bien formatée qui utilise plusieurs types de propriétés :

http://www.domain.com/offre-marketing?prénom=Jean&nom=Dupond&email=jdupond@email.com&saison_préférée=Hiver&phénomène_météo_préféré=Blizzard;Ouragan&chiffre_préféré=7&viendrez-vous_à_la_fête=Peut-être&aimez_vous_les_fêtes=vrai&date_de_la_fête=07/01/2016

  • La chaîne de requête doit commencer par un point d'interrogation (?).
  • Après ce point d'interrogation, tapez les Noms internes de chaque champ que vous voulez pré-remplir et séparez chaque nom interne de sa valeur avec le signe égal (=).
  • Séparez chaque nouvelle propriété avec une esperluette (&).

Voici le détail de l'exemple précédent :

  • Début de la chaîne de requête et texte d'une ligne :   ?prénom=Jean
  • Texte d'une ligne:    &email=jdupond@email.com
  • Liste déroulante :    &saison_préférée=Hiver
  • Cases multiples à cocher : &phénomène_météo_préféré=Blizzard;Ouragan
  • Nombre :    &chiffre_préféré=7
  • Case d'option :    &viendrez-vous_à_la_fête=Peut-être
  • Case unique à cocher :    &aimez_vous_les_fêtes=vrai
  • Choix de la date :     &date_de_la_fête=07/01/2016

Utiliser les jetons de personnalisation avec des chaînes de requête

Vous pouvez aussi appliquer cette fonctionnalité de personnalisation des URL de manière globale avec des jetons de personnalisation dans les chaînes de requête du lien.

Remarque : cette méthode ne fonctionne comme prévu que si le lien dirige vers un contenu hébergé par HubSpot et contenant un formulaire HubSpot, et s'il est placé sur une page hébergée par HubSpot (ou dans un e-mail HubSpot) ou sur une page non hébergée par HubSpot mais contenant un code de suivi HubSpot.

Voici comment cela fonctionnerait, par exemple, dans un e-mail HubSpot :

  • Dans cet e-mail, trouvez le lien que vous aimeriez personnaliser. Dans cet exemple, nous utiliserons : http://www.domain.com/offre-marketing

 link-in-email-to-personalize.png

  • Cliquez sur l'icône Personnalisation de la barre d'outils et sélectionnez la propriété que vous souhaitez utiliser pour envoyer une URL personnalisée. Ici, nous allons choisir le prénom.
  • Une fois que vous l'avez ajoutée, cliquez sur Outils > Code source dans le menu pour obtenir le code du jeton de personnalisation à utiliser dans votre chaîne de requête. Dans ce cas, puisque nous voulons utiliser le prénom, le code du jeton est {{contact.firstname}} .
personalization_token_query_string_1.gif
Ajouter un jeton de personnalisation et obtenir son code
  • Surlignez  l'URL et cliquez sur l'icône Lien dans la barre d'outils. 
  • Ajoutez une chaîne de requête à la fin du lien, comme ici : http://www.domain.com/offre-marketing?prénom=there, puis cliquez sur Mise à jour du lien.
personalization_token_query_string_2.gif

Si vous souhaitez tester le résultat, vous pouvez vous envoyer un e-mail test en tant que contact spécifique en suivant ces instructions.