¡Hola! En este tutorial aprenderás a personalizar y gestionar el carrusel de imágenes en tu sitio web. El carrusel es una herramienta clave para destacar productos, promociones o mensajes importantes para tus clientes.
Sigue los pasos de este tutorial para activar esta función en tu sitio web:
PASO 1: INGRESA A TU CUENTA SUBE
Ingresa a tu cuenta Sube con tu usuario y contraseña en https://panel.sube.la
PASO 2: HAZ CLIC EN EDITAR MI SITIO
Haz clic en la opción Editar Mi Sitio del menú lateral izquierdo o desde los accesos rápidos.
Desliza en el menú y haz clic en la opción de Agregar Secciones y verás el menú para configurar tu carrusel.
PASO 3: CONFIGURA UNA IMAGEN
Haz clic en Agregar una imagen y elige cómo deseas configurarla.
Puedes añadir Imágenes para móvil o PC. Usa nuestra galería o sube tus propias imágenes desde tu dispositivo.
Para subir una imagen, selecciona el archivo desde tu computadora y haz clic en Abrir. ¡Listo!, tu imagen estará cargada y podrás visualizarla en lado izquierdo de tu pantalla.
PASO 4: CONFIGURA EL TEXTO
Agregar texto es opcional, tú puedes elegir qué imágenes del carrusel llevan texto y cuáles no.
Haz clic en el botón Texto y completa:
- Título: Agrega un título llamativo.
- Tamaño del texto: Ajusta para hacerlo más visible.
- Texto corto: Ideal para mensajes clave.
- Alineación: Escoge la posición del texto que prefieras.
Todo lo que configures se reflejará en la vista previa a la izquierda.
PASO 5: AGREGAR BOTÓN.
Incluir botones mejora la experiencia del usuario. Para agregar uno:
- Haz clic en Botón.
- Escribe un texto corto como “Comprar ahora” o “Ver más”.
- Ingresa el enlace donde quieres dirigir al usuario.
- Personaliza el color del botón usando las opciones disponibles (RGB, HSL o HEX).
Tip: Agregar un botón puede aumentar las interacciones y facilitar la navegación.
Paso 6: AJUSTES GENERALES
Puedes personalizar el diseño y la presentación del contenido, como el uso de fondo oscuro o difuminado, agregar separadores, y alinear el cuadro de texto e imágenes para optimizar la visualización y resaltar la información clave, puede ser opcional.
¡Ya haz configurado tu primera imagen del carrusel!
PASO 7: IR A ATRÁS PARA AGREGAR MÁS IMÁGENES
Puedes agregar hasta 4 imágenes en tu carrusel, para agregar la siguiente imagen debes dar clic en el botón ‘‘Atrás’’ donde podrás visualizar cada imagen que vayas configurando y puedes también editar las que ya tengas configuradas. Sigue los pasos del 3 al 6 para configurar el resto de tus imágenes. Una vez que hayas agregado todas las imágenes avanza al Paso 8.
PASO 8: CONFIGURACIONES GENERALES
Estas opciones permiten optimizar la experiencia de tu cliente, destacando el contenido de tu carrusel y adaptándolo a tu preferencia visual.
Selecciona un estilo para tu carrusel:
- Selecciona entre las dos opciones los diferentes diseños visuales para el carrusel, como transiciones deslizantes o con indicadores específicos
Selecciona la altura de tu carrusel:
- Ajusta la altura de las imágenes para que se adapten mejor a las pantallas de PC o dispositivos móviles, garantizando que el contenido sea visualmente atractivo y funcional en todos los formatos.
Selecciona el tiempo de cada imagen:
- Elige cuánto tiempo quieres que cada imagen se muestre (en segundos).
PASO 9: GUARDA TUS CAMBIOS
Luego de presionar salir del editor, se cerrará el menú de configuración general del carrusel. Después, no debes olvidar hacer clic en el botón Guardar del menú lateral izquierdo y luego haz clic en Sí, ¡publicar!
¡Listo! Ahora tu carrusel está personalizado y listo para destacar en tu sitio.
