¿Qué es el elemento de producto relacionado?
El Elemento de producto relacionado Permite mostrar artículos similares o complementarios al producto principal que el cliente está viendo. Por ejemplo, si un comprador está mirando una camisa, el elemento de producto relacionado puede recomendar pantalones, chaquetas u otras camisas de la misma colección.
Beneficios Clave:
- Experiencia de cliente mejorada: Permite que los compradores descubran más fácilmente artículos que también les podrían gustar.
- Aumento de ventas y valor promedio del pedido (AOV): Fomenta la incorporación de complementos o actualizaciones, lo que genera valores de pedido más altos.
- Oportunidades de venta cruzada y venta adicional: Sugerir artículos complementarios (venta cruzada) o versiones mejoradas (venta adicional).
Cómo agregar productos relacionados en Shopify con GemPages
El Elementos de productos relacionados GemPages te permite mostrar sugerencias dinámicas en tus páginas de producto. Puedes mostrar productos de la misma colección, proveedor o etiquetas, garantizando así que las recomendaciones siempre sean relevantes.
Paso 1: Preparar fuentes de productos relacionadas en Shopify
Antes de agregar el elemento en GemPages, asegúrese de que sus productos estén correctamente organizados en Shopify.
- Para crear una colección:
Vaya a Administración de Shopify > Productos > Colecciones > Crear colección. Agregue detalles y haga clic Guardar.

- Para agregar proveedores y etiquetas, acceso Administración de Shopify > Productos, Haga clic en un producto determinado y vaya a la Organización del producto Sección para agregar el nombre y la etiqueta del vendedor.
Paso 2:En el Editor GemPages V7, busque “Productos relacionados"En el barra de búsqueda.
Paso 3:Arrastre y suelte el elemento en la posición elegida en la página de su producto.
Al hacer clic en el elemento, verá el panel de Configuración En el lado izquierdo. Contiene dos pestañas principales: Configuración y Avanzada:
Configurar la Pestaña de Configuración
1. Disposición
- Cuadrícula: La lista de productos se presentará en el estilo predeterminado.
- Control deslizante:Las imágenes del producto se mostrarán en un carrusel.
2. Fuente de Producto
- Misma colección:Muestra productos de la misma colección.
- Mismo proveedor: Mostrar productos del mismo proveedor.
- Misma etiqueta: Extraer productos que comparten la misma etiqueta.
(Opcional) Excluir colecciones específicas mediante su identificador.
3. Visualización
- Productos: Puede configurar el número total de productos relacionados que desea mostrar mediante el control deslizante o el cuadro de entrada. El máximo es 50.
- Columna: establece cuántos productos aparecen por fila.
4. Espaciado de elementos
Ajuste espacio de columna y espacio entre filas entre elementos.
5. Estilo de ítem
- Altura: elija entre “misma altura” o “ajustar la altura del contenido”.
6. Tamaño
- Ancho completo: Active esta opción para ampliar la lista de productos y cubrir todo el ancho de la página. También puede introducir un valor de ancho específico en el cuadro correspondiente para configurar el ancho deseado en píxeles.
- Relleno: añade espacio interior.
7. Fondo
Elija un color o imagen.
8. Forma
Personaliza el borde, las esquinas y la sombra.
9. Alineación
Establezca la alineación de la cuadrícula de su producto.
Configurar la pestaña Avanzada
Para una personalización más avanzada, navegue a la pestaña Avanzada y siga las instrucciones en este artículo.












gracias por tus comentarios