Personyze Wiki Personyze Wiki docs
Français
Open Personyze
Docs/ Modèle Notification en coin

Modèle Notification en coin

Le Corner Toast : une carte de notification compacte avec image, titre, message et CTA, pour la preuve sociale et les promotions douces.

2 min read Updated 46 minutes ago

Le Corner Toast est une carte de notification compacte qui associe une image à un titre, un court message et un appel à l’action. Léger et discret — idéal pour la preuve sociale, les promotions douces, les incitations à découvrir une nouvelle fonctionnalité et les offres limitées dans le temps. Son emplacement à l’écran se règle à l’étape Lieu de l’action.

Le modèle Corner Toast dans les préréglages light, dark et brand, avec une vue annotée du surtitre, du titre, du corps et du CTA
Le Corner Toast dans les préréglages light, dark et brand. Il glisse depuis un coin de l’écran avec une image, un surtitre, un titre, un corps et un bouton d’appel à l’action.

Quand l’utiliser

  • Preuve sociale — « Quelqu’un à Londres vient d’acheter. »
  • Incitations douces — un rappel ou un conseil discret qui ne doit pas bloquer la page.
  • Petites promotions — une offre rapide avec un seul bouton.

L’ajouter à une action

Dans une action Popup, ouvrez le sélecteur de modèles et choisissez Corner Toast. Stylisez n’importe quel élément en cliquant dessus dans l’aperçu. Utilisez l’étape Lieu de l’action pour placer la notification (un coin, en haut ou en bas).

Réglages

Style

  • Preset — light, dark, brand ou accent.
  • Corners — none, soft ou round.
  • Entrance Animation — slide, fade ou pop (joué dans l’éditeur et sur le site en ligne).

Image

  • Show Image — afficher ou masquer la vignette.
  • Image Side — à gauche ou à droite du texte.
  • Image Fit — cover, contain ou fill.
  • Image — à choisir dans la médiathèque.

Texte et bouton

  • Eyebrow, title, body — chacun activable, avec sa propre CSS.
  • Button — un CTA suivi au clic, avec des animations d’attention (pulse, bounce, shake, glow, sheen).

Fermeture

  • Close button — X intégré ou bouton de la bibliothèque.
  • Close visibility — toujours, ou au survol.

Conseils

  • Limitez le corps à une ligne pour un rendu plus net.
  • Utilisez une image chaleureuse (une personne ou un produit) pour attirer l’œil.

Pour aller plus loin

Did this page answer your question?
Thank you — that goes to whoever maintains this page.