Comment ajouter un teaser à un formulaire

Objectif de cet article

Découvrez comment ajouter un teaser à votre formulaire d’inscription pop-up ou volant. Un teaser est un petit widget sur lequel un visiteur peut cliquer pour fermer et rouvrir un formulaire à sa guise.

Ajouter un teaser à un formulaire d’inscription pop-up, volant ou pleine page 

Pour ajouter un teaser à un formulaire, accédez à l’onglet Formulaires d’inscription et ouvrez un formulaire existant ou créez-en un nouveau. Cliquez sur (+) Teaser dans l’éditeur de formulaires. 

Choisir un style de teaser

Sous Styles, choisissez l’une des trois formes de teaser : 

• Rectangle
  Utilisez la forme « Rectangle » pour créer un teaser de type onglet.
• Cercle
  Utilisez la forme « Cercle » pour créer un teaser de type bulle.
• Coin
  Utilisez la forme « Coin » pour créer un teaser qui s’affichera dans un angle de votre site.

Positionnez votre teaser sur l’un des côtés ou des coins de votre site. La taille du teaser est optimisée pour différents types d’appareils. Affichez les aperçus pour ordinateur et pour mobile afin de vous assurer que le teaser ne s’affiche pas au même endroit que d’autres éléments tels qu’un autre pop-up teaser sur votre site. 

Vous pouvez également choisir la taille de votre teaser de formulaire (petite, moyenne, grande, personnalisée) dans le menu déroulant.

Modifier le contenu du teaser

Sous Contenu, ajoutez ou modifiez le texte et les styles de texte de votre teaser. Votre teaser doit au moins faire allusion à l’offre de votre formulaire. Le teaser doit être court pour faire un maximum d’effet. Inspirez-vous de ces exemples de textes : 

• -15 % 
• Récupérez votre cadeau 
• 🎁
• Participez au concours
• Livraison gratuite ➡️

Si le texte de votre teaser mentionne une offre spécifique, veillez à proposer cette offre aux abonnés, soit dans le message de réussite de votre formulaire, soit à l’aide d’une série de bienvenue. 

Vous pouvez également modifier l’apparence de vos teasers (couleur d’arrière-plan, arrondi des angles, ombre portée, image d’arrière-plan et styles des blocs).

Définir les comportements du teaser

Choisissez l’une des options suivantes pour définir quand votre teaser s’affichera : 

• Après la fermeture du formulaire
  Un teaser qui s’affiche après la fermeture d’un formulaire permet au visiteur de rouvrir un formulaire qu’il a ignoré. Par contre, le teaser ne s’affiche pas avant l’ouverture du formulaire. Le teaser restera affiché sur toutes les pages jusqu’à ce que le visiteur effectue l’action de conversion principale du formulaire. 
• Avant l’affichage du formulaire
  Un teaser qui s’affiche avant l’ouverture d’un formulaire apparaît 2 secondes après le chargement de la page. Il reste affiché jusqu’à ce qu’un visiteur clique dessus ou jusqu’à ce que les conditions d’affichage du formulaire soient remplies (par exemple, délai ou pourcentage de défilement). 
  
  Remarque : si votre formulaire est configuré pour s’afficher immédiatement au chargement de la page, ou après moins de 2 secondes d’attente, le teaser sera ignoré. 
• Avant l’affichage du formulaire et après sa fermeture
  Si vous sélectionnez ce paramètre, le teaser s’affiche 2 secondes après le chargement de la page et reste affiché tant que le formulaire n’est pas ouvert ou que le visiteur n’a pas effectué l’action de conversion principale.

Outre les règles ci-dessus, le teaser s’affichera uniquement pour les visiteurs qui répondent aux paramètres de ciblage du formulaire définis dans la section Ciblage et comportement de votre formulaire. Par exemple, un teaser configuré pour s’afficher avant un formulaire s’affichera uniquement pour les visiteurs qui répondent aux paramètres de ciblage du formulaire, c’est-à-dire en fonction de l’appartenance à une liste/un segment, de la localisation et de l’URL. Lorsque les autres déclencheurs du formulaire sont validés, comme une tentative d’abandon, la distance de défilement ou le délai, le teaser se ferme et le formulaire s’affiche. 

Ajouter un bouton de fermeture à votre teaser

Vous pouvez ajouter un bouton X de fermeture à votre teaser de formulaire pour que vos visiteurs puissent fermer le teaser s’ils ne sont pas intéressés par le contenu du formulaire.

Par défaut, votre teaser ne comporte pas d’icône de fermeture. Sous « Comportement », activez l’option Afficher le bouton de fermeture pour en ajouter un. 

Teasers de formulaire et actions de conversion principales

Si un teaser est ajouté à un formulaire à plusieurs étapes et qu’il est configuré pour s’afficher après la fermeture du formulaire, il restera affiché jusqu’à ce que le visiteur effectue l’action de conversion principale du formulaire. 

• Pour les formulaires avec des actions d’abonnement par e-mail ou SMS, l’envoi d’un e-mail ou d’un numéro de téléphone est considéré comme une action de conversion principale.
• Pour les formulaires contenant des champs « E-mail » et « SMS » dans plusieurs étapes, l’action de conversion principale correspond à l’envoi des données demandées en premier dans le formulaire.
  

  Remarque : si l’action de conversion principale (l’étape E-mail dans un formulaire à plusieurs étapes) est effectuée, le teaser ne disparaîtra pas automatiquement en cas de refus de la deuxième étape (l’étape SMS). Vous devrez actualiser la page ou accéder à une nouvelle page pour ne plus voir le teaser de formulaire.

• Pour les formulaires sans action d’abonnement par e-mail ou SMS (par exemple, une vente flash comprenant une action « Accéder à l’URL »), le fait de cliquer sur le bouton « Accéder à l’URL » est considéré comme une action de conversion principale.

Si l’action de conversion principale d’un formulaire à plusieurs étapes n’a pas été effectuée, le fait de cliquer sur le teaser du formulaire dans la même session de navigation rouvrira le formulaire à la dernière étape incomplète. 

Supprimer un teaser

Pour supprimer le teaser d’un formulaire, cliquez sur les 3 points à côté du bouton « Teaser », puis sur Supprimer. Cette opération supprimera tous les paramètres du teaser. Si vous ajoutez à nouveau un teaser au même formulaire, les paramètres par défaut du teaser s’afficheront. 

Ressources complémentaires 

• Comment réaliser un test A/B sur un formulaire d’inscription
• Comprendre l’analyse des formulaires d’inscription
• Comment optimiser les formulaires pop-up et volants pour mobile