Ir al contenido principal

¿Cómo Crear y Configurar un Banner Informativo en tu Tienda Online?

Creá banners informativos para destacar anuncios, promociones y novedades en tu tienda online

Escrito por Matias

Los banners informativos son una excelente manera de comunicar información relevante a tus clientes. Sigue estos sencillos pasos para configurar un banner informativo en tu tienda online.

¡Comencemos!

Una vez que entramos al panel los pasos son los siguientes:

Paso 1: Ingresa a “Personalizar”

  • En el menú principal, selecciona la opción “Personalizar” para acceder a las opciones de diseño de tu tienda.

Paso 2: Accede a “Mis Diseños”

  • Dentro de la sección “Personalizar”, selecciona “Mis Diseños” para ver los diseños activos y disponibles en tu tienda.

Paso 3: Edita el Diseño Actual

  • Busca el diseño que estés utilizando actualmente y haz clic en los tres puntos para abrir el menú de opciones. Luego, selecciona la opción “Editar” para modificar el diseño.

Paso 4: Agregar el Banner Informativo

  • En el menú de la izquierda, busca la opción “Banner Informativo” y presiona el botón “+” para agregarlo a tu diseño.

Paso 5: Activa el Banner y Edita su Configuración

  • Asegúrate de activar el banner y luego selecciona la opción “Editar” para configurar sus detalles.

Paso 6: Configuración del Banner

  • Al presionar en Editar, se habilitará el panel de edición del banner. Al presionar en “Configuraciones”, podrás editar

  • Tienda donde se visualizará el banner: Indica la tienda en la que deseas que se muestre el banner informativo.

  • Configuración tanto de desktop como mobile: Ajusta la configuración para la visualización en dispositivos de escritorio y móviles.

  • Fecha de vigencia: Indica la fecha en la que el banner estará activo en la homepage de tu tienda.

  • Ancho del banner: Ajusta el tamaño del banner activando el toggle si querés que ocupe el ancho completo o no.

💡 Importante

Estos banners permiten configurar opciones de forma independiente para desktop y mobile.

Esto significa que, dentro de la configuración del banner, podrás cambiar entre ambas vistas y definir distintos comportamientos según el dispositivo desde el que ingrese el usuario a la tienda.

Por ejemplo, es posible configurar de manera separada opciones como:

  • Repetir continuamente (loop): permite que el banner vuelva a comenzar automáticamente al llegar al último elemento, generando un recorrido continuo.

  • Mostrar paginado: muestra indicadores de navegación para que el usuario pueda identificar en qué posición del carrusel se encuentra.

  • Mostrar flechas: habilita flechas laterales para que el usuario pueda avanzar o retroceder manualmente entre los elementos del banner.

  • Tiempo entre cambios (autoplay): define cada cuántos segundos el banner cambia automáticamente de un elemento al siguiente.

  • Cantidad de elementos visibles: permite definir cuántos banners o elementos se mostrarán al mismo tiempo dentro del carrusel.

Se recomienda revisar y configurar ambas versiones para asegurar una correcta visualización tanto en computadoras como en dispositivos móviles.

Paso 7: Agregar Elementos

  • Presiona en “Agregar Elementos” para añadir hasta 4 imágenes. Al posicionar el cursor sobre cada elemento podrás editar cada uno de ellos y asignar a cada una un título, una descripción y un enlace interactivo. Configura el destino del enlace para que el usuario sea redirigido en la misma ventana o en una nueva.

Paso 8: Guardar tus configuraciones

  • Una vez que hayas completado las ediciones del banner, asegúrate de presionar en “Guardar” para aplicar los cambios. Nuevamente, presiona en “Guardar en la navegación superior derecha para confirmar el impacto de los cambios en la homepage de tu tienda.

¡Y eso es todo! 🙌

Configurar un banner informativo es una excelente forma de destacar mensajes importantes en tu tienda online. Con esta funcionalidad, puedes personalizar anuncios, promociones o novedades para captar la atención de tus clientes, mejorando así la experiencia de usuario y aumentando las conversiones.

Como siempre esperamos que te haya sido de utilidad, si tenes más dudas te sugerimos ingresar a nuestro centro de ayuda o también puedes escribirnos a [email protected]

¿Ha quedado contestada tu pregunta?