Créer un formulaire contextuel
Dernière mise à jour: juillet 17, 2023
Disponible avec le ou les abonnements suivants, sauf mention contraire :
|
L'outil Formulaires contextuels permet de créer des formulaires afin de générer de nouveaux leads. Vous pouvez utiliser des formulaires pop-up avec n'importe quel article de blog, page de destination ou page de site web hébergée sur HubSpot.
Si vous souhaitez déclencher votre fenêtre contextuelle à l'aide d'un bouton ou personnaliser davantage une fenêtre contextuelle, nous vous recommandons de créer un CTA à l'aide d'un formulaire .
Veuillez noter : l'outil de formulaires pop-up est en cours d'extinction et sera progressivement supprimé. À partir du 17 juillet, tous les utilisateurs de Starter, Professional, et Enterprise ne pourront plus créer ou cloner des formulaires pop-up. Les utilisateurs pourront toujours modifier, supprimer et dépublier les formulaires pop-up existants. Il est recommandé d'utiliser l'outil new CTAs pour créer des bannières autocollantes, des fenêtres contextuelles ou des CTA coulissants.
Créer un formulaire contextuel
Pour ajouter des formulaires pop-up à une page externe, vous devez installer le code de suivi HubSpot sur votre site externe, ou installer le plugin WordPress HubSpot sur votre site WordPress.
Pour créer un nouveau formulaire pop-up :
- Dans votre compte HubSpot, accédez à Formulaires :
- Pour les comptes Pro et Entreprise, naviguez vers Marketing > Lead Capture > Forms.
- Pour les comptes Starter et Free, naviguez vers Marketing > Forms.
- Cliquez sur Créer un formulaire dans l'angle supérieur droit.
- Pour associer le formulaire à une unité d'affaires (Business units add-on only) :
- Cliquez sur le menu déroulant Sélectionner une unité commerciale.
- Sélectionnez l'unité commerciale à laquelle vous souhaitez associer ce formulaire.
- Sélectionnez votre type de formulaire. Pour créer un formulaire contextuel, sélectionnez l'un des types de formulaire suivants :
- Fenêtre contextuelle
- Bannière déroulante
- Glisser dans la case de gauche
- Glisser dans la case de droite
- Cliquez sur Suivant dans l'angle supérieur droit.
- En haut de l'éditeur de formulaire, cliquez sur l'icône crayon edit pour modifier le nom du formulaire.
Configurer votre CTA
Sur l'onglet CTA, ajoutez et personnalisez un call-to-action pour attirer l'attention des visiteurs. Toute personnalisation de call-to-action apparaîtra dans l'aperçu de droite, afin que vous puissiez voir à quoi ressemblera votre formulaire contextuel lorsqu'il sera publié sur votre page.
- Image en vedette : sélectionner une image en vedette à afficher sur l'appel et l'étape du formulaire (boîte pop-up et boîte à glissière uniquement).
- Texte du CTA : saisissez l'en-tête principal du CTA.
- Corps du CTA : saisissez des informations ou détails supplémentaires sur le CTA. Cette étape est facultative.
- Texte du bouton d'appel : saisir le texte du bouton du formulaire d'appel.
- Couleur du thème : définissez la couleur du thème pour le bouton de votre formulaire contextuel. Sélectionnez une couleur personnalisée dans le sélecteur de couleurs ou saisissez manuellement une valeur hex.
- Bouton de lien : sélectionnez l'endroit auquel le bouton de CTA sera lié :
- Form step : diriger vos utilisateurs vers un formulaire à partir du formulaire pop-up. Personnalisez votre formulaire en cliquant sur l'onglet Form.
- URL non HubSpot : saisir un lien vers une page externe.
- Page HubSpot ou article de blog (Marketing Hub ou CMS Hub Starter, Professional, ou Entreprise) : sélectionnez une page HubSpot ou un article de blog dans le menu déroulant.
- Téléchargement de fichiers : cliquez sur Parcourir les fichiers pour ajouter votre fichier.
- Lien de la réunion : sélectionnez un lien de réunion dans le menu déroulant.
- Événement de calendrier : créez un événement de calendrier et configurez les détails de votre événement. L'événement sera créé dans le calendrier Google ou Outlook du client.
Personnaliser votre formulaire contextuel
Si votre bouton de CTA renvoie à une étape du formulaire, vous pouvez personnaliser le formulaire affiché. Dans l'onglet Form, personnalisez les détails suivants :- Corps du formulaire : saisissez toute information ou tout détail supplémentaire qui s'affichera avant les champs du formulaire. Cette étape est facultative.
- Champs ajoutés : sélectionnez les champs de votre formulaire contextuel. Le champ E-mail par défaut est automatiquement inclus et quatre champs peuvent être ajoutés au formulaire au maximum.
- Pour ajouter des champs supplémentaires au formulaire, cliquez sur + Ajouter un autre champ de formulaire.
- Les formulaires pop-up prennent en charge les types de champs suivants : texte sur une ligne, texte sur plusieurs lignes, sélection déroulante, case à cocher simple, nombre, sélecteur de date et fichier.
- Les utilisateurs d'un compte Marketing Hub Starter, Professional, et Entreprise peuvent créer des propriétés de contact personnalisées dans les formulaires pop-up.
- Pour personnaliser la façon dont un champ de formulaire apparaît aux visiteurs, cliquez sur l'icône du crayon edit .
- Vous pouvez modifier le libellé du champ, ajouter un texte d'espace réservé ou saisir une valeur par défaut.
- Dans le champ d'e-mail, vous pouvez spécifier les adresses e-mail et les domaines à bloquer.
- Pour ajouter des champs supplémentaires au formulaire, cliquez sur + Ajouter un autre champ de formulaire.
- Texte du bouton du formulaire : personnalisez le texte du bouton du formulaire. Par défaut, le texte du bouton du formulaire de l'onglet Callout remplit ce champ.
- Avis et consentement / intérêt légitime (GDPR) : si vous avez GDPR activé dans votre compte HubSpot, vous pouvez définir l'option avis et consentement pour ce formulaire pop-up. Pour personnaliser le texte par défaut, cliquez sur l'icône du crayon edit .
- Langue : définissez la langue du formulaire. Cela modifiera les libellés des champs de formulaire, le message Avis et consentement/intérêt légitime et les messages d'erreur affichés sur le formulaire. Tous les autres champs modifiables devront être traduits manuellement.
- CAPTCHA : activez l'option CAPTCHA pour fournir une protection supplémentaire contre les soumissions de spam.
Créer un message de remerciement
Si votre bouton de CTA renvoie à une étape du formulaire, configurez ce qui se passe après que le visiteur a envoyé le formulaire dans l'onglet Remerciements.
- Dans le champ Message de remerciement, saisissez un message à afficher lorsque les visiteurs soumettent votre formulaire contextuel. Vous pouvez utiliser l'éditeur de texte enrichi pour formater votre texte.
- Pour ajouter un bouton après votre message de remerciement afin de rediriger vos visiteurs ailleurs :
- Schoisissez la case à cocher Add a button.
- Personnalisez le texte du bouton.
- Sélectionnez le lien pour votre bouton :
- URL non HubSpot : redirige les visiteurs vers une page externe. Saisissez l'URL de la page .
- Page ou article de blog HubSpot (Marketing Hub ouCMS Hub Starter, Professional, ou Entreprise): sélectionnez une page ou un article de blog HubSpot dans le menu déroulant.
- Téléchargement de fichiers : cliquez sur Parcourir les fichiers pour ajouter votre fichier.
- Lien de la réunion : sélectionnez un lien de réunion dans le menu déroulant.
- Événement de calendrier : créez un événement de calendrier et configurez les détails de votre événement. L'événement sera créé dans le calendrier Google ou Outlook du client.

Remarque : Les comptes utilisant les outils gratuits de HubSpot doivent compléter un assistant de configuration d'e-mail pour activer le double opt-in pour les formulaires pop-up la création d'un e-mail de suivi ajoutera automatiquement un CAPTCHA au formulaire.
Personnaliser le ciblage de votre formulaire contextuel
Ciblez vos visiteurs en déterminant lorsque vous souhaitez que ce formulaire contextuel apparaisse sur votre site. Ajoutez des filtres pour combiner plusieurs ensembles de règles afin de déterminer quand le formulaire contextuel s'affiche. En savoir plus sur les règles de ciblage .
URL du site web
Vous pouvez ajouter une logique conditionnelle pour les URL de la page web et/ou des paramètres de requête spécifiques. Par défaut, le formulaire contextuel apparaîtra sur toutes les pages.
- Pour afficher le formulaire contextuel lorsqu'un visiteur se trouve sur l'URL d'un site web spécifique, dans la section Website URL :
- Cliquez sur le premier menu déroulant et sélectionnez Website URL.
- Cliquez sur le deuxième menu déroulant et sélectionnez une règle de ciblage.
- Saisissez les critères de votre règle dans le champ de texte.
- Pour afficher le formulaire contextuel lorsqu'un visiteur se trouve sur une page de site web dont l'URL comprend des paramètres de requête spécifiques :
- Cliquez sur le premier menu déroulant et sélectionnez Query parameter.
- Dans le premier champ de texte, saisissez le nom du paramètre de requête.
- Cliquez sur la liste déroulante et sélectionnez une règle de ciblage.
- Dans le deuxième champ de texte, entrez la valeur du paramètre de requête .

- Pour ajouter une autre règle, cliquez sur Ajouter une règle.
- Pour exclure le formulaire contextuel de certaines pages (par exemple, une page de politique de confidentialité), cliquez sur Ajouter une règle d'exclusion.
Informations et comportement du visiteur (facultatif)
Vous pouvez également cibler votre formulaire pop-up sur des contacts spécifiques en fonction des informations et du comportement connus des visiteurs. Le type de règles de filtrage que vous pouvez ajouter dépend des abonnements de votre compte. Les comptes Marketing Hub Pro et Entreprise peuvent créer des groupes de filtres avec des critères supplémentaires pour définir le moment auquel afficher ou masquer votre formulaire contextuel.
Pour définir des critères basés sur les informations relatives aux visiteurs, dans la section Informations et comportement des visiteurs :
- Sélectionnez le moment auquel afficher le formulaire contextuel :
- Sur la mosaïque Afficher la fenêtre contextuelle, cliquez sur le premier menu déroulant pour choisir quand afficher le formulaire contextuel aux visiteurs.
-
- Cliquez sur le menu déroulant suivant pour sélectionner vos règles de filtrage.
- Pour ajouter plus de règles concernant l'affichage de votre formulaire contextuel, cliquez sur Ajouter une règle et sélectionnez vos filtres.
- Sélectionnez le moment auquel masquer le formulaire contextuel :
- Cliquez sur Ajouter une règle d'exclusion.
- Cliquez sur le premier menu déroulant pour choisir quand le formulaire contextuel doit être masqué.
- Cliquez sur le menu déroulant suivant pour sélectionner vos règles de filtrage.
- Pour ajouter plus de règles pour masquer votre formulaire contextuel, cliquez sur Ajouter une règle d'exclusion et sélectionnez vos filtres.
- Pour créer un autre ensemble de règles de filtrage, cliquez sur Ajouter un groupe de filtres et sélectionnez des règles de filtrage.
Critères
Définissez le moment auquel le formulaire contextuel doit apparaître sur la page.
Remarque :
-
Si plusieurs critères sont sélectionnés, le formulaire s'affichera en fonction de la condition de déclenchement remplie en premier.
-
Lorsqu'un contact a rempli votre formulaire pop-up, celui-ci ne s'affichera plus s'il se trouve dans la même session de navigation.
Vous pouvez sélectionner les options suivantes :
- À 50 % de défilement de page : le formulaire apparaîtra lorsque le visiteur aura fait défiler la moitié de la page.
- À l'intention de sortie (fenêtre contextuelle uniquement) : le formulaire apparaîtra lorsque le visiteur dirigera le curseur de la souris vers la barre supérieure de la fenêtre du navigateur.
- Après le temps écoulé : le formulaire apparaîtra après une certaine durée, en secondes.
Personnaliser les options du formulaire contextuel
Dans l'onglet Options, personnalisez davantage les paramètres de votre formulaire contextuel. Certaines options peuvent ne pas s'afficher en fonction de votre abonnement à HubSpot et des intégrations ajoutées. Vous pouvez configurer les options suivantes :
- Planification (comptes Pro ou Entreprise uniquement) : par défaut, un formulaire contextuel sera publié immédiatement. Pour planifier un formulaire contextuel de façon à ce qu'il soit actif à partir d'une date spécifique uniquement, sélectionnez Planifier pour plus tard.
- Pour publier le formulaire contextuel à une date et une heure spécifiques, utilisez les menus déroulants Date de début et Heure de début.
- Pour annuler la publication du formulaire contextuel à une date et une heure spécifiques, sélectionnez la case à cocher Définir la date et l'heure de l'annulation de la publication, puis utilisez les menus déroulants Date de fin et Heure et définissez la date et l'heure.
- Définissez une phase du cycle de vie lors de la création d'un contact ou d'une entreprise : cliquez sur le menu déroulant Définir la phase du cycle de vie sur et sélectionnez une phase du cycle de vie. Lorsque les visiteurs soumettent un formulaire, la fiche d'informations correspondante sera placée à la phase du cycle de vie sélectionnée.
- Il n'est pas possible de faire reculer l'étape du cycle de vie d'un enregistrement. Si un contact existant ou une entreprise se trouvant à un stade ultérieur du cycle de vie soumet un formulaire, le stade du cycle de vie sera et non mis à jour.
-
- La phase du cycle de vie définie dans un formulaire remplacera la phase du cycle de vie par défaut configurée dans vos paramètres HubSpot.
- Petites tailles d'écran : pour désactiver votre formulaire pop-up sur les appareils mobiles, cochez la case Désactiver le formulaire pop-up sur les petites tailles d'écran . Même si les formulaires contextuels sont optimisés sur mobile, il est recommandé de les désactiver sur mobile.
- Afficher à nouveau le formulaire contextuel une fois rejeté : cliquez sur le menu déroulant pour définir le délai qui doit passer après le rejet du formulaire contextuel avant de pouvoir le voir à nouveau.
- Ajouter des contacts à une campagne Salesforce : si vous utilisez l'intégration Salesforce, cliquez sur le menu déroulant pour associer tout contact qui soumet le formulaire pop-up à une campagne Salesforce.
- Ajouter des contacts à GoToWebinar : si vous utilisez l'intégration GoToWebinar, cliquez sur le menu déroulant pour enregistrer tout contact qui soumet le formulaire pop-up pour un webinaire spécifique.
- Lorsque des contacts sont capturés, envoyer des notifications par e-mail à : cliquez sur le menu déroulant pour notifier un utilisateur ou une équipe HubSpot lorsque des contacts sont capturés.
- Envoyez des e-mails opt-in : pour gérer les paramètres du double opt-in pour vos formulaires pop-up, cliquez sur Gérer dans les paramètres.
- Définir les contacts créés comme contacts marketing : si votre compte HubSpot a accès aux contacts marketing, vous pouvez automatiquement définir tous les contacts créés à partir de ce formulaire comme étant des contacts marketing.
- Envoyer de nouveaux contacts à votre fournisseur de messagerie (en option) : cliquez sur Gérer dans Paramètres si vous souhaitez envoyer les nouveaux contacts vers un fournisseur de messagerie. En savoir plus sur pousser des contacts vers des listes MailChimp.

Utiliser des automatisations avec votre formulaire contextuel
Utilisez des fonctions d'automatisation simples telles que l'envoi d'un e-mail de suivi à un contact ou l'envoi de notifications internes automatiques par e-mail avec vos formulaires pop-up. Vous pouvez également utiliser la soumission du formulaire comme un critère d'inscription à un workflow simple. Découvrez-en davantage sur la façon d'utiliser les automatisations avec l'outil Formulaires.
- En haut de la page, cliquez sur l'onglet Automatisation. Dans l'onglet Automations, vous pouvez configurer ce qui se passe après l'envoi du formulaire.
- Dans la section Choose what happens after a form is submitted, personnalisez les paramètres de votre formulaire selon vos besoins.
- Dans la section Créer un workflow simple , configurez un workflow simple pour automatiser les actions de suivi telles que l'envoi d'un e-mail ou la définition d'une propriété de contact.
Prévisualiser votre formulaire contextuel
Sur l'onglet Aperçu, vous pouvez tester un aperçu interactif de votre formulaire contextuel.
- Pour voir comment votre formulaire contextuel apparaîtra sur différents appareils, dans l'angle supérieur gauche, cliquez sur les boutons Ordinateur, Tablette ou Mobile.
- Pour visualiser chaque étape du formulaire pop-up, cliquez sur les icônes de flèche gauche et droiteleftright.
Publication et annulation de la publication de votre formulaire contextuel
- Une fois que vous avez configuré votre formulaire, dans l'angle supérieur droit, cliquez sur Publier pour publier votre formulaire contextuel.
- Vous pouvez également annuler la publication d'un formulaire en direct à partir de l'onglet Options :
- Accédez à l'onglet Options.
- Cliquez sur Annuler la publication.
- Dans la boîte de dialogue, cliquez sur Annuler la publication du formulaire contextuel.
- Après avoir annulé la publication de votre formulaire, vous pouvez choisir soit de revenir au tableau de bord des formulaires en sélectionnant Accéder au tableau de bord, soit de rester dans l'éditeur de formulaire en sélectionnant Rester dans l'éditeur.