Easily create mobile-optimized pop-up forms. Get started with HubSpot’s form  builder.

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

Créer un formulaire contextuel

Dernière mise à jour: juillet 15, 2020

Disponible avec :

Tous les produits et les abonnements

L'outil Formulaires contextuels permet de créer facilement des formulaires afin de générer de nouveaux leads. Les formulaires contextuels sont disponibles pour tout article de blog, page de destination ou page de site web hébergée sur HubSpot. Pour ajouter des formulaires contextuels à une page externe, vous devez installer le code de suivi HubSpot sur votre site externe ou installer le plug-in HubSpot WordPress sur votre site WordPress.

  • Dans votre compte HubSpot, accédez à Formulaires :
    • Pour les comptes Pro et Entreprise, accédez à Marketing > Capture de leads > Formulaires.
    • Pour les comptes Starter et gratuits, accédez à Marketing > Formulaires.
  • Cliquez sur Créer un formulaire dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, sélectionnez Formulaire contextuel.
  • Cliquez sur Suivant dans l'angle supérieur droit.
  • Pour personnaliser le nom de votre formulaire contextuel, cliquez sur edit l'icône Crayon en haut et saisissez un nom.

1. Type - Sélectionner le type de formulaire contextuel

Il existe trois types de formulaires contextuels. Dans l'onglet Type, sélectionnez le type de formulaire contextuel à créer :

  • Boîte contextuelle : apparaît comme une boîte contextuelle sur votre page.
  • Bannière déroulante : apparaît comme une bannière déroulante en haut de votre page.
  • Fenêtre glissante gauche/droite : apparaît comme une fenêtre glissante dans l'angle inférieur gauche ou droit de votre page.

Cliquez sur Suivant dans l'angle supérieur droit.

2. CTA - Sélectionner l'action

Sur l'onglet CTA, ajoutez et personnalisez un call-to-action pour attirer l'attention des visiteurs.

  • Image en vignette : (boîte contextuelle uniquement) sélectionnez une image en vignette à afficher dans le CTA et le formulaire.
  • Texte du CTA : l'en-tête principal du CTA.
  • Corps du CTA : informations ou détails supplémentaires sur le CTA. Cette étape est facultative.
  • Texte du bouton de CTA : le texte du bouton de formulaire de CTA.
  • Couleur du thème : définissez la couleur du thème pour le bouton de votre formulaire contextuel. Cliquez sur l'une des couleurs par défaut ou sélectionnez une couleur personnalisée. Pour cela, cliquez sur le cercle coloré figurant à côté de la valeur hexadécimale, puis sélectionnez une couleur dans le dégradé ou saisissez une valeur hexadécimale.
  • Bouton de lien : sélectionnez l'endroit auquel le bouton de CTA sera lié :
    • Étape de formulaire : redirigez vos utilisateurs vers un formulaire depuis le formulaire contextuel. Personnalisez votre formulaire en cliquant sur l'onglet Formulaire.
    • URL externe à HubSpot : collez un lien vers une page externe.
    • Page HubSpot ou article de blog (Hub Marketing Starter, Pro, Entreprise et CMS) : sélectionnez une page HubSpot ou un article de blog dans le menu déroulant.
    • Téléchargement de fichier : cliquez sur Parcourir les fichiers pour ajouter votre fichier.
    • Lien de prise de rendez-vous : sélectionnez un lien de prise de rendez-vous dans le menu déroulant.
    • Événement du calendrier : créez un événement de calendrier et renseignez les champs Nom de l'événement, Date de début, Date de fin, Fuseau horaire, Emplacement et Détails. L'événement sera créé dans le calendrier Google ou Outlook du client. 

Toute personnalisation de call-to-action apparaîtra immédiatement dans l'aperçu de droite, afin que vous puissiez voir à quoi ressemblera votre formulaire contextuel lorsqu'il sera publié sur votre page.

Cliquez sur Suivant dans l'angle supérieur droit.

3. Formulaire - Personnaliser votre formulaire contextuel

Dans l'onglet Formulaire, personnalisez ce que vos visiteurs voient lorsqu'ils cliquent sur le bouton du formulaire contextuel.
  • Corps du texte : (optionnel) rédigez un texte détaillant la valeur ajoutée de l'offre associée au formulaire contextuel.
  • Champs ajoutés : le champ E-mail par défaut est automatiquement inclus.
    • Pour ajouter des champs supplémentaires au formulaire, cliquez sur + Ajouter un autre champ de formulaire. Les formulaires contextuels prennent en charge les types de champ suivants : texte à une ligne, texte à plusieurs lignes, menu déroulant, case à cocher unique, nombre, sélecteur de date et fichier (seuls les comptes Hub Marketing Starter, Pro, et Entreprise peuvent créer des propriétés de contact personnalisées dans des formulaires contextuels).
    • Pour personnaliser la manière dont ces champs sont présentés aux visiteurs, cliquez sur l'icône crayon edit pour en modifier le libellé, le texte d'espace réservé ou la valeur par défaut. Dans le champ d'e-mail, vous pouvez spécifier les adresses e-mail et les domaines à bloquer.
  • Texte du bouton de formulaire : le texte du bouton de formulaire de l'onglet CTA sera automatiquement redirigé dans ce champ. Pour apporter des modifications au texte du bouton sur l'étape du formulaire, mettez à jour ce texte ici.
  • Avis et consentement/Intérêt légitime (RGPD) : si vous avez activé le RGPD dans votre compte HubSpot, vous pouvez définir l'option d'avis et de consentement pour ce formulaire contextuel. Pour personnaliser le texte par défaut, cliquez sur l'icône 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.
  • Définir la phase du cycle de vie : sélectionnez la phase du cycle de vie des contacts qui soumettront le formulaire contextuel. Cette propriété est définie comme Lead par défaut.
  • CAPTCHA : activez l'option CAPTCHA pour fournir une protection supplémentaire contre les soumissions de spam.

pop-up-forms-edit-form

Cliquez sur Suivant dans l'angle supérieur droit.

4. Remerciement - Créer un message de remerciement

Sur l'onglet Merci, saisissez un message de remerciement pour vos visiteurs qu'ils verront une fois le formulaire contextuel soumis. Utilisez l'éditeur de texte enrichi pour inclure du texte formaté, ou intégrer des liens vers des ressources complémentaires ou des téléchargements.

Vous pouvez ajouter un bouton après votre message de remerciement pour rediriger vos visiteurs ailleurs, comme vers une page web, un téléchargement de fichiers ou un lien de prise de rendez-vous.

  • Sélectionnez la case Ajouter un bouton.
  • Personnalisez le texte du bouton.
  • Dans la section À quoi le bouton doit-il être relié ?, sélectionnez le lien de votre bouton :
    • URL externe à HubSpot : redirigez vos visiteurs vers une page externe. Saisissez l'URL externe à HubSpot de votre page.
    • Page HubSpot ou article de blog
    • (Hub Marketing Starter, Pro, Entreprise et CMS: redirigez les visiteurs vers une page ou un article de blog HubSpot. Cliquez sur le menu déroulant Sélectionner une page ou un article de blog HubSpot et sélectionnez une page ou un article de blog HubSpot publié.
    • Téléchargement de fichier : redirigez les visiteurs vers un fichier à télécharger. Cliquez sur le bouton Parcourir les fichiers pour choisir un fichier dans votre gestionnaire des fichiers. Pour charger un nouveau fichier, dans l'angle inférieur gauche de la fenêtre de droite, cliquez sur Ajouter un fichier downCarat et chargez un fichier depuis votre appareil, Dropbox ou Google Drive.
    • Lien de prise de rendez-vous : permettez aux visiteurs de planifier un rendez-vous avec une personne de votre équipe en utilisant un lien de prise de rendez-vous. Cliquez sur le menu déroulant Lien de prise de rendez-vous pour sélectionner un lien de prise de rendez-vous existant.
    • Événement de calendrier : permettez aux visiteurs d'ajouter un nouvel événement de calendrier à leur calendrier Google ou Outlook. Saisissez un nom d'événement, une date, une heure, un fuseau horaire, une localisation et des détails.

Cliquez sur Suivant dans l'angle supérieur droit.

5. Suivi - Créer un e-mail de suivi

Dans l'onglet Suivi, vous pouvez rédiger un e-mail de suivi adressé aux visiteurs après soumission du formulaire en cliquant sur Créer un e-mail de suivi.

Remarque : Les utilisateurs HubSpot CRM gratuits doivent remplir un assistant de configuration d'e-mail pour activer la confirmation d'inscription pour les formulaires contextuels.

  • Dans le panneau de droite, personnalisez les détails de votre e-mail de suivi :
    • Type d'abonnement : sélectionnez le type d'abonnement de votre e-mail de suivi.
    • Expéditeur : sélectionnez l'expéditeur de votre e-mail de suivi.
    • Ligne d'objet : ajoutez un objet à l'e-mail de suivi.
    • Corps : rédigez un texte incitant le destinataire à continuer d'interagir avec votre entreprise.
    • Modifier le pied de page de l'e-mail : permet de personnaliser le nom et l'adresse de votre entreprise dans les paramètres d'e-mail de votre compte.

  • Une fois cette étape terminée, cliquez sur Enregistrer. Un aperçu bref de l'e-mail doit apparaître. Les comptes Hub Marketing Starter, Basique, Pro et Entreprise peuvent cliquer sur Ajouter un autre e-mail pour ajouter jusqu'à trois e-mails de suivi.
  • Cliquez sur Suivant dans l'angle supérieur droit.

Remarque : La création d'un e-mail de suivi ajoutera automatiquement un CAPTCHA au formulaire.

6. Ciblage - Personnaliser l'endroit où le formulaire contextuel s'affiche

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 selon lesquels les visiteurs voient votre formulaire contextuel. 

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 définir des critères basés sur une URL de site web :
    • Cliquez sur le premier menu déroulant et sélectionnez URL de site web.
    • Cliquez sur le deuxième menu déroulant et sélectionnez est toutes les pages, est, contient, commence par ou correspond au caractère générique et saisissez vos critères.
 
Vous pouvez également définir des règles de ciblage pour afficher votre formulaire contextuel en fonction des valeurs des paramètres de requête. Par exemple, pour afficher le formulaire contextuel sur les pages où l'URL comprend le paramètre de campagne UTM offre ebook, saisissez la règle utm_campaign ebook_offer.
  • Pour définir des critères basés sur les paramètres de requête :
    • Cliquez sur le premier menu déroulant et sélectionnez Paramètre de requête.
    • Dans le premier champ de texte, saisissez le nom du paramètre de requête.
    • Dans le deuxième champ de texte, saisissez 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 sur certaines pages (ex : une page de politique de confidentialité), cliquez sur Ajouter une règle d'exclusion.
 
Découvrez-en davantage sur les règles de ciblage

Informations et comportement du visiteur

Les règles de ciblage du site web peuvent être personnalisées selon que le visiteur est un contact suivi ou non. Les comptes Hub Marketing Pro et Entreprise peuvent créer des groupes de filtres supplémentaires qui regroupent des règles pour définir le moment auquel afficher ou masquer votre formulaire contextuel.

Vous pouvez masquer ou afficher votre formulaire contextuel pour des visiteurs spécifiques en fonction des informations suivantes :

  • Listes segmentées : si le visiteur est un contact suivi dans votre base de données et inscrit à une liste spécifique.
  • Visiteur : si le visiteur est un contact suivi dans votre base de données ou un nouveau visiteur.
  • Type d'appareil : type d'appareil utilisé par le visiteur lorsqu'il se rend sur votre site.
  • Langue du navigateur : langue sélectionnée par le visiteur dans les paramètres du navigateur.
  • Pays : pays du visiteur selon son adresse IP actuelle.
  • Le CTA cliqué est : si le visiteur a cliqué sur un CTA spécifique.
  • Jours depuis la dernière visite : nombre de jours depuis la dernière visite de votre site web par le visiteur.
  • Le formulaire consulté est : si le visiteur a consulté un formulaire spécifique.
  • Nombre de sessions : nombre de sessions d'analytics associées au visiteur sur votre site web.
  • Page(s) visitée(s) : si le visiteur a accédé précédemment à une URL de page spécifique.
  • URL de renvoi : si le visiteur a accédé à votre site web depuis une URL de page spécifique.
  • Sujet de SEO : si le visiteur consulte actuellement une page ou un article de blog lié à un sujet spécifique dans l'outil SEO.
  • Historique des sujets de SEO : si le visiteur a consulté précédemment une page liée à un sujet spécifique dans l'outil SEO.

Découvrez-en davantage sur les règles de ciblage.

Pour créer un groupe de filtres :

  • 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.

add-filter-groups

Critères

Définissez le moment auquel le formulaire contextuel doit apparaître sur la page. 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.

Si plusieurs critères sont sélectionnés, le formulaire s'affichera en fonction de la condition de déclenchement remplie en premier. 

Cliquez sur Suivant dans l'angle supérieur droit.

Remarque : Lorsqu'un contact a rempli votre formulaire contextuel, celui-ci ne s'affichera plus si le contact se trouve dans la même session de navigation

7. Options - Personnaliser davantage votre formulaire contextuel 

Dans l'onglet Options, personnalisez les options suivantes :

  • Planification (Pro et Entreprise uniquement) : 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, cochez la case Définir la date et l'heure de l'annulation de la publication, puis utilisez les menus déroulants Date de fin et Heure.
  • Petits écrans : pour désactiver le formulaire contextuel sur les appareils mobiles, cochez la case Désactiver le formulaire contextuel sur les petits écrans. 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 un contact qui soumet le formulaire contextuel avec une campagne Salesforce.
  • Ajouter des contacts à GoToWebinar : si vous utilisez l'intégration GoToWebinar, cliquez sur le menu déroulant pour enregistrer tous les contacts qui soumettent le formulaire contextuel à un webinar spécifique.
  • Lorsque les contacts sont capturés, envoyer des notifications par e-mail à : cliquez sur le menu déroulant pour saisir une adresse e-mail ou sélectionnez un utilisateur ou une équipe qui recevra des notifications lorsque les contacts seront capturés.
  • Envoyer des e-mails de souscription : si la confirmation d'inscription est activée, pour gérer les paramètres de confirmation d'inscription aux e-mails pour vos formulaires contextuels, cliquez sur Gérer dans les paramètres.
  • Type d'abonnement de suivi : si les paramètres de RGPD sont activés, cliquez sur le menu déroulant pour sélectionner un type d'abonnement pour votre envoi d'e-mails.
  • 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. Découvrez-en davantage sur la promotion des contacts à des listes MailChimp.
Cliquez sur Suivant dans l'angle supérieur droit.
 

8. Aperçu - Afficher un aperçu de 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 consulter chaque étape du formulaire contextuel, cliquez sur les leftright icônes de flèche gauche/droite.t

Publication

Dans l'angle supérieur droit, cliquez sur Publier pour publier votre formulaire contextuel.

New Call-to-action

/fr/pop-up-forms/create-pop-up-forms