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

Configurez et stylisez les formulaires sur les pages HubSpot

Dernière mise à jour: octobre 28, 2020

Disponible avec :

Tous les produits et les abonnements

Une fois que vous avez créé un formulaire dans HubSpot, vous pouvez l'ajouter à un module de formulaire sur une page HubSpot. Vous pouvez également configurer des actions de suivi et personnaliser le style pour les éléments de votre formulaire sur des pages spécifiques, y compris le bouton Soumettre et les champs de formulaire.

Remarque : les modifications de paramètres et de style ne s'appliqueront qu'au module de formulaire sur la page sélectionnée et n'affecteront pas votre formulaire sur d'autres pages.

Configurer vos formulaires

  • Dans votre compte HubSpot, accédez à vos pages de destination ou à vos pages de site web.
  • Passez le curseur de la souris sur une page existante avec un module de formulaire et cliquez sur Modifier ou créez une nouvelle page.
  • Dans l'éditeur de pages, cliquez sur le module de formulaire.
  • Dans l'onglet Options du panneau de gauche, personnalisez les paramètres du formulaire pour cette page :
    • Titre du formulaire : saisissez le nom du formulaire sur cette page.
    • Choisir un formulaire : cliquez sur le menu déroulant pour sélectionner le formulaire qui apparaîtra dans le module sur cette page. Cliquez sur le menu déroulant Actions pour créer un nouveau formulaire, cloner un formulaire, afficher d'autres pages à l'aide de ce formulaire ou accéder à l'éditeur de formulaires complet. En savoir plus sur la configuration des formulaires.
form-editor-options
    • Accédez à la section Contenu du formulaire pour modifier les champs de votre formulaire, le texte du bouton et les paramètres RGPD de votre formulaire.
      • Champs de formulaire : Glissez et déposez les champs pour modifier leur ordre d'affichage. Pour ajouter des champs de formulaire supplémentaires, cliquez sur Ajouter un autre champ de formulaire, cliquez sur le menu déroulant Sélectionner une propriété et utilisez la barre de recherche pour rechercher un champ. 

Remarque : il n'est pas possible de glisser-déposer les champs de formulaire dans l'éditeur en ligne pour les champs dans les formulaires à plusieurs colonnes ou faisant partie d'un module personnalisé.

move-form-fields
  • Accédez à la section Remerciements pour configurer ce qui s'affiche lorsqu'un visiteur remplit et soumet votre formulaire.
    • Que verra un visiteur après avoir soumis votre formulaire : personnalisez l'expérience du visiteur lorsqu'il soumet votre formulaire sur cette page. Si vous sélectionnez Rediriger vers une autre page, cliquez sur le menu déroulant Lien de redirection pour sélectionner une page de remerciement HubSpot ou saisissez une URL. Si vous sélectionnez Afficher un message de remerciement en ligne, saisissez un message de remerciement dans la zone de texte.
  • Dans la section Options de formulaire, cliquez sur le bouton Toujours créer un nouveau contact pour l'adresse e-mail pour créer une nouvelle fiche d'informations de contact à chaque soumission de formulaire avec une adresse e-mail même si elle existe déjà sur votre compte HubSpot.
  • Configurez vos notifications de soumission de formulaire et les e-mails de suivi.
    • Envoyer des notifications de formulaire aux adresses e-mail spécifiées au lieu des paramètres de formulaire par défaut : par défaut, les notifications de soumission de formulaire seront envoyées à tous les destinataires ajoutés dans les options du formulaire. Pour écraser les destinataires par défaut du formulaire et sélectionnez les destinataires de notification pour les soumissions sur cette page, cliquez sur le bouton Envoyer les notifications à des adresses e-mail spécifiées au lieu de celles indiquées par défaut dans les formulaires. Une fois le paramètre activé, cliquez sur le menu déroulant Adresses e-mail pour sélectionner les destinataires.
    • Ajouter à un workflow : cliquez sur le bouton Ajouter au workflow pour activer automatiquement les contacts dans un workflow spécifique lorsqu'ils soumettent le formulaire sélectionné sur cette page. Une fois la configuration activée, cliquez sur le menu déroulant Workflow pour sélectionner un workflow pour l'inscription ou cliquez sur Créer nouveau pour créer un nouveau workflow.
    • Envoyer un e-mail de suivi : cliquez pour activer l'option Envoyer un e-mail de suivi pour envoyer automatiquement un e-mail de suivi aux contacts lorsqu'ils soumettent le formulaire sélectionné sur cette page. Une fois le paramètre activé, cliquez sur le menu déroulant E-mail pour sélectionner un e-mail de suivi. Pour apporter des modifications à l'e-mail sélectionné, cliquez sur Modifier ou cliquez sur Créer nouveau pour créer un nouvel e-mail.
    • Campagne Salesforce : si votre intégration Salesforce est activée, vous pouvez associer un formulaire à une campagne Salesforce active en cliquant sur le menu déroulant et en sélectionnant une campagne. En savoir plus sur l'association des formulaires à des campagnes Salesforce.
  • Cliquez sur Appliquer les modifications.

Styliser vos formulaires sur les pages HubSpot

Pour personnaliser le style de votre formulaire ou apporter des modifications de style spécifiques au bouton Soumettre ou aux champs de formulaire, cliquez sur l'onglet Style.

Remarque : les formulaires qui apparaissent sur les pages HubSpot ne peuvent être personnalisés que sur des pages spécifiques. Les formulaires intégrés sur des pages de formulaire externes ou des pages de formulaire indépendantes doivent être stylisés dans l'éditeur de formulaire ou stylisés avec CSS dans votre feuille de style externe.
  • En haut, utilisez les onglets pour sélectionner l'élément de votre formulaire que vous souhaitez styliser. 
edit-form-style
  • Personnaliser l'élément sélectionné de votre formulaire en utilisant les options de texte et d'alignement ci-dessous.
  • Cliquez sur Appliquer les modifications pour enregistrer vos modifications du module.
  • Cliquez sur Publier ou Mettre à jour pour activer les modifications.