Agregar una sección de productos relacionados

Puedes agregar una sección a tus páginas de producto que muestre una lista de productos relacionados que pueden generarse automáticamente o puedes definir manualmente con la aplicación Shopify Search & Discovery. Obtén más información sobre cómo personalizar los productos relacionados con la aplicación.

Mostrar productos relacionados a los clientes les ayuda a descubrir nuevos productos y puede contribuir a aumentar las ventas de la tienda online.

El encabezado y el diseño de la sección de productos relacionados se determinan en función del tema.

Entender los productos relacionados

Los productos relacionados se basan en productos que se suelen comprar juntos, tienen una descripción de producto similar o pertenecen a colecciones relacionadas. Los productos relacionados se vuelven más precisos con el tiempo a medida que se dispone de más información sobre pedidos y productos.

Nota

Si vendes en persona con Shopify POS, puedes agregar productos relacionados en forma de recuadro de recomendaciones a tu tablero inteligente y ver productos recomendados en el carrito.

Obtén más información sobre los datos usados para los productos relacionados en la documentación sobre el desarrollo de temas de Shopify.

Personalizar el aspecto de los productos relacionados

Productos relacionados es una sección de las páginas de producto en los temas de Online Store 2.0. Si usas un tema que no es compatible con Online Store 2.0, debes actualizarlo. Puedes personalizar el aspecto de los productos relacionados para incluir el nombre, el precio, el proveedor y una breve descripción, o bien ocultarlos en tus páginas de producto. Solo puedes tener una sección de productos relacionados en una página de producto por vez.

Nota

Si tu pantalla mide más de 1.600 píxeles de ancho, las opciones de personalización y edición se mostrarán en el lado derecho y, si mide menos, en el lado izquierdo.

Pasos:

Escritorio

1. Desde el panel de control de Shopify, ve a Tienda online > Temas.

2. Busca el tema que deseas editar y luego haz clic en Personalizar.

3. Selecciona Productos > Producto predeterminado para cargar la plantilla en el editor de temas.

4. Realiza una de las siguientes acciones:

   • Si la página de producto tiene una sección de productos relacionados, haz clic en Productos relacionados.
   • Si la página de producto no tiene ninguna sección de productos relacionados, luego haz clic en + Agregar sección y selecciona Productos relacionados.

5. Haz clic en Guardar.

iPhone

1. En la aplicación de Shopify, toca el botón ….

2. En la sección Canales de ventas, toca Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, y luego toca Personalizar.

5. Toca Plantillas.

6. Selecciona Productos > Producto predeterminado para cargar la plantilla en el editor de temas.

7. Realiza una de las siguientes acciones:

   • Si tu página de producto tiene una sección de productos relacionados, toca Productos relacionados.
   • Si la página de producto no tiene una sección de productos relacionados, toca + Agregar sección y selecciona Productos relacionados.

8. Toca Guardar.

Android

1. En la aplicación de Shopify, toca el botón ☰.

2. En la sección Canales de ventas, toca Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, y luego toca Personalizar.

5. Toca Plantillas.

6. Selecciona Productos > Producto predeterminado para cargar la plantilla en el editor de temas.

7. Realiza una de las siguientes acciones:

   • Si tu página de producto tiene una sección de productos relacionados, toca Productos relacionados.
   • Si la página de producto no tiene una sección de productos relacionados, toca + Agregar sección y selecciona Productos relacionados.

8. Toca ✓.

Puedes desactivar la sección de productos relacionados haciendo clic en el símbolo de ojo. Al desactivar los productos relacionados, se oculta la sección de la publicación de producto, pero no se elimina.

Configuración de productos relacionados

Puedes personalizar cómo se muestran los productos relacionados a los clientes. Los productos relacionados se generan automáticamente a partir de los productos que suelen comprarse juntos, tienen una descripción del producto similar o pertenecen a colecciones relacionadas. Además, se vuelven más precisos con el tiempo a medida que se dispone de más información sobre los pedidos y los productos.

La configuración de la sección de productos relacionados

Configuración	Descripción
Encabezado	El título de la sección
Esquema de colores	El color de fondo de la sección de productos relacionados. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
Relación de aspecto de imagen	La relación de aspecto de las imágenes de los productos recomendados: Adaptar a la imagen (predeterminado): utiliza la relación de aspecto de las imágenes. Esto impide que las imágenes se recorten. Retrato - Recorta las imágenes para usar una proporción de 2:3. Cuadrado - Recorta las imágenes para usar una proporción de 1:1.
Forma de la imagen	Elige una de las siguientes formas de la imagen para las imágenes del producto: Predeterminada: cambia la imagen del producto a una forma de rectángulo. Arco: le da una forma curva a la parte superior de la imagen del producto. Gota: cambia la imagen del producto a una de las seis formas aleatorias de gota que muestra una animación única al pasar el cursor. Comillas angulares hacia la izquierda: cambia la imagen del producto a una forma de comilla angular que tiene una curva cerrada hacia la izquierda. Comillas angulares hacia la derecha: cambia la imagen del producto a una forma de comilla angular que tiene una curva cerrada hacia la derecha. Diamante: cambia la imagen del producto a una forma de diamante con cuatro lados. Paralelogramo: cambia la imagen del producto a una forma que tiene dos pares de líneas paralelas. Redonda: cambia la imagen del producto a una forma de círculo u óvalo que muestra una animación única al pasar el cursor.
Mostrar segunda imagen al pasar el cursor	Cuando el cliente pasa el cursor sobre la imagen del producto, se muestra la segunda imagen del producto, si es que la hay.
Mostrar proveedor	Muestra los proveedores de los productos.
Mostrar calificación de productos	Muestra la calificación promedio del producto en estrellas con la cantidad de reseñas entre paréntesis, por ejemplo: ★★★★★ (8). También requiere una aplicación de reseñas de productos y definiciones de metacampo para reviews.rating_count y reviews.rating.
Relleno de sección	Agrega espacio a la parte superior o inferior de la sección de productos relacionados. Usa el control deslizante de rango para agregar entre 0 y 100 px de espacio encima o debajo de la sección.