SScale Themedocs
EN

Section popup avec déclenchement par exit-intent, délai, scroll ou clic, et options de cookie.

Popup

La section Popup affiche une fenêtre modale déclenchée par différents événements : sortie de page (exit-intent), délai, scroll ou clic sur un élément. Conçue pour être non-intrusive, elle respecte les bonnes pratiques UX avec un design élégant et une gestion intelligente des cookies.

Modes de déclenchement

ModeDescriptionIdéal pour
Exit IntentDétecte le mouvement de souris vers la fermeture du navigateurRétention, offre de dernière chance
DelayS'affiché après X secondes sur la pageNewsletter, annonces
ScrollS'affiché après X% de scrollContenu contextuel, engagement
ManualDéclenché par un clic sur un bouton/lienOffres ciblées, CTA custom
ℹ️Le mode Exit Intent fonctionne uniquement sur desktop (détection du mouvement souris). Sur mobile, il est automatiquement remplacé par le mode Delay comme fallback.

Settings principaux

Déclenchement

SettingDescriptionOptions
ModeType de déclenchementExit Intent / Delay / Scroll / Manual
DélaiSecondes avant affichage (mode Delay)1-60s
Scroll %Pourcentage de scroll (mode Scroll)10-90%
Sélecteur CSSÉlément déclencheur (mode Manual)Texte (ex: .popup-trigger)
SettingDescriptionOptions
Durée du cookieTemps avant réaffichage1 jour / 7 jours / 30 jours / Session
Cookie sur fermetureNe plus afficher si fermé par l'utilisateurOn / Off
Cookie sur conversionNe plus afficher après soumissionOn / Off
Désactiver sur mobileNe pas afficher sur mobileOn / Off

Apparence

SettingDescriptionOptions
PositionPosition de la modaleCentre / Bottom-left / Bottom-right
TailleTaille de la popupSmall / Medium / Large
ImageImage dans la popupImage picker
Position imageCôté de l'imageGauche / Droite / Top
OverlayFond sombre derrière la popupOn / Off
AnimationAnimation d'entréeFade / Slide-up / Scale / None
Bouton fermetureStyle du bouton XIcône / Texte / Les deux

Formulaire (optionnel)

SettingDescriptionOptions
Activer formulaireIntégrer un formulaire emailOn / Off
Champ téléphoneAjouter champ téléphoneOn / Off
Message de succèsTexte après soumissionTexte

Blocs disponibles

BlocDescription
HeadingTitre de la popup
SubheadingSous-titre
TextCorps du message
ButtonBouton CTA
TimerCompte à rebours d'urgence
ImageImage additionnelle
Custom LiquidCode personnalisé

Cas d'utilisation

  • Mode Exit Intent
  • Image produit à gauche
  • Heading : "-10% sur votre première commande"
  • Formulaire email activé
  • Cookie : 7 jours
  • Cookie sur conversion activé
  • Taille Medium, animation Scale

Annonce promotionnelle (delay)

  • Mode Delay, 5 secondes
  • Pas de formulaire
  • Heading + Text + Button "Voir les offres"
  • Timer d'urgence
  • Cookie : 1 jour
  • Désactivé sur mobile
  • Position Centre
  • Mode Delay, 1 seconde
  • Position Bottom-left
  • Taille Small
  • Pas d'overlay
  • Texte + Button "Accepter"
  • Cookie : 30 jours
  • Animation Slide-up

Offre contextuelle (scroll)

  • Mode Scroll, 50%
  • Le visiteur a montré de l'intérêt (scroll)
  • Heading : "Offre spéciale pour vous"
  • Button vers la collection en promo
  • Cookie : 7 jours
  • Taille Small, position Bottom-right
💡Le mode Exit Intent est le plus efficace pour la conversion car il intercepte le visiteur au moment de partir. Combiné avec une offre attractive (-10%, livraison gratuite), il peut récupérer 5-15% des visiteurs sur le point de quitter.
⚠️Respectez l'expérience utilisateur : n'affichez pas de popup immédiatement au chargement de la page. Un délai de 5-10 secondes minimum (ou exit-intent) est recommandé. Google pénalise les popups intrusives sur mobile, d'où l'option de désactivation mobile.
ℹ️Le système de cookie est intelligent : si le visiteur a déjà soumis le formulaire (cookie sur conversion), la popup ne réapparaîtra plus, même si la durée du cookie n'est pas expirée. Cela évite d'agacer les clients déjà inscrits.

Prochaines étapes

PrécédentReviews CarouselSuivantCustom Liquid