El carrusel de productos que combinan de Brilliant permite mostrar productos complementarios que encajan con el producto que está consultando un cliente directamente en su página de producto. De este modo, podrá descubrir otros productos con los que completar su compra sin tener que volver al catálogo. Por ejemplo, si un cliente está viendo un pantalón, el carrusel puede sugerirle una camisa, un cinturón o unos zapatos que combinen con él.
En este artículo, aprenderás cómo añadir y configurar el carrusel de productos que combinan de Brilliant en las páginas de producto de tu tienda Shopify.
Antes de empezar
Antes de añadir el carrusel, comprueba que:
- Brilliant Control Center está activado en tu tema de Shopify.
- La habilidad Productos que combinan está activada en Habilidades.
- Tu tema de Shopify permite añadir bloques de aplicaciones en las páginas de producto.
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 que combinan.)
1. Desde el panel de administración de Shopify, accede a "Online store > Themes".
2. Localiza el tema publicado en el que quieras 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 que combinan
2.1. Adición del carrusel
(En este apartado se explica cómo añadir el carrusel de productos que cominan 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 Products that combine carousel.
7. Arrastra el carrusel desde la barra lateral izquierda hasta la posición en la que quieras mostrarlo en tu web.
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 Products that combine 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 que combinan.
2. ¿Por qué aparece el aviso de que Productos que combinan está desactivado?
Este aviso indica que la habilidad Productos que combinan está desactivada en Brilliant.
Accede a Habilidades y activa Productos que combinan 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 que combinan 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”.
4. ¿Puedo elegir qué productos aparecen en el carrusel?
Brilliant selecciona automáticamente los productos que combinan.
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 similares?
Sí. Es posible añadir el Carrusel de productos que combinan y el Carrusel de productos similares en una misma página de producto.
6. ¿Cómo puedo quitar el carrusel?
- Accede al editor de temas de Shopify.
- Selecciona Products that combine 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.
¡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 similares de Brilliant, para mostrar alternativas similares en las páginas de producto.
Preguntas frecuentes sobre Brilliant, para resolver las dudas más habituales sobre su funcionamiento y configuración.