Ir al contenido
GloboGlobo Docs
Instalar la app
Español

Promo banner

Agrega un banner con encabezado, texto y botón para promocionar una venta o una colección nueva.

Referencia Todos los planes 2 min de lectura

Una imagen, un encabezado, un texto breve y un botón en un solo bloque. A diferencia del bloque Imagen, tiene un botón de llamada a la acción y sus propios colores, así que parece un anuncio terminado incluso sin una imagen diseñada.

Agregar el bloque

  1. Elige un diseño

    En el panel de mega menú de la vista previa, haz clic en Agregar bloque. Haz clic en Agregar imagen personalizada, pasa el cursor sobre Promo banner (texto sobre la imagen) o Promo banner split (imagen y texto uno al lado del otro) y haz clic en Seleccionar.

    (1) Haz clic en Agregar imagen personalizada, (2) elige Promo banner o Promo banner split.

  2. Agrega la imagen y los textos

    En Editar elemento, en General, haz clic en Seleccionar imagen. Sustituye el Encabezado, el Text y el Button label de ejemplo, y elige el Enlace.

    El bloque Promo banner en la vista previa y sus ajustes en Editar elemento.

  3. Guarda y publica

    Dale estilo en Style y haz clic en Guardar y Publicar.

Ajustes

General

ImagenPredeterminado: Ninguna
La imagen del banner.
EncabezadoPredeterminado: Rebajas de verano / Nueva colección
La línea principal. Los valores predeterminados son para Promo banner / Promo banner split.
TextPredeterminado: Hasta un 50% de descuento / Descubre las últimas novedades
Una línea breve bajo el encabezado.
Button labelPredeterminado: Comprar ahora / Descubrir
Texto del botón. Déjalo vacío para ocultar el botón.
EnlacePredeterminado: Ninguno
Adónde lleva el banner al hacer clic. Marca Abrir en una pestaña nueva si lo necesitas.
AnchoPredeterminado: 33.33% / 66.66%
Cuánto de la fila del mega menú ocupa el bloque: Automático o de 8.33% a 100%.

Style

DiseñoPredeterminado: El diseño que elegiste
Overlay (texto sobre la imagen) o Split (imagen y texto uno al lado del otro).
Text alignmentPredeterminado: Izquierda
Izquierda o Centro.
Color de fondoPredeterminado: #111827
Color detrás del texto.
Color del textoPredeterminado: #FFFFFF
Color de los textos del banner.

La Visibilidad funciona como en cualquier bloque; consulta Ajustes que tienen todos los bloques.

Consejos

  • Con Overlay, elige una foto con una zona tranquila donde vaya el texto, o el texto se leerá con dificultad.
  • Split necesita más espacio. Dale un Ancho del 50% o más.
  • ¿Tienes una venta con fecha límite? Usa Visibilidad > Programar publicación para que el banner se muestre solo durante la venta.

¿Te ha sido útil?

Informar de un problema