El carrusel de productos similares de Brilliant permite mostrar alternativas parecidas al producto que está consultando un cliente directamente en su página de producto. De este modo, podrá descubrir otras opciones sin tener que volver al catálogo.
En este artículo, aprenderás cómo añadir y configurar el carrusel de productos similares de Brilliant en las páginas de producto de tu tienda Shopify.
Tiempo de implementación: 10 min.
Dificultad: Fácil.
¿Cuándo utilizarlo?: Cuando quieras mostrar recomendaciones de productos similares en las fichas de producto de tu tienda.
Antes de empezar
Antes de añadir el carrusel, comprueba que:
- Brilliant Control Center está activado en tu tema de Shopify.
- La habilidad Productos similares está activada en Habilidades.
- Tu tema de Shopify permite añadir bloques de aplicaciones en las páginas de producto.
Los temas Online Store 2.0 de Shopify, como Dawn, son compatibles con los bloques de aplicaciones.
PASO 1. Acceso a la plantilla de producto
(En este apartado se explica cómo acceder al editor del tema en el que se quiere añadir el carrusel de productos similares.)
1. Desde el panel de administración de Shopify, accede a "Online store > Themes".
2. Localiza el tema publicado para añadir el carrusel y haz clic en Edit theme.
3. En el editor de temas, haz clic en Products.
4. Selecciona Default product o la plantilla de producto en la que quieras mostrar el carrusel.
PASO 2. Adición y configuración del carrusel de productos similares
2.1. Adición del carrusel
(En este apartado se explica cómo añadir el carrusel de productos similares de Brilliant desde el Editor de temas de Shopify y cómo definir su posición en la página de producto.)
5. En el editor de temas de Shopify, haz clic en Add section desde el menú lateral.
6. Accede a la pestaña de Apps y selecciona Similar products carousel.
7. Arrastra el carrusel desde la barra lateral izquierda hasta la posición en la que quieras mostrarlo en tu web.
Es recomendable añadir el carrusel como una sección independiente debajo de la información del producto, para que pueda ocupar todo el ancho disponible.
2.2. Personalización del carrusel
(En este apartado se explica cómo configurar el contenido y el aspecto del carrusel.)
8. Desde el editor de temas de Shopify, haz clic en Similar products carousel para abrir la configuración.
9. Desde la barra lateral derecha podrás configurar las siguientes opciones:
- “Nombre”: define el nombre del bloque en el editor de temas. Este nombre no se muestra a tus clientes.
- “Texto del título”: define el título que se muestra encima del carrusel. El valor predeterminado es “Puede que también te guste”.
- “Color del texto del título”: define el color del título.
- “Tamaño de fuente del título”: define el tamaño de fuente del título.
- “Color del texto de Ver más”: define el color de Ver más.
- “Tamaño de fuente de Ver más”: define el tamaño de fuente de Ver más.
- “Productos visibles en escritorio”: define cuántos productos se muestran simultáneamente en escritorio, de 1 a 6.
- “Relleno vertical”: define el espacio vertical alrededor del carrusel.
- “Relleno horizontal”: define el espacio horizontal alrededor del carrusel.
- “Espaciado entre productos”: define la separación entre las tarjetas de producto.
- “Productos visibles en móvil”: define cuántos productos se muestran simultáneamente en dispositivos móviles, de 0 a 3. Si seleccionas “0”, el carrusel no se mostrará en móvil
10. Haz clic en Guardar para aplicar los cambios. Una vez guardados, el carrusel se mostrará en las páginas que utilicen la plantilla de producto en la que se haya añadido.
2.3. Personalización de las tarjetas de producto
(En este apartado se explica cómo configurar desde Brilliant el aspecto de las tarjetas de producto que aparecen en el carrusel de productos similares.)
11. Vuelve al panel de administración de tu tienda de Shopify y dirígete a “Apps > Brilliant”.
12. En Brilliant, accede a “Diseño > Ficha de producto” y, desde la barra lateral derecha, configura el aspecto general de las tarjetas de producto, como la proporción de las imágenes o los bordes.
13. Haz clic en Guardar para aplicar los cambios.
Preguntas frecuentes
1. ¿Por qué no veo los productos reales en el editor de Shopify?
En el editor de temas se muestra una vista previa con productos de ejemplo para que puedas comprobar cómo quedará el diseño. En tu tienda, cada página de producto mostrará sus propios productos similares.
2. ¿Por qué aparece el aviso de que Productos similares está desactivado?
Este aviso indica que la habilidad Productos similares está desactivada en Brilliant.
Accede a Habilidades y activa Productos similares para que el carrusel pueda mostrarse en tu tienda.
3. He añadido el carrusel, pero no aparece en mi tienda
Comprueba que:
- Has guardado los cambios en el editor de temas.
- Has añadido el carrusel al tema publicado en Shopify.
- Brilliant está activado desde Inicio.
- La habilidad Productos similares está activada en Habilidades.
- El catálogo ha terminado de procesarse.
- Si el carrusel no aparece únicamente en móvil, comprueba que “Productos visibles en móvil” no tenga el valor “0”.
Si Brilliant no encuentra productos similares para un artículo concreto, el carrusel no se mostrará en esa página.
4. ¿Puedo elegir qué productos aparecen en el carrusel?
Brilliant selecciona automáticamente los productos similares.
Para evitar que determinados productos aparezcan en las recomendaciones, accede a “Configuración > Gestión de productos” y añade sus etiquetas a la lista negra.
5. ¿Puedo añadir también el carrusel de productos que combinan?
Sí. Es posible añadir el Carrusel de productos similares y el Carrusel de productos que combinan en una misma página de producto.
Aprende cómo configurarlo en Añadir carrusel de productos que combinan de Brilliant.
6. ¿Cómo puedo quitar el carrusel?
- Accede al editor de temas de Shopify.
- Selecciona Similar products carousel.
- Haz clic en Eliminar sección o Eliminar bloque, según cómo lo hayas añadido. También puedes mediante Ocultar sin eliminarlo.
- Haz clic en Guardar.
¡Éxito!
El Carrusel de productos similares ya está listo para mostrarse en las páginas de producto de tu tienda Shopify.
¿Te han quedado dudas sin resolver?
Recuerda que tienes a tu disposición a nuestro equipo de Soporte. Puedes contactar con ellos escribiendo a support@getbrilliant.ai.
¡Sigue aprendiendo!
Para aprovechar todo el potencial de tu cuenta en Brilliant, te recomendamos continuar con los siguientes artículos:
Guía para instalar Brilliant, para configurar Brilliant en tu tienda Shopify.
Funcionalidades de Brilliant, para conocer las capacidades disponibles en Brilliant.
Añadir carrusel de productos que combinan de Brilliant, para mostrar productos complementarios en las páginas de producto.
Preguntas frecuentes sobre Brilliant, para resolver las dudas más habituales sobre su funcionamiento y configuración.