Le Full-Screen Overlay (ou tapis de bienvenue) occupe toute la fenêtre. Utilisez-le pour les lancements, les campagnes saisonnières, l’accueil lors d’une première visite, ou tout moment qui mérite l’attention entière du visiteur. Choisissez un fond de couleur, un dégradé ou une image pleine surface, ajoutez un motif de formes CSS facultatif, et placez le contenu où vous le souhaitez.
Quand l’utiliser
- Lancements et campagnes — un message fort, impossible à manquer.
- Tapis de bienvenue — accueillir les visiteurs qui viennent pour la première fois.
- Prises de contrôle saisonnières ou événementielles.
L’ajouter à une action
Dans une action Popup, choisissez Full-Screen Overlay. Affichez-le en superposition plein écran à l’étape Lieu de l’action. Il couvre tout l’écran sur le site en ligne tout en restant modifiable dans l’éditeur.
Réglages
Fond et disposition
- Background — image (pleine surface avec voile), dégradé, ou couleur unie du préréglage.
- Shape Decoration — des motifs CSS discrets : blobs, dots, grid, rings, diagonal ou corner circles.
- Content Position — centré, ancré en bas, ou divisé à côté d’une image latérale.
- Text Align — centré ou à gauche.
Contenu
- Eyebrow, title, body — chacun avec sa propre CSS.
- Buttons — principal et secondaire facultatif, avec des animations d’attention.
- Entrance Animation — fade, zoom ou up.
- Side Image — affichée dans la disposition divisée ; désactivez-la pour un simple panneau de couleur.
- Close — bouton intégré ou de la bibliothèque, toujours visible ou au survol.
Conseils
- Pour un fond de couleur ou en dégradé, passez Background sur autre chose qu’image et ajoutez une forme pour donner de la profondeur.
- Utilisez la disposition divisée avec une image latérale pour le lancement d’un produit ou d’une collection art de vivre.
Pour aller plus loin
- Modèles de popups pour site web — les 16 modèles, et comment choisir le bon format.