Personyze Wiki Personyze Wiki docs
Español
  • English
  • Español
  • Français
  • Deutsch
  • Italiano
  • Nederlands
  • Português
  • Polski
  • 日本語
  • العربية
Open Personyze
Documentación/ Plantilla: Corner Toast (aviso en la esquina)

Plantilla: Corner Toast (aviso en la esquina)

Una tarjeta de notificación compacta con imagen, titular, mensaje y llamada a la acción, para prueba social, promociones suaves y ofertas por tiempo limitado.

2 min read Actualizado hace 4 horas

El Corner Toast es una tarjeta de notificación compacta que combina una imagen con un titular, un mensaje breve y una llamada a la acción. Es ligero y poco intrusivo — ideal para prueba social, promociones suaves, avisos de funciones nuevas y ofertas por tiempo limitado. Dónde aparece en la pantalla se define en el paso Ubicación de la acción.

La plantilla Corner Toast en los ajustes predefinidos light, dark y brand, más una vista anotada del antetítulo, el título, el cuerpo y el CTA
El Corner Toast en los ajustes predefinidos light, dark y brand. Entra deslizándose desde una esquina de la pantalla con una imagen, un antetítulo, un título, un cuerpo y un botón de llamada a la acción.

Cuándo usarlo

  • Prueba social — “Alguien en Londres acaba de comprar.”
  • Recordatorios suaves — un recordatorio o un consejo amable que no debe tapar la página.
  • Promociones pequeñas — una oferta rápida con un solo botón.

Añadirlo a una acción

En una acción Popup, abra el selector de plantillas y elija Corner Toast. Dé estilo a cualquier elemento haciendo clic en él en la vista previa. Use el paso Ubicación de la acción para colocar el aviso (una esquina, arriba o abajo).

Ajustes

Estilo

  • Preset — light, dark, brand o accent.
  • Corners — none, soft o round.
  • Entrance Animation — slide, fade o pop (se reproduce en el editor y en el sitio en vivo).

Imagen

  • Show Image — activa o desactiva la miniatura.
  • Image Side — a la izquierda o a la derecha del texto.
  • Image Fit — cover, contain o fill.
  • Image — elija una de la biblioteca de medios.

Texto y botón

  • Eyebrow, title, body — cada uno se puede activar o desactivar y tiene su propio CSS.
  • Button — un CTA con seguimiento de clics y animaciones para llamar la atención (pulse, bounce, shake, glow, sheen).

Cerrar

  • Close button — una X integrada o un botón de la biblioteca.
  • Close visibility — siempre, o al pasar el ratón.

Consejos

  • Limite el cuerpo a una línea para un aspecto más limpio.
  • Use una imagen amable (una persona o un producto) para atraer la mirada.

Más información

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