Objectif de cet article

Découvrez comment ajouter un teaser à votre formulaire d’inscription pop-up, volant, ou pleine page. Un teaser est un petit widget sur lequel un visiteur peut cliquer pour ouvrir un formulaire, ou le rouvrir après l’avoir fermé.

Les teasers peuvent être utilisés pour les formulaires pop-up, volants, et pleine page. Les teasers ne sont pas disponibles pour les formulaires intégrés ou les bannières.

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

  1. Accédez à Website > formulaires d’inscription.
  2. Cliquez sur Modifier pour un formulaire existant, ou créez-en un nouveau.
  3. Cliquez sur (+) teaser dans l’éditeur de formulaires.
The + Teaser button being selected from the menu bar within the form editor.
The + Teaser button being selected from the menu bar within the form editor.

Choisir un style de teaser

Sous Style, choisissez 1 des 3 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.

Sous Mise en page, positionnez votre teaser sur un côté ou dans un coin de votre site. Les teaser d’angle ne peuvent être placés que dans un coin. La taille du teaser est optimisée pour différents types d’appareils. Veillez à afficher les aperçus sur ordinateur et sur mobile afin de vous assurer que l’emplacement du teaser n’entre pas en conflit avec d’autres éléments de style pop-up ou teaser sur votre site.

The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.
The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.

Sous Mise en page, choisissez Petit, Moyen, Grand ou Personnalisé dans le menu déroulant Taille. Si vous choisissez Personnalisé, saisissez une largeur en pixels.

Sur mobile, les teasers rectangulaires positionnés en haut ou en bas de la page s’étendent sur la largeur disponible, en tenant compte de leurs marges. Cet ajustement automatique de la largeur ne s’applique pas aux teasers rectangulaires positionnés sur le côté gauche ou droit. Vérifiez l’aperçu mobile lorsque vous choisissez une taille et une position.

Modifier le contenu du teaser

Sous Texte, 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 texte de teaser :

  • -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 la conception de votre teaser à l’aide de Couleur d’arrière-plan, Ombre portée, Image d’arrière-plan et Marge du bloc. Pour les teasers en forme de rectangle, vous pouvez également ajuster le Rayon des angles.

The Content, Background, and Block Styles section for an example form teaser in the form editor.
The Content, Background, and Block Styles section for an example form teaser in the form editor.

Définir les comportements du teaser

Sous Paramètres d’affichage, choisissez 1 des options suivantes pour déterminer quand votre teaser s’affichera :

  • Afficher après la fermeture du formulaire
    Un teaser configuré pour s’afficher après la fermeture d’un formulaire permet à un visiteur de rouvrir le formulaire s’il le ferme, mais ne s’affichera pas avant l’ouverture du formulaire. Le teaser peut continuer de s’afficher sur les pages qui répondent aux paramètres de ciblage du formulaire, sauf si le visiteur ferme le teaser. Pour empêcher de futurs affichages après une action de conversion principale, utilisez le paramètre de fréquence décrit dans Teaser de formulaire et actions de conversion principales ci-dessous.
  • Afficher avant l’affichage du formulaire
    Un teaser configuré pour s’afficher avant l’affichage d’un formulaire apparaîtra 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é.

  • Afficher avant l’affichage du formulaire et après sa fermeture
    Un teaser avec ce paramètre s’affichera 2 secondes après le chargement de la page et continuera de s’afficher, sauf si le formulaire est actuellement ouvert ou si le visiteur ferme le teaser. Les paramètres de fréquence du formulaire déterminent s’il s’affiche de nouveau après une action de conversion principale, comme décrit ci-dessous.

Vos paramètres de prévention des collisions peuvent affecter l’apparence initiale d’un teaser. Si un autre formulaire est déjà apparu, un paramètre qui n’autorise qu’un seul formulaire par session peut empêcher l’affichage du teaser d’un autre formulaire, tandis qu’un délai peut le reporter. Par exemple, un délai de 5 minutes peut reporter le teaser du formulaire suivant jusqu’à ce que cet intervalle soit écoulé. Le teaser du formulaire que le visiteur vient de fermer peut s’afficher sans attendre le délai de collision.

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 d’affichage 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. Une fois que les autres déclencheurs de ce formulaire sont validés (p. ex., intention de sortie, longueur de défilement, ou délai), le teaser se fermera et le formulaire s’affichera.

The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.
The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.

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. Cliquez sur l’icône plus (+) à côté de l’icône de fermeture pour en ajouter une.

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, alors le formulaire et son teaser respecteront le paramètre de comportement et s’afficheront à nouveau dans 5 jours.

Teasers de formulaire et actions de conversion principales

Si un teaser d’un formulaire à plusieurs étapes est configuré pour s’afficher après la fermeture du formulaire, les visiteurs peuvent l’utiliser pour revenir au formulaire. Pour empêcher le formulaire et le teaser de s’afficher à nouveau après que le visiteur a effectué son action de conversion principale, configurez les paramètres de fréquence du formulaire. Pour un formulaire qui s’affiche automatiquement :

  1. Ouvrez Comportement de ciblage et d’affichage et sélectionnez l’onglet Affichage.
  2. Sous Fréquence, sélectionnez Ne plus afficher si le formulaire a été envoyé ou si le bouton Accéder à l’URL a été cliqué.

Lorsque ce paramètre est sélectionné, le formulaire et le teaser cessent d’apparaître lors des chargements ultérieurs de la page après une action de conversion principale. Si vous le désactivez, le fait d’effectuer l’action n’empêche pas les apparitions futures. L’action de conversion principale dépend 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.

Si un visiteur soumet l’étape principale de conversion (par exemple, l’étape e-mail dans un formulaire en plusieurs étapes), puis refuse la deuxième étape (par exemple, l’étape SMS), le teaser peut quand même apparaître sur la page actuelle. Une fois le paramètre de fréquence ci-dessus sélectionné, le teaser cesse d’apparaître après que le visiteur actualise la page ou accède à une nouvelle page.

  • 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 sur la même page rouvrira le formulaire à la dernière étape incomplète.

Publier les modifications

  1. Vérifiez votre formulaire et votre teaser dans les aperçus sur ordinateur et sur mobile, puis résolvez les alertes qui bloquent la publication.
  2. Cliquez sur Publier ou programmer dans l’éditeur de formulaires.
  3. Sélectionnez l’option Publier maintenant, puis cliquez sur Publier maintenant pour appliquer vos modifications au formulaire en ligne.

Supprimer un teaser

La suppression d’un teaser entraîne la suppression de tous ses paramètres. Si vous ajoutez à nouveau un teaser au même formulaire, il sera réinitialisé aux paramètres par défaut du teaser.

  1. Dans l’éditeur de formulaires, cliquez sur les 3 points du bouton teaser, puis cliquez sur Supprimer.
  2. Cliquez sur Supprimer le teaser pour confirmer.
  3. Cliquez sur Publier ou planifier, sélectionnez l’option Publier maintenant, puis cliquez sur Publier maintenant pour appliquer la suppression au formulaire en ligne.
The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.
The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.

Ressources supplémentaires

Cet article vous a-t-il été utile ?
Utilisez ce formulaire uniquement pour nous faire part de vos commentaires sur cet article. Comment contacter l’assistance.

Explorer d’autres contenus Klaviyo

Communauté
Contactez des membres de votre secteur, des partenaires et des experts Klaviyo pour trouver de l’inspiration, partager des informations et obtenir des réponses à toutes vos questions.
Partenaires
Engagez un expert certifié Klaviyo pour vous aider avec une tâche spécifique ou pour la gestion continue du marketing.
Assistance

Accédez à l’assistance par l’intermédiaire de votre compte.

Assistance par e-mail (essai gratuit et comptes payants) Disponible 24 h/24, 7 j/7

Assistance par chat/virtuelle
La disponibilité varie selon la localisation et le type d’abonnement.