Configurez et stylisez les formulaires sur les pages HubSpot

Après avoir créé un formulaire dans HubSpot, vous pouvez l'ajouter à n'importe quel 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.

Remarque : les paramètres et les changements de style ne s'appliquent qu'au module de formulaire de la page sélectionnée et n'affectent pas votre formulaire sur d'autres pages. Toutefois, la mise à jour du contenu du formulaire, comme les champs de formulaire, entraînera la mise à jour du formulaire sur toutes les autres pages, y compris les formulaires intégrés ou les pages de formulaire autonomes. 

Configurer vos formulaires

• Dans votre compte HubSpot, naviguez vers vos pages de destination ouvos pages de site web.
• Passez la souris sur une page existante comportant 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 Contenu du panneau de gauche, personnalisez les paramètres du formulaire pour cette page :
  • Titre du formulaire : saisissez un nom pour le formulaire.
  • Choisir une forme: sélectionner 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 > Créer un nouveau formulaire. En savoir plus sur la création de formulaires
    • Pour afficher les soumissions pour ce formulaire, cliquez sur Actions > Afficher les soumissions du formulaire.
    • Pour cloner ce formulaire, cliquez sur Actions > Cloner le formulaire.
    • Pour passer en revue toutes les autres pages utilisant le formulaire sélectionné, cliquez sur Actions > Pages utilisant ce formulaire.
    • Pour modifier le formulaire dans l'éditeur de formulaires, cliquez sur Actions > Aller dans l'éditeur de formulaires complet.
      lice

Personnalisez le contenu de votre formulaire

Pour modifier les champs de votre formulaire, le texte des boutons et les paramètres GDPR :

• Cliquez sur pour développer la section Contenu du formulaire .
• Configurez le contenu de votre formulaire : 
  • Champs du formulaire : drag and drop fields to edit the order displayed in the form. Il n'est pas possible de glisser-déposer les champs de formulaire dans les formulaires à plusieurs colonnes ou lorsqu'ils font partie d'un module personnalisé. Pour ajouter des champs de formulaire supplémentaires :
    • Cliquez sur + Ajouter un autre champ de formulaire.
    • Cliquez sur le menu déroulant Choisir une propriété et utilisez la barre de recherche pour rechercher une propriété.
    • Cliquez sur la propriété pour l'ajouter comme champ de formulaire.

• • Texte du bouton : saisissez le texte à afficher sur le bouton de soumission.
  • Options GDPR : dans le menu déroulant, sélectionnez l' avis et les informations de consentement à afficher.
  • Captcha (prévention du SPAM) : cliquez sur ce bouton pour activer le Captcha (prévention du SPAM) afin d'afficher le reCAPTCHA invisible de Google.
    

Remarque : la mise à jour du contenu de votre formulaire entraînera la mise à jour du formulaire sur toutes les autres pages où le formulaire est utilisé, y compris les formulaires intégrés ou les pages de formulaire autonomes.

Configurez vos actions post-soumission

Pour configurer ce qui se passe après l'envoi d'un formulaire :

• Cliquez pour agrandir la section Remerciements.
• Dans la section What will a visitor see after submitting your form , configurez vos actions post-submit :
  • Redirection vers une autre page : redirige un visiteur vers une autre page après la soumission du formulaire.
    • Cliquez sur Rediriger vers une autre page.
    • Cliquez sur le menu déroulant Redirect link et sélectionnez une page HubSpot existante ou entrez une URL.
  • Afficher un message de remerciement en ligne : afficher un message après que le visiteur a envoyé le formulaire. Vous pouvez saisir un message de remerciement dans la zone de texte.
    
    

Configurer l'automatisation des formulaires

Gérez l'automatisation de vos formulaires, comme la création de contacts et les options d'e-mail marketing, ainsi que tout workflow associé à vos formulaires.

Pour configurer les options d'automatisation des formulaires : 

• Cliquez sur pour développer la section Automatisation des formulaires .
• Configurez les options d'automatisation suivantes : 
  • Toujours créer un nouveau contact pour une adresse e-mail: créer un nouvel enregistrement de contact chaque fois qu'un formulaire est soumis avec une nouvelle adresse e-mail, sans tenir compte des éventuels usertokens correspondants avec des contacts existants à partir de la soumission du formulaire.
    
  • Définirles contacts créés comme contacts marketing : définir tous les contacts créés à l'aide de ce formulaire comme des contacts marketing.
  • Suivi par e-mail: envoyez 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 Sélectionner un e-mail et sélectionnez un e-mail automatisé existant ou cliquez sur Créer un nouvel e-mail 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. Cliquez ensuite sur Supprimer. 

• • Workflowsconnectés: tous les workflows et les workflows simples utilisant le formulaire comme déclencheur d'inscription s'affichent. En savoir plus sur l' automatisation des formulaires.
    • Pour utiliser le formulaire comme déclencheur d'un workflow, cliquez sur Ajouter un formulaire à un workflow ou sur Ajouter un formulaire à un autre workflowworkflow.
      • 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 : 

• Faites défiler jusqu'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 remplacer les destinataires par défaut du formulaire et sélectionner des 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

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

• 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 mettre en ligne les modifications apportées à la page.