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.
Pop-up Forms

Créer des formulaires contextuels

Dernière mise à jour: avril 24, 2019

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.

  • Depuis votre compte HubSpot, accédez à Marketing > Capture de leads > Formulaires.
  • Cliquez sur Créer un formulaire contextuel dans l'angle supérieur droit.
  • Pour personnaliser le nom de votre formulaire contextuel, cliquez sur l'icône crayon edit en haut et saisissez un nom.

Type

Sur 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 le coin inférieur gauche ou droit de votre page.

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

CTA

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

  1. Image en vignette : (boîte contextuelle uniquement, facultatif) sélectionnez une image en vignette à afficher dans le call-to-action et le formulaire.
  2. Texte du CTA : l'en-tête principal du CTA.
  3. Corps du CTA : (facultatif) informations ou détails supplémentaires sur le CTA.
  4. Texte du bouton de CTA : le texte du bouton de formulaire de CTA.
  5. Couleur du thème : définir la couleur du thème pour votre formulaire contextuel. Cliquez sur l'une des bulles de couleur par défaut ou sélectionnez une couleur personnalisée en cliquant sur la bulle de couleur à côté de la valeur hex et en sélectionnant une couleur dans le dégradé ou en saisissant une valeur hex.

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.

Formulaire

Dans l'onglet Formulaire, personnalisez ce que vos visiteurs voient lorsqu'ils cliquent sur le bouton du formulaire contextuel.
  1. Corps du texte : (optionnel) rédigez un texte détaillant la valeur ajoutée de l'offre associée au formulaire contextuel.
  2. Champs inclus : 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. 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.
  3. 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.
  4. 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.
  5. Langue : définissez la langue du formulaire. Vous pouvez modifier la langue des éléments par défaut du formulaire contextuel, y compris des libellés. Ces éléments peuvent actuellement être traduits en français, en espagnol, en japonais, en allemand et en portugais (Brésil).
  6. 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.

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

Merci

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 Vers quoi le lien de bouton doit-il renvoyer ?, sélectionnez l'un des éléments suivants :
    • URL externe à HubSpot : redirigez vos visiteurs vers une page externe. Saisissez l'URL externe à HubSpot de votre page.
    • Page ou article de blog HubSpot : redirigez les visiteurs vers l'une de vos pages ou articles 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 le coin 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.

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 gratuits doivent remplir un assistant de configuration d'e-mail pour activer la double confirmation d'inscription pour les formulaires contextuels.

Vous pouvez personnaliser les détails de votre e-mail de suivi :
  • Expéditeur : cliquez sur le menu déroulant Expéditeur et sélectionnez l'expéditeur de l'e-mail de suivi.
  • Objet : ajoutez un objet à l'e-mail de suivi.
  • Corps de l'e-mail : rédigez un texte incitant le destinataire à continuer d'interagir avec votre entreprise.
    • Cliquez sur Modifier le pied de page de l'e-mail pour personnaliser le nom et l'adresse de votre entreprise dans les paramètres d'e-mails de votre compte.

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

Options

Dans l'onglet Options, personnalisez les options suivantes :

  1. Localisation du formulaire contextuel : définir les règles de ciblage pour contrôler les pages sur lesquelles vos formulaires contextuels apparaîtront.
    • Pour définir des critères basés sur une URL, cliquez sur le premier menu déroulant et sélectionnez URL de site web.
      • Pour afficher le formulaire contextuel sur toutes les pages, cliquez sur le deuxième menu déroulant et sélectionnez est toutes les pages.
      • Pour afficher le formulaire contextuel uniquement sur certaines pages, cliquez sur le deuxième menu déroulant et sélectionnez est, commence par ou contient et saisissez vos critères.
    • Pour associer un paramètre à sa valeur correspondante, cliquez sur le premier menu déroulant et sélectionnez Paramètre de requête, puis saisissez la règle. 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 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.
  2. Déclencheurs de formulaire : sélectionnez l'action de l'utilisateur qui déclenchera l'affichage du formulaire contextuel.
    • A 50 % de défilement de page : le formulaire contextuel apparaît lorsqu'un visiteur fait défiler 50 % de votre page.
    • À la sortie de la page : (boîte contextuelle uniquement) le formulaire contextuel apparaît lorsque la souris d'un visiteur bouge pour quitter la fenêtre du navigateur.
    • Après un temps écoulé de x secondes : le formulaire contextuel apparaît après x secondes (au minimum 7 secondes).
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. Lorsque les contacts sont capturés, envoyez 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.
  8. Envoyer des e-mails de souscription : pour gérer les paramètres de double souscription pour vos formulaires contextuels, cliquez sur Gérer dans les paramètres.
  9. Type d'abonnement de suivi : cliquez sur le menu déroulant pour sélectionner un type d'abonnement pour votre envoi d'e-mails.
  10. 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 la promotion des contacts à des listes MailChimp.
Cliquez sur Suivant dans l'angle supérieur droit.
 

Aperçu

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 le coin supérieur gauche, cliquez sur les boutons Ordinateur, Tablette, ou Mobile.
  • Pour consulter chaque étape du formulaire contextuel, cliquez sur les icônes de flèche gauche/droiteleftright.

Publication

Dans le coin supérieur droit, cliquez sur Publier pour publier votre formulaire contextuel. Pour enregistrer les modifications sans publier le formulaire contextuel, cliquez sur Enregistrer.