Ir al contenido principal

¿Cómo Agregar y Configurar un Banner Carrusel en tu Tienda Online?

Crea un banner carrusel dinámico para tu tienda online

Escrito por Matias

El banner carrusel es una forma efectiva de llamar la atención de tus clientes. Aprende a editar esta sección siguiendo estos sencillos pasos.

¡Comencemos!

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

Paso 1: Ingresa a “Personalizar”

  • En el menú principal, selecciona “Personalizar” para acceder a las herramientas 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 selecciona “Editar” para modificar el diseño.

Paso 4: Agregar el Banner Carrousel

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

Paso 5:Configuración de Imágenes y Banners en la Sección de Carrusel:

  1. Presiona en “Configuraciones” y realiza la configuración del banner según tus necesidades:

    1. Tienda donde se visualizará el banner: Elige si el banner se mostrará en la tienda mayorista, minorista o ambas.

    2. Ancho Completo: Activa esta opción si deseas que el banner ocupe todo el ancho de la página.

    3. Flechas y Paginados: Configura la visualización del paginado y de las flechas del banner, ambas para la versión mobile y desktop.

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 online.

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 6: Presiona en “Agregar Elementos”

  • Aquí podrás agregar las imágenes de los productos. Posiciona el cursor sobre los elementos y presiona “Editar”. Configura los siguientes aspectos:

    • Enlace: Asigna un enlace al cual el usuario será redirigido al presionar en la imagen.

    • Cargar las imágenes: Asegúrate de que las imágenes cumplan con las dimensiones recomendadas.

    • Fecha de vigencia: Establece la duración del banner en la página.

    • Destino del Enlace: Elige si el enlace abrirá en la misma pestaña o en una nueva.

Paso 7: Guarda los Cambios del Banner

  • Una vez que hayas terminado de editar el banner, presiona “Guardar” dentro del panel de edición izquierdo.

Paso 8: Confirma los Cambios Generales

  • Para finalizar y aplicar los cambios, haz clic nuevamente en “Guardar” en la parte superior derecha del panel de navegación.

¡Listo! 🙌

Con estos pasos, habrás editado con éxito el banner carrusel en tu tienda online. Personalizar esta sección te permitirá destacar productos, promociones o información importante para tus clientes. ¡Comienza a mejorar la imagen de tu tienda!

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?