Éditeur Studio : Utiliser des fenêtres pop-up

Temps de lecture : 6 min
Une fenêtre promotionnelle est une fenêtre pop-up que vous pouvez personnaliser selon vos besoins. Personnalisez le design de la fenêtre pop-up et ajoutez les éléments que vous souhaitez, puis choisissez quand elle apparaîtra pour les visiteurs du site.
Vous pouvez également lier des éléments, comme du texte, des boutons ou des images, donc cliquer dessus ouvre la fenêtre promotionnelle. C'est un excellent moyen d'augmenter la visibilité d'informations, de soldes ou de promotions sensibles dans le temps.
Un exemple de fenêtre promotionnelle utilisée pour augmenter le nombre d'abonnés à la newsletter du client
Dans cet article, apprenez comment :

Ajouter une fenêtre promotionnelle

Ajoutez une fenêtre promotionnelle à votre site afin de pouvoir commencer à configurer des annonces attrayantes pour les visiteurs.

Pour ajouter une fenêtre promotionnelle :

  1. Cliquer sur Ajouter des éléments à gauche de l'Éditeur.
  2. Cliquez sur Outils de mise en page.
  3. Cliquez sur Fenêtres promotionnelles.
  4. Sélectionnez la fenêtre promotionnelle que vous souhaitez ajouter. 

Personnaliser une fenêtre promotionnelle

Personnalisez la fenêtre promotionnelle pour l'assortir au reste du site. Ajoutez tous les éléments dont vous avez besoin, puis modifiez la couleur d'arrière-plan et décidez de son opacité.

Pour personnaliser une fenêtre promotionnelle :

  1. Pages cliquées  à gauche de l'Éditeur.
  2. Sélectionnez la fenêtre promotionnelle correspondante sous Fenêtres promotionnelles.
  3. Cliquez sur la fenêtre promotionnelle dans votre Éditeur.
  4. Choisissez comment personnaliser la fenêtre promotionnelle :
    • Ajouter des éléments :  
      1. Cliquer sur Ajouter des éléments à gauche de l'Éditeur. 
      2. Glissez et déposez l'élément concerné. 
    • Concevez le design de votre arrière-plan : 
      1. Cliquez sur la flèche Ouvrir l'inspecteur  en haut à droite de l'Éditeur.
      2. Faites défiler la page jusqu'à Design.
      3. Choisissez une couleur et définissez l'opacité d'arrière-plan sous Arrière-plan .
  5. Lorsque vous avez terminé , cliquez sur Terminer en bas pour quitter le mode d'édition. 
Une capture d'écran du mode d'édition de la fenêtre promotionnelle, choisissant une couleur d'arrière-plan dans l'inspecteur
Prochaine étape ?
Prévisualisez le site pour voir la fenêtre promotionnelle en action.

Paramétrer des déclencheurs pour une fenêtre promotionnelle

Choisissez comment et quand la fenêtre promotionnelle apparaît. Vous pouvez le configurer pour qu'il apparaisse automatiquement sur des pages spécifiques du site ou le lier à un élément (ex. texte, image). Vous pouvez également décider de la façon dont les visiteurs ferment la fenêtre promotionnelle après l'avoir consultée.
Remarque  :
La fenêtre promotionnelle s'affiche une fois par visiteur, sur la première page pertinente qu'il voit (dans le cas où elle est configurée pour apparaître sur plusieurs pages).

Pour configurer des déclencheurs :

  1. Pages cliquées  à gauche de l'Éditeur.
  2. Sélectionnez la fenêtre promotionnelle correspondante sous Fenêtres promotionnelles
  3. Cliquez sur la fenêtre promotionnelle sur la toile
  4. Cliquez sur Définir déclencheurs.
  5. Sélectionnez l'option appropriée sous Afficher automatiquement la fenêtre sur les pages:
    • Oui : La fenêtre promotionnelle apparaît automatiquement lorsque les visiteurs accèdent aux pages correspondantes.
      1. Cliquez sous Sur quelles pages ? pour sélectionner la ou les pages concernées.
      2. Faites glisser le curseur Délai pour définir le temps (en secondes) qu'il faut à la fenêtre pour apparaître une fois la page chargée.   
    • Non : La fenêtre promotionnelle n'apparaît pas lorsque les visiteurs accèdent à une page. Au lieu de cela, il est déclenché par un bouton ou un lien que vous choisissez. 
  6. Activez le(s) curseur(s) sous Comment fermer la fenêtre promotionnelle ?.
    Remarque : Si vous désactivez à la fois l'icône "X" et le bouton "Fermer", les visiteurs peuvent cliquer en dehors de la fenêtre promotionnelle pour la fermer.
  7. Lorsque vous êtes prêt, cliquez sur Terminer pour quitter le mode Édition.  
Le panneau des déclencheurs s'ouvre à côté d'une fenêtre promotionnelle, configurée pour s'ouvrir automatiquement sur la page d'accueil

Paramétrer un agenda pour une fenêtre promotionnelle

Choisissez quand les visiteurs du site verront la fenêtre promotionnelle. Si vous faites la promotion d'une offre à durée limitée, par exemple, cela garantit que la fenêtre promotionnelle n'apparaît que dans le délai pertinent.

Pour définir le calendrier de la fenêtre promotionnelle :

  1. Pages cliquées  à gauche de l'Éditeur.
  2. Sélectionnez la fenêtre promotionnelle correspondante sous Fenêtres promotionnelles
  3. Cliquez sur la fenêtre promotionnelle sur la toile
  4. Cliquez sur Définir déclencheurs.
  5. Faites défiler la page jusqu'à Programmation de la fenêtre promotionnelle et cliquez sur + Définir le programme.
  6. Définissez la date et l'heure de début ainsi que la date et l'heure de fin.
    Suggestion : Assurez-vous que le fuseau horaire correct est défini. Sinon, vous pouvez le modifier. 
Paramétrer le calendrier de la fenêtre promotionnelle dans l'Éditeur Studio

Connecter des éléments à une fenêtre promotionnelle

Connectez des éléments du site pour ouvrir une fenêtre promotionnelle afin que les visiteurs ne manquent jamais une annonce. Vous pouvez lier des éléments comme du texte, des images, des vidéos et des boutons. 

Pour lier un élément à une fenêtre promotionnelle :

  1. Cliquez sur l'élément concerné dans votre Éditeur.
  2. Cliquer sur l'icône Lien  .
  3. Sélectionnez Fenêtre promotionnelle à gauche.
  4. Cliquez sur Quelle Fenêtre promotionnelle ? et sélectionnez la fenêtre promotionnelle correspondante.
  5. Cliquez sur Terminer.
Connecter un élément de masque de texte pour ouvrir une fenêtre promotionnelle lorsque les visiteurs cliquent dessus

Gérer une fenêtre promotionnelle

Gérez les fenêtres promotionnelles du site pour les garder organisées dans l'Éditeur. Vous pouvez les renommer pour qu'ils soient faciles à trouver, les dupliquer pour gagner du temps et supprimer les fenêtres promotionnelles obsolètes.

Pour gérer une fenêtre promotionnelle :

  1. Pages cliquées  à gauche de l'Éditeur.
  2. Cliquez sur l'icône Plus d'actions à côté de la fenêtre promotionnelle correspondante.
  3. Sélectionnez ce que vous voulez faire ensuite :
Une fenêtre promotionnelle dans le panneau des pages, affichant les options de gestion disponibles

Cela vous a-t-il aidé ?

|