Cómo Gestionar Slides En Tu Tienda

Ruta: Diseño > Slides
Palabras Clave: Diseño, Slides

Los slides son elementos gráficos ubicados en la parte superior del sitio (debajo del buscador y top bar), ideales para destacar promociones, campañas o categorías especiales. Este recurso visual puede activarse en múltiples secciones del ecommerce: Home, micrositios de marcas, categorías y más. Su uso es clave para reforzar la comunicación con el cliente.

Beneficios operativos para el backend:

• Creación de diferentes grupos para manejar hasta 10 diferentes slides por grupo.
• Activación de slides en múltiples secciones (home, B2B, B2C).
• Control de tiempo, orden y aleatoriedad del carrusel.
• Doble carga de imágenes (desktop/mobile). El sitio adapta dichas resoluciones a su respectivo dispositivo.
• Posibilidad de agregar videos en slide desde link de youtube o cargado previamente en sitio.

Beneficios cliente del ecommerce:

• Impacto visual completo al ocupar el 100% del ancho de pantalla.
• Comunicación directa de campañas activas, lanzamientos o temporadas.
• Adaptación visual según el dispositivo (desktop o mobile).

Guía paso a paso:

¿Cómo crear un Slide nuevo?

Dirigirse a la ruta de Diseño > Slides y seleccionar la opción de Nuevo

Dentro de un slide nuevo, tendremos la posibilidad de tildar la opción de:

• Posicionar en home: Esto habilita este grupo de slides en el Home de la pagina.
• Aleatorio: Los slides circulan aleatoreamente, ignorando el orden pre establecido.

 También encontraremos los siguientes datos a ingresar:

1. Nombre: Aquí se designara el nombre del grupo de slides a configurar. Ejemplo Slide Perfumería, donde se agregaran solo las imágenes relacionadas al titulo para una mayor organización.

2. Posición: Aquí da la opción de tildar la casilla, para activarla o desactivarla dentro del grupo, para luego darnos la opción de Pos: x. Siendo x el numero entre 0 y 9 para determinar el orden de presentación de slides del grupo.

3. Titulo y Sub-titulo del Slide: Dispone un titulo y una descripcion (sub-titulo), estos se mostraran con el color de fondo seleccionado (default en negro) y se apareceran con una transicion suave.

4. Links y Video YouTube (opcional): Posibilidad de agregar uno o dos botones con URL de destino (categoría, marca, producto, landing, etc). y se puede insertar un video en lugar de imagen (Video desde youtube o previa carga en sitio).

5. Fechas de validez: desde qué día y hasta cuándo estará visible para pre organizar temporadas y ofertas. Ambas ffechas cuentan como vigentes para la visibilidad del Slide.

6. Archivo Desktop: imagen de gran tamaño formato horizontal para visualizar en computadoras.

7. Archivo Mobile: imagen de menor tamaño optimizada para móviles.

Nota: Tamaños recomendados en kb: ( 0 a 300kb OK, 301 a 500kb ¡Cuidado!, + de 500kb Alerta)

8. Front: Aqui se puede cargar una imagen (PNG con fondo transparente), para que aparezca sobre la imagen cargadas en el punto 6 y 7 o sobre el fondo de color default. Esta imagen generalmente representa el o los productos involucrados con el slide. 

Consideraciones importantes:

Configuración Avanzada:

• Velocidad: Aquí definiremos la velocidad de transición de las imágenes del slide, este valor esta representado en milisegundos (5000ms)
• Dispositivos: Define si se visualizara este grupo de slides solo en mobile o desktop o ambos.
• Perfil de cliente: Esto nos da la opción de seleccionar para que el grupo solo sea visible a mayoristas o minoristas o ambos.

Imágenes:

Las imágenes no son redimensionadas automáticamente, por lo tanto deben subirse en el tamaño recomendado:

• Desktop: 2000px de ancho.
• Mobile: 480px de ancho.
• Altura libre según necesidad del diseño.
• Formatos permitidos: .webp, .jpg, .png, .gif

Accesos rápidos, utilidades y buscador:

En el listado de slides encontrarás accesos directos mediante íconos. Cada ícono tiene una función específica (por ejemplo, edición rápida, duplicar, edición avanzada y eliminar).

Si pasas el mouse por encima, el sistema muestra una breve descripción de su función.