Montar vitrinas con el SDK

Resultado esperado: grade de recomendaciones en la PDP (y, si quieres, en el carrito), con clics registrados para los ingresos influenciados.

Con el SDK inicializado (Instalación), busca los SKU recomendados y renderízalos en el HTML de la tienda.

En PrestaShop, las vitrinas ya vienen en el módulo. Consulta Productos relacionados y Carrito.

Buscar recomendaciones

SmartVitrines.getRecommendations('PROD-A', 8).then(function (skus) {
  // skus = ['PROD-B', 'PROD-C', ...]
  renderVitrine(skus);
});

En el carrito, combina varios SKU según la API de recomendaciones o llama directamente al endpoint REST. Evita sugerir artículos que ya están en el carrito.

Ejemplo mínimo de markup (PDP)

<section class="agti-vitrine">
  <h2>También te puede interesar:</h2>
  <div id="agti-recs"></div>
</section>

<script>
  function renderVitrine(skus) {
    var root = document.getElementById('agti-recs');
    if (!root || !skus.length) return;
    root.innerHTML = skus
      .map(function (sku) {
        return '<a class="agti-rec" data-sku="' + sku + '" href="/producto/' + encodeURIComponent(sku) + '">' + sku + '</a>';
      })
      .join('');
  }

  SmartVitrines.getRecommendations('PROD-A', 4).then(renderVitrine);
</script>

Sustituye href y el texto por el catálogo real de la tienda (nombre, imagen y precio, alineados con el feed).

Registrar un clic

Cuando el visitante hace clic en un artículo de la vitrina:

SmartVitrines.trackClick('PROD-B');

Esto mejora la lectura del impacto en el Dashboard (Ventas, ingresos influenciados).

Buenas prácticas

• Empieza con 4 artículos en la PDP; en el carrito, prueba 4–8
• Usa los mismos títulos del módulo si quieres consistencia de marca
• Alinea los SKU con g:id del feed
• Mide en Vista general y Ticket medio

Checklist

Después de publicar la vitrina y recibir impresiones, el elemento Recomendaciones publicadas del checklist suele completarse.