Easily build and embed forms on your site. Try HubSpot Forms for free.
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Forms

Remplir automatiquement des champs de formulaire avec une chaîne de requête

Dernière mise à jour: décembre 19, 2018

Vous pouvez remplir automatiquement les valeurs de champ dans un formulaire sur une page en ajoutant des chaînes de requête à l'URL de la page pour les types de champs suivants : texte à une ligne, texte à plusieurs lignes, menu déroulant, cases à cocher multiples, nombre, sélection radio, case à cocher simple et sélecteur de date. Cela fonctionne également pour les champs de formulaire masqués.

  1. Copier le nom interne de la propriété
  2. Créer la chaîne de requête

Note : il est impossible d'utiliser des chaînes de requête pour remplir automatiquement les champs de formulaire dépendants.

Copier le nom interne de la propriété

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, accédez à Propriétés.
  • Cliquez sur le nom d'une propriété pour préremplir les valeurs de votre formulaire.
  • Copiez le nom interne de la propriété.

refresh-property-internal-name

  • Répétez cette opération pour toute autre propriété pour laquelle vous souhaitez préremplir des valeurs dans votre formulaire.

 

Créer des chaînes de requête statiques avec des valeurs prédéfinies

Vous pouvez créer des chaînes de requête statiques pour remplir automatiquement les champs de formulaire avec des valeurs prédéfinies. Dans votre navigateur, accédez à la page de votre formulaire et copiez l'URL.

  • Ajoutez un point d'interrogation (?) à la fin de l'URL de la page.
  • Ajoutez le nom interne de la propriété, suivi d'un signe égal et de la valeur à remplir automatiquement dans le champ. Prenez note des règles relatives à l'ajout des valeurs, en fonction du type de champ de la propriété :
    • Case à cocher unique : les chaînes de requête doivent contenir une valeur vrai ou faux, et non pas oui ou non.
    • Sélecteur de date : les chaînes de requête doivent contenir une valeur de date au format JJ-MM-AAAA.
    • Cases à cocher multiples : les valeurs de la chaîne de requête doivent correspondre exactement aux options de valeur de la propriété, avec un point-virgule séparant les différentes valeurs.
    • Case d'option/menu déroulant : les valeurs des chaînes de requête doivent correspondre aux options de valeur de la propriété exactement.
  • Séparez les différentes propriétés avec une esperluette (&).

Après avoir créé l'URL avec des chaînes de requête statiques, vous pouvez l'utiliser comme lien dans votre contenu, comme les e-mails et les pages. Un contact qui clique sur le lien verra le formulaire sur la page automatiquement rempli avec la ou les valeurs prédéfinies dans la chaîne de requête.

Exemple et répartition d'une URL avec une chaîne de requête statique correctement formaté :

http://www.domain.com/marketing-offer?firstname=John&lastname=Smith&email=jsmith@email.com
&favorite_season=Winter&favorite_natural_disasters=Blizzard;Hurricane&number_property=7&will_you_come_to_the_party=Maybe&do_you_like_parties=true&date_of_party=2018-10-24
  • Début de la chaîne de requête et champ de texte à une ligne : ?prénom=Jean
  • Champ de texte à une ligne : &nom=Martin
  • Champ de texte à une ligne : &e-mail=jmartin@email.com
  • Champ de sélection déroulante :&saison_préférée=Hiver
  • Champ de cases multiples :&catastrophe_naturelle_préférée=Blizzard;Ouragan
  • Champ de nombre : &chiffre_préféré=7
  • Champ d'option de case : &viens_tu_à_la_fête=Peut-être
  • Champ case à cocher unique : & aimes_tu_les_fêtes=vrai
  • Champ de sélection de date : &date_de_la_fête=24-10-2018

 

Créer des chaînes de requête dynamiques avec des jetons de personnalisation (Marketing Starter, Basique, Pro, et Entreprise uniquement)

Vous pouvez utiliser des jetons de personnalisation pour créer des chaînes de requête dynamiques qui rempliront automatiquement les champs de formulaire en fonction des propriétés de contact connues.

Note : cela ne fonctionnera correctement que sur les pages HubSpot contenant un formulaire HubSpot. L'URL du lien doit également être placée dans le contenu HubSpot ou une page externe contenant votre code de suivi HubSpot.
  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • Cliquez sur Créer un e-mail ou le nom d'un brouillon d'e-mail.
  • Dans la barre d'outils de texte enrichi, cliquez sur l'icône du jeton de personnalisation contacts.

  • Dans la boîte de dialogue, sélectionnez un jeton de personnalisation pour remplir automatiquement le formulaire. Continuer à ajouter des jetons de personnalisation supplémentaires si besoin.
  • Les jetons de personnalisation apparaîtront désormais dans le corps de l'e-mail. Dans la barre d'outils de texte enrichi, cliquez sur l'icône du code source codef pour consulter le code HTML de votre e-mail.

  • Dans le code source, vous verrez que le code brut pour chaque jeton de personnalisation est ajouté au corps de l'e-mail. Chaque jeton sera entouré de crochets. Soulignez un jeton (exemple : {{ contact.firstname }} ), puis faites un clic droit et sélectionnez Copier
  • Répétez cette option pour tous les jetons de personnalisation que vous souhaitez préremplir dans votre formulaire.
  • En bas de la boîte de dialogue, cliquez sur Annuler et fermer pour quitter le code source.

  • Dans votre navigateur, accédez à la page de votre formulaire et copiez l'URL.

    • Ajoutez un point d'interrogation (?) à la fin de l'URL de la page.
    • Ajoutez le nom interne de la propriété, suivi d'un signe égal et du jeton de personnalisation. Assurez-vous que tous les espaces sont supprimés du jeton (ex. : {{contact.firstname}} ).
    • Séparez les différentes propriétés avec une esperluette (&).

Voici un exemple d'URL avec une chaîne de requête dynamique correctement formatée :

http://www.domain.com/marketing-offer?firstname={{contact.firstname}}&lastname={{contact.lastname}}&email={{contact.email}}

Après avoir créé l'URL avec des chaînes de requête dynamiques, vous pouvez l'utiliser comme lien dans votre contenu HubSpot, comme les e-mails et les pages, ou une page externe avec votre code de suivi HubSpot. Un contact qui clique sur le lien verra le formulaire sur la page automatiquement rempli avec ses informations si les valeurs sont connues pour le ou les champs dans la chaîne de requête.

New Call-to-action