Mostrar productos relacionados

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 se visualizan en la parte inferior de una página de detalles del producto y pueden mostrar hasta cinco productos de la misma página de tienda.

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:

Screen_Shot_2019-09-12_at_11.15.40_AM.png

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.

Versión 7.1
Versión 7.0

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:

En el panel Colores, haz clic en el tema de sección aplicado a la página de tienda.
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 edites la fuente, el tamaño del texto y el color del título de la sección depende del tipo de página de tienda que admita 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.

Antes de comenzar

Mostrar productos relacionados

Cómo se muestran los productos relacionados

Modificar el estilo de los productos relacionados

Deshabilitar los productos relacionados

Artículos relacionados