Mostrar productos similares

Categorías: Productos

Un enganche para mejorar tus ventas

El visitante de tu página está revisando el detalle de un producto que le interesó.

Sería buena idea mostrarle además productos similares (no confundir con relacionados) al que está revisando para así incentivar la permanencia en la tienda y eventualmente generar una o varias ventas.

¿Cómo hacer esto?. A continuación te contamos.

Qué es un producto similar

Para Bootic un producto similar comparte el mismo Tipo de Producto. Además de lo anterior posee etiquetas similares al otro producto. Veamos un ejemplo:

  • Producto 1: 4100
  • Marca: Trek
  • Tipo de producto: Bicicleta
  • Etiquetas: montaña, oferta, aluminio

  • Producto 2: Synapse 2015
  • Marca: Cannondale
  • Tipo de producto: Bicicleta
  • Etiquetas: ruta, oferta, fibra

Ambos productos comparten el mismo Tipo de producto «Bicicleta» y la etiqueta «oferta», en consecuencia son Producto similares.

Una o más:

Los productos similares pueden compartir una o más etiquetas.

Cómo muestro productos similares

Esta es una funcionalidad que ya viene programada en todas nuestras plantillas, pero si estás desarrollando una nueva plantilla propia tuya desde cero debes agregar lo siguiente a tu código product.html:

<!-- product.html --> {% if product.has_similar_products %} <div id="similar-products"> <h2>{{ "titles.similar_products" | t }}</h2> <ul class="products clearfix"> {% loop product.similar_products in 'product_item' limit:3 %} </ul> </div><!-- /similar-products --> {% endif %}

Nota: Para el ejemplo anterior se muestran tres productos similares. Además se usa el bloque de código reutilizable product_item.

Orden de aparición

El orden de aparición de los productos similares es de forma descendente por la cantidad de etiquetas que tengan en común.

Ejemplo

A continuación te mostramos una página detalle de un producto, con sus similares y relacionados.

Figura 1: Detalle de un producto. Contiene además Similares y Relacionados.

¿Sigues con dudas?

No hay problema. Estamos acá para ayudarte (o en el botoncito de abajo a la derecha).