Le Center Modal est un popup centré avec un calque sombre derrière lui. Il propose quatre dispositions d’image dans un seul modèle, pour présenter une offre ou une annonce avec l’image exactement là où vous la voulez. Sur mobile, l’image peut passer au-dessus du texte ou être entièrement masquée.
Quand l’utiliser
- Promotions et offres avec de la place pour une image et deux boutons.
- Annonces de fonctionnalités ou de produits.
- Tout ce qui gagne à un moment centré et concentré.
L’ajouter à une action
Dans une action Popup, choisissez Center Modal dans le sélecteur de modèles. Le calque et le centrage viennent de l’étape Lieu de l’action ; le modèle, c’est la carte elle-même.
Dispositions d’image
- Image left / Image right — l’image à côté du texte.
- Image top — une image principale au-dessus du texte.
- Image full — une image pleine surface avec le texte superposé sur un voile dégradé.
Réglages
- Preset — light, dark, brand, accent.
- Corners, Entrance Animation (pop, fade, slide).
- Image — sélecteur de la bibliothèque, contrôle du cadrage, et une option On Mobile (placer l’image en haut, ou la masquer).
- Text — surtitre, titre, corps, chacun avec sa propre CSS.
- Buttons — principal et secondaire facultatif, avec des animations d’attention.
- Close — bouton intégré ou de la bibliothèque, toujours visible ou au survol.
Conseils
- Utilisez Image full pour une offre audacieuse centrée sur l’image ; utilisez Image left/right quand le texte est l’essentiel.
- Réglez le comportement de l’image sur mobile pour que la fenêtre reste nette sur les petits écrans.
Pour aller plus loin
- Modèles de popups pour site web — les 16 modèles, et comment choisir le bon format.