Configurez et stylisez les formulaires sur les pages HubSpot

Après avoir créé un formulaire dans HubSpot, vous pouvez l’ajouter à un module de formulaire sur une page HubSpot. Sur chaque page, vous pouvez également configurer ce qui se passe après l'envoi du formulaire et personnaliser le style des éléments de votre formulaire, tels que le bouton d'envoi et les champs du formulaire.

Avant de commencer

Avant de mettre en place vos formulaires sur une page HubSpot, veuillez noter ce qui suit : 

• Les paramètres et les changements de style ne s'appliqueront qu'au module de formulaire de la page sélectionnée. Les modifications apportées aux paramètres et au style n'affecteront pas votre formulaire sur d'autres pages.
• La mise à jour du contenu des formulaires, tels que les champs de formulaire, entraîne la mise à jour du formulaire sur toutes les autres pages, y compris tous les formulaires intégrés ou les pages de formulaire autonomes. 

Configurer vos formulaires

Pour configurer votre formulaire sur une page HubSpot :

• Accédez à votre contenu :

  • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
  • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.

• Cliquez sur le nom de votre page.
• Dans l'éditeur de contenu, cliquez sur le module de formulaire. Si votre page n'a pas encore de module de formulaire, apprenez comment ajouter des modules à une page. 
• Dans l'onglet Content du panneau de gauche, personnalisez les paramètres du formulaire pour cette page :
  • Titre du formulaire : entrez un nom pour le formulaire.
  • Choisissez un formulaire: choisissez un formulaire pour cette page.
    • Pour utiliser un formulaire existant, cliquez sur le menu déroulant et sélectionnez un formulaire . 
    • Pour créer et utiliser un nouveau formulaire, cliquez sur Actions. Ensuite, sélectionnez Create nouveau formulaire. Découvrez-en davantage sur la configuration des formulaires.
    • Pour afficher les soumissions de ce formulaire, cliquez sur Actions. Cliquez ensuite sur Afficher les soumissions de formulaires.

• • • Pour modifier le formulaire dans l’éditeur de formulaire, cliquez sur Actions. Puis, sélectionnez Accéder à l’éditeur de formulaires.
      
      

Configurer l'automatisation des formulaires

Vous pouvez gérer l’automatisation de vos formulaires, les e-mails de suivi et tout workflow associé à vos formulaires. Les déclencheurs d'inscription sont soumis au comportement suivant :

• Lorsqu'un Workflow est ajouté dans les paramètres d'automatisation du module de formulaire, le déclencheur d'inscription à la soumission de formulaire correspondant sera ajouté au Workflow.
• La suppression d'un Workflow des paramètres d'automatisation du module de formulaire le supprimera également des déclencheurs d'enrôlement du Workflow.
• Si le déclencheur d'inscription au formulaire utilisé dans un workflow ne spécifie pas de page, le déclencheur ne peut pas être supprimé de la page et doit être supprimé du workflow.

Pour configurer les paramètres d'automatisation de votre formulaire, cliquez sur Form automation dans le panneau de gauche pour développer la section, puis passez en revue les options d'automatisation suivantes :

• Suivi par e-mail: envoie un e-mail de suivi aux visiteurs qui ont envoyé le formulaire. Les e-mails de suivi ne peuvent être envoyés qu'aux contacts marketing. 
  • Pour ajouter un e-mail de suivi :
    • Cliquez sur Sélectionnerun e-mail +.
    • Dans la boîte de dialogue, cliquez sur le menu déroulant Select an email et sélectionnez un email automatisé existant ou cliquez sur Create new email pour créer un nouvel e-mail automatisé.
    • Cliquez sur Enregistrer. L'e-mail de suivi sélectionné s'affiche dans le panneau de gauche. 
    • Après avoir configuré vos e-mails de suivi, cliquez en haut à droite sur Publier ou Mettre à jour pour appliquer ces changements. L'e-mail de suivi ne sera pas activé tant que les modifications n'auront pas été publiées. 

• • Pour modifier l'e-mail de suivi utilisé, survolez l'e-mail et cliquez sur l'icône en forme de crayon située à côté de l'e-mail. 
  • Pour supprimer l'e-mail de suivi, survolez l'e-mail et cliquez sur l'icône X à côté de l'e-mail. L'e-mail ne devrait plus s'afficher. 

• Workflows connectés : tous les workflows et workflows simples utilisant le formulaire comme critère d’inscription s’afficheront. Découvrez-en davantage sur l'utilisation de l'automatisation avec les formulaires. 
  • Pour utiliser le formulaire comme déclencheur d'un Workflow, cliquez sur Add form to a workflow ou Add form to another workflow. 
    • Cliquez sur Ajouter le formulaire à un workflow.
    • Sélectionnez un workflow existant ou cliquez sur Créer un nouveau workflow pour créer un nouveau workflow. Si vous créez un nouveau workflow, configurez votre workflow, puis revenez au module de formulaire de votre page de destination ou de votre page de site web. 
  • Pour ajouter un autre workflow, cliquez sur Ajouter un formulaire à un autre workflow, puis sélectionnez un workflow existant ou cliquez sur Créer un nouveau workflow.
  • Pour supprimer le formulaire en tant que déclencheur d'un Workflow, survolez le Workflow et cliquez sur l'icône de suppression située à côté du Workflow. 

Configurer des options de formulaire supplémentaires

Vous pouvez également configurer des paramètres supplémentaires tels que la sélection des destinataires des notifications du formulaire. De plus, si vous avez installé l'intégration HubSpot-Salesforce, vous pouvez également associer le formulaire à une campagne Salesforce active.

Pour configurer les options supplémentaires de votre formulaire, descendez au bas du panneau de gauche, puis configurez les options suivantes :

• Envoyer les notifications de formulaire aux adresses e-mail spécifiées au lieu des valeurs par défaut du formulaire : par défaut, les notifications de soumission de formulaire seront envoyées à tous les destinataires ajoutés dans l'onglet 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 ce bouton pour activer l'option Envoyer les notifications aux adresses e-mail spécifiées au lieu des valeurs par défaut du formulaire .
  • Cliquez sur le menu déroulant Adresses E-mail et sélectionnez vos destinataires. Seuls les utilisateurs de HubSpot peuvent être sélectionnés comme destinataires des notifications de formulaire. 
  • Pour supprimer un destinataire, cliquez sur l'icône X en regard de son adresse e-mail. 
• Campagne Salesforce : Si l'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 de formulaires à des campagnes Salesforce.
  
  

Styliser vos formulaires sur les pages HubSpot

Vous pouvez personnaliser le style de l'ensemble du formulaire et apporter des modifications spécifiques au bouton d'envoi ou aux champs du formulaire. Pour personnaliser le style de votre formulaire :

• Accédez à votre contenu :
  • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
  • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.

• Cliquez sur le nom de votre page.
• Dans l'éditeur de contenu, cliquez sur le module de formulaire. Si votre page n'a pas encore de module de formulaire, apprenez comment ajouter des modules à une page. 

• En haut du panneau de gauche, cliquez sur l'onglet Styles.
• Cliquez sur les onglets Module, Champs, ou Boutons pour sélectionner l'élément de votre formulaire que vous souhaitez styliser.
• Personnaliser l'élément sélectionné de votre formulaire en utilisant les options de texte et d'alignement ci-dessous.
• Cliquez sur Publier ou Mettre à jour pour activer les modifications.

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.