Promueve que los clientes exploren tu tienda sugiriéndoles productos relacionados mientras compran. Los productos relacionados aparecen en las páginas de detalles del producto según la categoría del producto. Este es un gran modo de ayudar a que los compradores encuentren lo que están buscando y descubran productos nuevos. Puedes mostrar los productos relacionados para todos los tipos de productos.
Los productos relacionados son una función Premium disponible en los planes Commerce Básico y Avanzado.
Antes de comenzar
Para sugerir productos relacionados, añade categorías y etiquetas a todos los productos.
Mostrar productos relacionados
Para mostrar los productos relacionados:
- En el Menú de Inicio, haz clic en Commerce y, luego, en Productos relacionados.
- Asegúrate de que el control de Mostrar productos relacionados esté en posición Activado.
- Edita el Título de la sección para personalizar el texto que presenta la sección de productos relacionados. De forma predeterminada dice: "Quizás también te guste".
- Haz clic en el menú desplegable Mostrar opciones para elegir cómo aparecerán los productos.
- Aleatorio: Muestra productos aleatorios de cada categoría o etiqueta.
- Añadidos recientemente: Muestra los productos más nuevos de cada categoría o etiqueta.
- Mayor cantidad: Muestra los productos con el mayor nivel de inventario de cada categoría o etiqueta.
- Haz clic en Guardar.
Cómo se muestran los productos relacionados
Los productos relacionados aparecen debajo de la página de detalles del producto y pueden mostrar hasta cinco productos de la misma Página de productos.
De forma predeterminada, la sección de productos relacionados utiliza la primera categoría del producto. Para mostrar productos relacionados basados en una categoría o etiqueta diferente, edita el producto:
- En el editor de productos, haz clic en Opciones.
- Haz clic en el menú desplegable debajo de Productos relacionados.
- Selecciona la etiqueta o la categoría que deseas usar para sugerir los productos relacionados. También puedes escoger Desactivar para deshabilitar la sección de productos relacionados para ese elemento.
- Haz clic en Guardar.
Estos campos aparecen para cada producto relacionado:
- Imagen en miniatura
- Título
- Precio
El diseño exacto varía según la plantilla. Así luce en la plantilla Brine:
Modificar el estilo de los productos relacionados
Cómo modifiques el estilo de la sección de productos relacionados depende de la versión de Squarespace en la que está tu sitio.
La sección de productos relacionados sigue los retoques en los estilos de sección de la tienda. Las fuentes siguen los retoques de fuente del sitio.
La fuente y el tamaño del texto del título de la sección siguen el retoque Encabezado 2 de la sección Encabezados. Para cambiar el color:
- Ve al panel Colores y haz clic en el tema de sección aplicado a tu página de productos.
- Cambia el retoque Encabezado (Grande).
Abre la página de elemento que muestra los productos relacionados. En Estilos del sitio, desplázate hasta la sección Productos: Productos relacionados y usa estos ajustes para modificar el estilo:
- Elementos por fila: Ajusta la cantidad de productos relacionados que aparecen por fila.
- Espaciado entre los elementos: Ajusta el espaciado entre los productos relacionados.
- Relación de aspecto de la imagen: Cambia la proporción de ancho a altura de la imagen en miniatura.
- Alineación de los detalles: Centro, Izquierda: Cambia la alineación del texto del título del producto y su precio.
- Espaciado entre el título del elemento: Fija la distancia entre el título del producto y su imagen en miniatura.
La forma en que se edita la fuente, el tamaño del texto y el color del título de la sección depende del tipo de página de productos que admite la plantilla:
| Fuente y tamaño del texto | Color | |
| Avanzado | Encabezado 2 de la sección Contenido: Fuentes | Encabezado 2 de la sección Contenido: Colores |
| Clásico | Encabezado 2 de la sección Tipografía | Encabezado 2 de la sección Color |
| Galapagos | Habilita Encabezados personalizados y utiliza Fuente de Encabezado 2 en la sección En todo el sitio. | Habilita Encabezados personalizados y utiliza Color de Encabezado 2 en la sección En todo el sitio. |
| Supply | Fuente de encabezado en la sección Contenido principal | Color de encabezado en la sección Contenido principal |
Deshabilitar los productos relacionados
Para deshabilitar los productos relacionados:
- En el Menú de Inicio, haz clic en Commerce y, luego, en Productos relacionados.
- Desliza el control de Mostrar productos relacionados en posición Desactivado.
- Haz clic en Guardar.