Mostrar productos relacionados

Sugiere otros artículos de la misma categoría cuando los compradores visualizan un producto.

Última actualización: 19 de enero de 2025

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.

Para alentar a los clientes para que agreguen artículos adicionales a su pedido mostrando artículos relacionados o complementarios como optativos, visita Vender complementos de productos. Si necesitas consejos sobre cómo aumentar tus ingresos, visita Aumentar las ventas de tu tienda.

Cómo acceder a esta función

Los productos relacionados son una función disponible en los planes Core, Plus, Advanced, Commerce Básico y Commerce Avanzado. Para obtener más información, visita Elegir el plan de Squarespace adecuado.

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:

  1. Abre el panel de Productos relacionados.
  2. Asegúrate de que el control de Mostrar productos relacionados esté en posición Activado.
  3. 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".
  4. 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.
  5. Haz clic en Guardar.

Ten en cuenta que la sección de productos relacionados solo muestra los productos de una misma página de tienda.

Cómo se muestran los productos relacionados

Los productos relacionados se muestran en la parte inferior de la página de detalles del producto y mostrarán hasta cinco productos de la misma página de tienda. No es posible personalizar la cantidad de productos relacionados que muestran.

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:

  1. En el editor de productos, haz clic en Herramientas de venta.
  2. Haz clic en Productos relacionados.
  3. Haz clic en el menú desplegable y selecciona la etiqueta o categoría que quieres usar para sugerir productos relacionados. También puedes seleccionar Desactivado para desactivar la sección de productos relacionados para ese artículo.
  4. Haz clic en Aplicar.
  5. Haz clic en Guardar

Estos campos aparecen para cada producto relacionado:

  • Imagen destacada
  • 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.

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:

  1. En el panel Colores, haz clic en el tema de sección aplicado a la página de tienda.
  2. Cambia el retoque Encabezado (Grande).

La forma de acceder a la configuración de estilo para productos relacionados en la versión 7.0 depende del tipo de página de tienda que admita la plantilla. Algunas opciones de estilo también difieren según el tipo de página de tienda.

  • Página de tienda clásica: abre una página de elemento que muestre productos relacionados. En Estilos del sitio, desplázate hasta la sección Productos: productos relacionados.
  • Página de tienda avanzada: mientras estás en la página de tienda, abre Estilos del sitio y haz clic en Producto: Detalles.

Usa estos ajustes para cambiar 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 relación ancho-alto de la imagen destacada.
  • Alineación de los detalles: Centro, Izquierda: Cambia la alineación del texto del título del producto y su precio.
  • Espaciado del título del elemento: establece la distancia entre el título del producto y la imagen destacada.

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:

  1. Abre el panel de Productos relacionados.
  2. Desliza el control de Mostrar productos relacionados en posición Desactivado.
  3. Haz clic en Guardar.
Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.