Cómo crear un carrusel de colecciones en Shopify

Cuándo usar un carrusel de colecciones

Un carrusel de colecciones es especialmente útil cuando se desea:

• Muestra múltiples colecciones sin ocupar demasiado espacio en la página.
• Mejora el descubrimiento de productos mediante contenido interactivo y deslizable.
• Destaca categorías seleccionadas para promociones, campañas o navegación de la página de inicio.
• Dirige a los clientes a páginas de colecciones con elementos visuales personalizados y botones de llamada a la acción.

Cómo crear un carrusel de colecciones en GemPages

Sigue los pasos a continuación para crear y vincular tu carrusel a cada página de colección.

Paso 1: Agregar el elemento carrusel

• Abra su página en el Editor de GemPages.
  
• En la barra lateral izquierda, busca Elemento Carrusel.
  
• Elige el tipo de carrusel que deseas utilizar.
  
• Arrástrelo y suéltelo en la posición deseada de la página.

Aparecerá un carrusel en blanco con varias diapositivas.

Paso 2: Agregar contenido a cada diapositiva

Cada diapositiva representará una colección de Shopify. Arrastra elementos como Imagen, Texto, Botón o Banner en cada diapositiva. 

Estructura cada diapositiva con el diseño visual y de texto que deseas que vean los clientes, por ejemplo:

• Imagen de colección
• Nombre de la colección o breve descripción
• Un botón que enlaza con la página de la colección.

En este ejemplo, usaremos elemento del estandarte del héroe para cada diapositiva.

Repita la configuración del diseño para todas las diapositivas.

Paso 3: Personalizar imágenes y texto

• Seleccione la imagen dentro de una diapositiva.
  
• Sube o elige la imagen que represente tu colección.

• Actualiza el texto para que coincida con el nombre de la colección o con un eslogan breve.

Asegúrese de que cada diapositiva corresponda claramente a una colección.

Paso 4: Habilitar el enlace del botón

Haga clic en el botón Botón elemento, alternar Enlace a On, Y en el Después de hacer clic , seleccione página abierta.

Esto permite que el botón lleve a los clientes a una nueva página después de hacer clic.

Paso 5: Vincular cada diapositiva a una página de colección

Puedes conectar cada diapositiva del carrusel a la colección correcta de dos maneras:

Opción A: Seleccione una colección de la lista

• En Página/Enlace, encuentre la aplicación Colección Categoría.
  
• Elige la colección a la que debería enlazar esta diapositiva.

Opción B: Pegue la URL de la colección

• En Shopify, abre la colección que deseas enlazar.
  
• Copia la URL de la página de la colección.
  
• Pégalo directamente en el campo de enlace de GemPages.

Repita este proceso para cada diapositiva, de modo que cada una enlace a su página de colección correspondiente.

Una vez que todas las diapositivas estén vinculadas, tu carrusel de colecciones Se convierte en una herramienta de navegación totalmente interactiva. Los clientes pueden deslizar el dedo por tus colecciones y abrir cualquier página de colección directamente desde el carrusel.

Si desea mejorar aún más el carrusel, por ejemplo, ajustando la velocidad, el espaciado o la reproducción automática, puede continuar personalizándolo en la sección Configuración del Carrusel.

Preguntas Frecuentes

1. ¿Qué es un carrusel de colecciones?

Un carrusel de colecciones es un control deslizante horizontal que muestra varias colecciones de Shopify, lo que permite a los clientes navegar y hacer clic para acceder a la página de cada colección.

2. ¿Necesito conocimientos de programación para crear un carrusel de colecciones en GemPages?

No. Puedes crear y enlazar un carrusel de colecciones completamente usando el editor de arrastrar y soltar de GemPages.

3. ¿Puedo usar imágenes y texto en cada diapositiva?

Sí. Cada diapositiva puede contener imágenes, texto, botones y otros elementos de GemPages para personalizar completamente su diseño.

4. ¿Puedo ajustar la configuración del carrusel, como la velocidad o la reproducción automática?

Sí. Abre el Configuración del Carrusel Panel para ajustar la reproducción automática, la velocidad, el espaciado y otras opciones de visualización.