Ir al contenido principal

¿Cómo Crear y Configurar un Banner Vertical de Dos Columnas en tu Tienda Online?

Mejora la Visualización de tus Productos en tu Tienda Online

Escrito por Matias

Destacar tus productos es fundamental para atraer a tus clientes. Sigue estos sencillos pasos para configurar un banner vertical de dos columnas 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 “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 Vertical de Dos Elementos de Productos

  • En el menú de la izquierda, busca la opción “Banner Vertical” 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

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

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

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

💡 Importante

Al presionar y activar el toggle “Carrousel”, 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 7: Presiona en “Agregar Elementos”

  • Aquí podrás agregar las imágenes de los productos. Luego, 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 la imagen: 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.

    • Título y Descripción: Asigna un título y una breve descripción para cada elemento del banner.

    • Texto del botón: Define el texto que se mostrará en el botón del banner.

    • Colores: Configura los colores del texto, botón y fondo del botón según tu diseño.

Paso 8: Guardar los Cambios

  • Para finalizar, presiona en “Guardar” dentro del panel de edición y luego nuevamente en “Guardar” en la parte superior derecha para aplicar los cambios.

¡Listo! 🙌

Al configurar el banner vertical de dos elementos de productos, podrás destacar visualmente tus productos de manera efectiva, mejorando la experiencia del usuario y aumentando las probabilidades de conversión de tu tienda online.

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?