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.
Les teasers peuvent être utilisés pour les formulaires pop-up, volants et pleine page. Ils ne sont pas disponibles pour les formulaires intégrés.
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 teaserChoisir 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.
Remarque : si vous choisissez le style « Rectangle », la taille du teaser ne sera pas modifiée sur mobile. Les teasers de formulaire rectangulaires sont automatiquement optimisés sur mobile pour s’afficher au centre et en plus grande taille, ce qui permet d’appuyer plus facilement dessus.
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 teaserDé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.
Si vous avez activé les paramètres de prévention des conflits dans votre compte Klaviyo, les teasers de formulaire ne s’afficheront pas sur votre site, car ils sont considérés comme autant d’autres formulaires qui s’affichent dans une même session. Vous pouvez ajuster le délai dans les paramètres de prévention des conflits pour permettre l’affichage du teaser. Par exemple, si vos paramètres de prévention des conflits sont définis de manière à ce que le formulaire suivant s’affiche après un délai de 5 minutes, le teaser s’affichera au bout de 5 minutes.
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.
Remarque : si un visiteur clique sur l’icône X pour fermer le teaser, le système applique les mêmes règles de fréquence d’affichage que le formulaire d’inscription auquel il est associé. Par exemple, si un visiteur ferme à la fois un formulaire et son teaser, et que ce formulaire est configuré pour s’afficher à nouveau 5 jours après sa fermeture, le formulaire et le teaser respecteront la règle de comportement et s’afficheront à nouveau 5 jours plus tard.
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 teaserSupprimer 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émentairesRessources 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