Configura banners de imagen en tu tienda online, agrega contenido visual y personaliza sus opciones para mejorar la experiencia de usuario.
¡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: Agrega el “Banner de Imagen”
En el panel de edición, desplázate hasta encontrar la opción “Banner de Imagen” y presiona el botón “+” para agregar un nuevo banner.
Paso 5: Editar el Banner
Posiciona el cursor sobre el banner que acabas de añadir para que aparezcan los botones de acciones. Luego, haz clic en el ícono “Editar” para comenzar a personalizarlo.
Paso 6: Modificaciones Disponibles
En esta sección podrás realizar diversas modificaciones:
Fechas de Vigencia: Configura las fechas de inicio y finalización para controlar cuándo será visible el banner.
Imagen para PC y Mobile: Sube las imágenes que se mostrarán en dispositivos de escritorio y móviles.
Título del Banner: Personaliza el texto del título, su tamaño y color.
Contenido del Banner: Añade un contenido personalizado, ajusta su tamaño y color.
Texto-enlace: Asigna un enlace, configura el color del texto y el fondo del botón, y selecciona la URL a la que redirigirá.
Destino del Enlace: Elige si el enlace abrirá en la misma pestaña o en una nueva.
Paso 6: Configuraciones adicionales
Este banners permite 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:
Ancho Completo: Decide si el banner debe abarcar todo el ancho de la página.
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: 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! 🙌
Al implementar un banner de imagen, mejorarás la visibilidad de tus productos y promociones, haciendo que tu tienda online sea más atractiva visualmente y proporcionando a los usuarios una experiencia más dinámica y personalizada.
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]