Aprende a configurar un banner con productos destacados e imágenes en carrusel para mejorar la experiencia de usuario y destacar tus mejores ofertas.
¡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 online.
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: Agrega el “Banner Productos + Imágenes Carrusel”
En el panel de edición, desplázate hasta encontrar la opción “Banner Productos + Imágenes Carrusel” y presiona el botón “+” para agregar un nuevo banner.
Paso 5: Edita el Banner
Posiciona el cursor sobre el banner que acabas de añadir para que aparezcan los botones de acciones. Haz clic en el ícono “Editar” para comenzar a personalizarlo.
Paso 6: Modificaciones Disponibles
Configuración General: Aquí puedes seleccionar en qué tienda se visualizará el banner (minorista, mayorista o ambas). También podrás modificar la posición del bloque de productos con respecto a la imagen y decidir si el banner será de ancho completo.
Productos: Edita el título que se verá en el bloque de productos, activa funciones como loop, flechas y paginado tanto para desktop como mobile. Selecciona qué productos aparecerán (destacados, categorías, marcas, ofertas o selección manual).
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.
Carrousel de Imágenes: Configura las imágenes del carrusel. Personaliza el loop, flechas y paginado, y selecciona las imágenes que deseas mostrar. Asigna enlaces a cada imagen y define si se abrirá en la misma pestaña o en una nueva.
💡 Presionando en “Configuraciones”, 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.
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 aplicar los cambios, presiona “Guardar” en la parte superior derecha del panel de navegación.
¡Listo! 🙌
La incorporación de un banner de productos e imágenes carrusel mejora la visualización de tus productos, lo que puede atraer más la atención de los usuarios y aumentar las conversiones. Configúralo a tu gusto para reflejar mejor tus promociones y productos clave.
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]