Ir al contenido

Banners de la portada

Los banners son los anuncios grandes que se muestran arriba de todo en la página de inicio de tu tienda. Sirven para destacar una promoción, un producto nuevo o una categoría. Si tienes más de uno activo, se muestran en un carrusel.

Entra a Configuración → Banners. Solo el dueño de la tienda (OWNER) ve esta sección.

La cantidad máxima de banners depende de tu plan. Cuentan todos los banners que tengas creados, sin importar su estado: los Activos, los Borradores y los Archivados. Para ver tu límite y cuántos usas, entra a Uso del plan.

  1. Pulsa Nuevo banner. Arriba del formulario ves la Vista previa en vivo, que se actualiza mientras editas.

  2. En Tema / Estilo elige uno de los cinco diseños (ver la tabla de abajo).

  3. Pulsa Subir imagen. Acepta JPG, PNG o WebP de hasta 5 MB. Debajo del botón ves el Tamaño sugerido para el diseño que elegiste. La imagen solo es obligatoria en Imagen completa.

    • Título (hasta 120 caracteres) y Subtítulo (hasta 240).
    • Texto del botón (hasta 80) y URL del botón, la página a la que lleva. Puede ser una página de tu tienda, como /catalog, o una dirección completa.

    El botón solo aparece si escribes una URL. Si dejas el texto vacío, el botón dice “Ver más”.

  4. En Estado elige Activo (visible en la tienda), Borrador (oculto) o Archivado. Viene marcado Activo.

  5. Pulsa Crear banner.

Formulario Crear banner con vista previa en vivo y los cinco diseños

DiseñoCómo se veImagenColores
Imagen completaImagen de fondo a todo lo ancho, con el texto centrado encimaObligatoriaColor de overlay, opcional
Color degradadoFondo de color degradado; la imagen, si la pones, es una ilustración al lado del textoOpcionalColor inicio y Color fin
DivididoTexto a la izquierda e imagen decorativa a la derechaOpcionalColor de fondo y Color fin
MinimalSolo texto centrado sobre un color sólidoNo usaColor de fondo
Imagen al ladoImagen grande que ocupa la mitad del banner, con el texto y el botón al otro ladoOpcionalColor de fondo y Color fin

Los colores vienen con los de tu marca como punto de partida, y puedes elegirlos con el selector o escribir el código del color.

En Imagen completa, el overlay es una capa de color que oscurece la imagen para que el texto se lea mejor. Si marcas Mostrar imagen completa (sin overlay), la imagen se ve tal cual: revisa que el título y el subtítulo se lean bien encima.

En Más opciones (orden, fechas) del formulario puedes:

  • Orden (0 = primero): la posición del banner en el carrusel.
  • Mostrar desde y Mostrar hasta: el banner solo se muestra entre esas fechas. Sirve para programar promociones. Si dejas las fechas vacías, se muestra siempre.

En la lista también puedes cambiar el orden arrastrando cada fila desde el ícono de la izquierda.

  • En la portada solo aparecen los banners Activos que estén dentro de sus fechas, en el orden que definiste.
  • Si hay más de uno, el carrusel avanza solo cada 5 segundos y muestra flechas y puntos para cambiar de banner.
  • Si no tienes ningún banner activo, la portada muestra una presentación predeterminada.
  • Los cambios pueden tardar hasta un minuto en verse en la tienda.

En la lista ves cada banner con su vista previa, título, tema, estado, periodo y orden. En Acciones:

  • Editar: abre el mismo formulario. Pulsa Guardar cambios.
  • Eliminar: borra el banner y su imagen.