Déclencher l'affichage d'une fenêtre contextuelle avec des interactions

Pourquoi déclencher une fenêtre contextuelle pour l'interaction ?

Le déclenchement d'une fenêtre contextuelle via une interaction garantit que l'utilisateur reçoit des informations ciblées et opportunes, augmentant ainsi les conversions et améliorant l'expérience utilisateur. 

Par exemple, cliquer sur le bouton « Obtenir l'offre » peut afficher une fenêtre contextuelle contenant les détails de la remise, ou cliquer sur le bouton « S'inscrire » peut ouvrir un formulaire d'abonnement pour collecter des e-mails. De même, passer la souris sur l'image d'un produit peut révéler une fenêtre contextuelle contenant des fonctionnalités supplémentaires ou une vidéo de démonstration.

Regardez l’exemple spécifique ci-dessous. Lorsque vous cliquez sur le bouton « Saisir l’offre », une fenêtre contextuelle de formulaire d’inscription à la newsletter apparaît.

Comment déclencher l'affichage d'une fenêtre contextuelle avec des interactions

Voici comment vous pouvez configurer une fenêtre contextuelle pour qu'elle s'affiche lorsqu'un client clique sur le bouton « Saisir l'offre », l'invitant à soumettre son e-mail pour bénéficier d'une remise.

Étape 1 : Ajouter une fenêtre contextuelle

Glissez et déposez le Apparaitre élément sur votre page.

Personnalisez la fenêtre contextuelle avec du contenu, tel qu'un champ de courrier électronique, du texte ou un bouton d'appel à l'action.

Étape 2 : Ouvrir les paramètres d’interaction

Cliquez sur Interactions bouton dans la barre latérale gauche pour ouvrir les paramètres d'interaction.

Étape 3 : Configurer l’interaction

Commencer avec: Choisissez l’élément spécifique qui initiera l’interaction.

Sélectionnez le bouton intitulé Saisissez l'affaire comme cible.

Quand? :  Le paramètre détermine l’action de l’utilisateur qui active la fenêtre contextuelle.

• Sélectionnez l'action de déclenchement : Cliquez à nouveau sur or Flotter.
• Pour cet exemple, choisissez Cliquez sur Élément pour afficher le popup lorsque le bouton est cliqué.

Interaction inverse

Cochez cette case pour inverser l'interaction si les visiteurs cliquent à nouveau. Décochez cette case pour inverser l'interaction à chaque clic.

Ensuite, faites ceci : (l’action déclenchée)

• Choisissez Apparaitre comme élément cible déclenché par l'action.

• Sous Changer, sélectionnez Ouvrir le menu pour faire apparaître la fenêtre contextuelle.

Le disponible «Changer« Les options varient en fonction de l’élément cible.

Prévisualisez votre interaction avant de la publier.