Ignorer et passer au contenu principal
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.
BETA

Créer des appels à l'action (CTA) en pop-up (BETA)

Dernière mise à jour: janvier 20, 2023

En version bêta

Disponible avec :

Marketing Hub Starter
CMS Hub Starter

Utilisez l'outil d'appel à l'action (CTA) des pop-ups pour créer des bannières ou des pop-ups à ajouter à vos pages HubSpot et attirer de nouveaux visiteurs. Ensuite, générez du trafic en dirigeant les visiteurs vers des pages spécifiques, des liens de réunion ou des URL externes

Concevez votre pop-up CTA

Dans l'éditeur de CTA pop-up, personnalisez le design de votre CTA pop-up pour attirer les visiteurs

  • Dans votre compte HubSpot, accédez à Marketing > Lead Capture > Pop-up CTAs.
  • Dans le coin supérieur droit, cliquez sur Créer.
  • Vous pouvez créer un nouveau flux de travail à partir de zéro ou d'un modèle :
    • Pour créer une nouvelle fenêtre pop-up CTA à partir d'un modèle, dans le panneau de droite, cliquez sur Modèles HubSpot. Ensuite, sélectionnez un modèle qui correspond à vos objectifs.  
    • Pour créer une nouvelle fenêtre pop-up CTA à partir de rien, dans le panneau de droite, cliquez sur Start from scratch. Ensuite, sélectionnez Bannière adhésive ou Boîte pop-up.  
      • Bannière adhésive : une bannière permanente fixée en haut ou en bas de votre page. La bannière restera en place lorsque les visiteurs feront défiler votre page.  
      • Boîte contextuelle : une boîte contextuelle qui apparaît selon un calendrier défini. 
  • Dans le panneau de gauche, à partir de l'onglet Ajouter , ajoutez des éléments et modifiez la mise en page de votre pop-up CTA
    • Pour ajouter du contenu à votre pop-up CTA, cliquez et faites glisser un nouvel élément directement dans le panneau de droite de l'éditeur d'appels à l'action. 
    • Pour modifier la disposition de votre pop-up CTA, passez la souris sur un élément et cliquez et faites-le glisser vers une nouvelle position
    • Pour dupliquer l'élément, passez la souris sur l'élément et cliquez sur l'icône icône de duplication.
    • Pour supprimer l'élément, passez la souris sur l'élément et cliquez sur l'icône de la corbeille de suppression.
    • Pour modifier un élément, cliquez sur l'élément. Dans le panneau de gauche, vous pouvez modifier le contenu et la conception de l'élément.
  •  

TW - CTA

  • Dans le panneau de gauche, cliquez sur l'onglet Contenu pour gérer vos éléments.
    • Pour modifier un élément, cliquez sur le nom de l'élément. Dans le panneau de gauche, vous pouvez modifier le contenu et la conception de l'élément.
    • Pour supprimer un élément, passez la souris sur l'élément et cliquez sur l'icône de la corbeille de suppression 
  • Dans le panneau de gauche, cliquez sur l'onglet Conception pour personnaliser et prévisualiser votre pop-up CTA
    • Pour personnaliser l'apparence de votre pop-up CTA, cliquez sur Dimensionnement, Mise en page, Styles ou Arrière-plan. Ensuite, configurez vos modifications dans le panneau de gauche. Pour les appels à l'action de type bannière adhésive, vous pouvez sélectionner une position supérieure ou inférieure. 
    • Pour prévisualiser votre pop-up CTA sur des pages spécifiques, cliquez sur le menu déroulant Prévisualisation sur une page spécifique et sélectionnez la page HubSpot sur laquelle vous souhaitez prévisualiser la pop-up CTA.

Personnalisez où et quand votre pop-up CTA s'affiche

Après avoir configuré votre pop-up CTA, ciblez les visiteurs en choisissant le moment où vous voulez que cette pop-up CTA apparaisse sur votre site. Ajoutez des filtres pour combiner plusieurs ensembles de règles concernant les visiteurs qui voient votre pop-up CTA. Découvrez-en davantage 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, la fenêtre pop-up CTA apparaîtra sur toutes les pages.

  • En haut, cliquez sur l'onglet Ciblage .
  • Pour afficher la fenêtre pop-up CTA lorsqu'un visiteur se trouve sur l'URL d'un site Web spécifique, dans la section URL du site Web , procédez comme suit
    • Cliquez sur le premier menu déroulant et sélectionnez URL du site web.
    • Cliquez sur le deuxième menu déroulant et sélectionnez une règle de ciblage.
    • Saisissez vos critères de règle dans la zone de texte.


  • Pour afficher la fenêtre pop-up CTA lorsqu'un visiteur se trouve sur une page web dont l'URL comprend des paramètres de requête spécifiques :
    • 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.
    • Cliquez sur le menu déroulant et sélectionnez une règle de ciblage.
    • 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 les appels à l'action 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 pop-up CTA 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

    • Dans la section Informations et comportement des visiteurs (facultatif), cliquez sur le premier menu déroulant pour choisir le moment où les visiteurs voient votre fenêtre CTA.
    • Cliquez sur le menu déroulant suivant pour sélectionner vos règles de filtrage.
    • Pour ajouter d'autres règles permettant de déterminer quand afficher votre pop-up CTA, cliquez sur Ajouter une règle et sélectionnez vos filtres.
  • Sélectionnez le moment où vous souhaitez masquer le CTA de la fenêtre pop-up
    • Cliquez sur Ajouter une règle d'exclusion.
    • le premier menu déroulant pour choisir quand le CTA de la fenêtre pop-up doit être caché. 
    • Cliquez sur le menu déroulant suivant pour sélectionner vos règles de filtrage.
    • Pour ajouter d'autres règles permettant de déterminer quand masquer votre fenêtre pop-up CTA, 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.

Déclencheurs d'activation 

Sélectionnez un déclencheur d'activation pour déterminer le moment où la fenêtre pop-up CTA s'affichera sur votre page. La fenêtre CTA apparaîtra dès que le premier déclencheur sélectionné sera atteint. 

  •  Dans la section Comment/Quand, cochez la case en regard des déclencheurs d'activation que vous souhaitez utiliser :
    • Défilement de la page à 50 % : la fenêtre CTA apparaît lorsque le visiteur a fait défiler la moitié de la page.
    • Intention de sortie : la fenêtre pop-up CTA apparaît lorsque le visiteur déplace son curseur vers la barre supérieure de la fenêtre du navigateur.
    • Après un temps écoulé de x secondes : la fenêtre pop-up CTA apparaîtra après le nombre de secondes spécifié.
    • Déclenchement sur clic de bouton : la pop-up CTA apparaîtra lorsqu'un visiteur cliquera sur un bouton.
      • Pour mettre en place votre déclencheur sur une page externe
        • Dans la section Trigger on button click, cliquez sur Code snippet.
        • Dans la boîte de dialogue, cliquez sur Copier 
        • Collez le code d'intégration comme href dans votre bouton sur votre site web externe.

 
      • Pour mettre en place votre déclencheur sur une page HubSpot :
        • S'electionnez un module de boutons sur n'importe quelle page HubSpot
        • Dans le panneau de gauche, cliquez sur le menu déroulant Lien vers et sélectionnez Appel à l'action.
        • Cliquez sur le menu déroulant Appel à l'action et sélectionnez un appel à l'action existant.  
        • Continuez à configurer votre module de boutons.


Personnalisez les options CTA de vos fenêtres pop-up

Dans les onglets Options, personnalisez l'option pour afficher ou non votre pop-up CTA sur les écrans de petite taille

  • Accédez à l'onglet Options en haut de la page.
  • Dans la section Petites tailles d'écran, désactivez l'interrupteur pour masquer le CTA contextuel sur les petites tailles d'écran.  

Publiez votre pop-up CTA 

Une fois que vous avez terminé la configuration de votre pop-up CTA, publiez-la pour la mettre en ligne.   

  • En haut à droite, cliquez sur Réviser et publier.
  • Dans le panneau de droite, révisez votre pop-up CTA, puis cliquez sur Publier maintenant. La fenêtre pop-up CTA sera automatiquement publiée sur les pages ciblées

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.