Fenêtre contextuelle

La fenêtre contextuelle s’ouvre par-dessus la page une fois par visite, au moment que vous choisissez : pour inviter l’acheteur à s’inscrire à vos e-mails, pour annoncer une promotion ou pour offrir un code de réduction. Elle se trouve dans le groupe Superpositions, sous le pied de page dans la barre latérale de l’éditeur de thème, et elle est livrée désactivée.

Nom dans l’éditeur

Fenêtre contextuelle (EN : Pop-up)

Où l’ajouter

Groupe Superpositions uniquement (livrée désactivée)

Blocs acceptés

TexteTexte enrichiBoutonNewsletterCode de réduction

L’activer

Réglages

Son apparence

• Affichage : une Fenêtre centrée retient la page derrière un voile jusqu’à ce que l’acheteur réponde ou la ferme. Un Panneau en coin (en bas à gauche ou en bas à droite) se pose dans le coin et laisse la page utilisable : l’acheteur peut continuer à faire défiler et à cliquer, et le panneau ne prend pas le focus du clavier en s’ouvrant. Sur téléphone, les deux montent du bas de l’écran en un volet pleine largeur, jusqu’à la plus grande partie de la hauteur de l’écran, qui défile à l’intérieur quand le contenu est plus long.
• Image et Position de l’image : dans une fenêtre centrée, l’image se place à Gauche ou à Droite du texte (la fenêtre s’élargit pour elle), ou Au-dessus. Un panneau en coin est trop étroit pour une image à côté du texte : son image reste toujours au-dessus. Sur téléphone, l’image est toujours un bandeau au-dessus du texte.
• Titre (« Abonnez-vous à nos e-mails » par défaut) s’affiche au-dessus des blocs et nomme la fenêtre pour les lecteurs d’écran. Laissé vide, aucun titre ne s’affiche et c’est le nom de votre boutique qui la nomme.
• Un lien Non merci, sous les blocs, ferme la fenêtre.

Quand et où elle s’ouvre

• Ouverture :
  • Après un délai : S’ouvre après (de 0 à 30 secondes, 5 par défaut) se compte à partir de la fin du chargement de la page.
  • Après défilement : une fois que l’acheteur a parcouru la part de la page réglée dans Part de la page parcourue (de 10 à 90 %, 30 % par défaut). Une page trop courte pour défiler ne l’ouvre jamais.
  • En quittant la page : quand le pointeur de la souris sort de la fenêtre du navigateur par le haut, vers les onglets ou la barre d’adresse. Les téléphones et tablettes n’ont pas de pointeur pour quitter la page : elle s’y ouvre après le délai S’ouvre après.
• Affichée sur : Toutes les pages, ou Page d’accueil uniquement.
• Quel que soit votre choix, elle reste à l’écart des pages où l’acheteur est occupé : le panier, les pages du compte client (connexion, compte, commandes…), les résultats de recherche, la vérification anti-robot de Shopify, la page de mot de passe et la page de carte cadeau.
• Une fois par visite : une fois ouverte, elle ne se rouvre pas d’elle-même sur les pages suivantes avant la prochaine visite de l’acheteur.
• Après la bannière des cookies : quand la bannière de consentement aux cookies de Shopify s’affiche, la fenêtre attend que l’acheteur y ait répondu, en acceptant ou en refusant, avant que son délai ou son déclencheur ne commence.
• Jamais par-dessus ce que fait l’acheteur : si un tiroir est ouvert (panier, menu, filtres…) ou si l’acheteur est en train de saisir un champ au moment voulu, la fenêtre attend à nouveau le même délai, ou le prochain défilement, ou la prochaine sortie.

Quand l’acheteur la ferme

• Réafficher après (de 1 à 90 jours, 30 par défaut) : fermer la fenêtre, par son bouton de fermeture, par Non merci, par la touche Échap ou par un clic à l’extérieur d’une fenêtre centrée, la tient à l’écart dans ce navigateur pendant ce nombre de jours, comptés à partir du jour de la fermeture.
• Afficher un onglet après fermeture (désactivé par défaut) : une fois la fenêtre fermée par l’acheteur, un onglet portant son titre (ou le nom de votre boutique) se dresse au bord de la page, à mi-hauteur, sur cette page et les suivantes. Il se place sur le bord droit, ou sur le bord gauche pour un panneau en coin en bas à gauche. Un clic dessus rouvre la fenêtre. L’onglet est masqué tant que la fenêtre est ouverte, et disparaît une fois l’acheteur inscrit, quand la fenêtre demande une inscription. Dans l’éditeur, l’onglet s’affiche tant que le réglage est activé, pour que vous le voyiez.

Blocs

La section accepte les blocs Texte, Texte enrichi et Bouton, un bloc Newsletter et un bloc Code de réduction. La fenêtre livrée contient un bloc Newsletter.

Newsletter

Le même formulaire d’inscription que la section Newsletter. Les adresses sont enregistrées dans vos clients Shopify ; voir Où retrouver les inscrits.

• Message de confirmation remplace le remerciement du thème, « Merci, votre inscription est bien enregistrée. », pour les inscriptions faites par ce formulaire. Laissé vide, c’est le remerciement du thème qui s’affiche.
• Balise client est ajoutée au client à côté de l’étiquette newsletter, par exemple popup, pour qu’une automatisation d’e-mails, dans Shopify Email ou Shopify Flow, accueille ceux qui se sont inscrits ici.
• La réponse reste dans la fenêtre : après une inscription, la page se recharge et la fenêtre se rouvre sur la réponse. Quand l’inscription est enregistrée, le titre, les autres blocs, le champ et Non merci s’effacent : seuls restent la confirmation et l’éventuel code de réduction. Quand elle échoue, l’erreur s’affiche sous le champ.
• Le bloc Newsletter accepte un type de bloc à lui, un Code de réduction, affiché seulement une fois l’inscription enregistrée (voir plus bas).

Code de réduction

Affiche un code en grands caractères, qu’un clic sélectionne en entier, avec un bouton Copier le code et, en option, un lien Appliquer au panier. Créez la réduction elle-même, avec le même code, dans Réductions de votre administration Shopify : le bloc ne fait qu’afficher le code. Laissé vide, le bloc n’affiche rien.

• Sa place décide du moment où il s’affiche. Ajouté à la fenêtre elle-même, il s’affiche dès le départ, chaque fois qu’elle s’ouvre : une promotion pour tous. Ajouté dans le bloc Newsletter, il ne s’affiche que sur la page où Shopify revient une fois l’inscription enregistrée, sous la confirmation. Dans l’éditeur, il s’affiche toujours, pour que vous puissiez le modifier.
• Copier le code copie le code et affiche « Code copié » un instant. Si le navigateur refuse la copie, le code est sélectionné à la place et le bouton indique « Code sélectionné, prêt à copier », pour que l’acheteur le copie lui-même. Si le navigateur ne sait pas copier du tout, ou sans JavaScript, il n’y a pas de bouton : le code est un texte à sélectionner.
• Afficher un lien qui l’applique au panier ajoute un lien Appliquer au panier : il applique le code par le lien de réduction de Shopify et ouvre le panier.

Les inscrits ne sont plus sollicités

Une fenêtre qui contient un bloc Newsletter reste à l’écart des acheteurs déjà inscrits :

• Une inscription par n’importe quel formulaire newsletter de votre boutique, celui de la fenêtre, du pied de page ou de la section Newsletter, est retenue dans ce navigateur : la fenêtre ne s’y ouvre plus, et son onglet disparaît.
• Un client connecté qui accepte déjà le marketing par e-mail n’est pas sollicité non plus, quel que soit son navigateur.

Une fenêtre sans bloc Newsletter (une promotion, ou un code pour tous) continue de s’ouvrir pour les inscrits, selon ses autres règles.

Tout ce que la fenêtre retient (une inscription, une fermeture, une ouverture pendant la visite) est gardé dans le navigateur de l’acheteur : un autre navigateur, ou des données de navigation effacées, repartent de zéro. Sans JavaScript, la fenêtre et son onglet ne s’affichent jamais.