Montando vitrines com o SDK

Resultado esperado: grade de recomendações na PDP (e, se quiser, no carrinho), com cliques registrados para a receita influenciada.

Com o SDK inicializado (Instalação), busque SKUs recomendados e renderize no HTML da loja.

Na PrestaShop, as vitrines já vêm no módulo — veja Produtos relacionados e Carrinho.

Buscar recomendações

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

No carrinho, combine vários SKUs conforme a API de recomendações ou chame o endpoint REST diretamente. Evite sugerir itens que já estão no carrinho.

Exemplo mínimo de markup (PDP)

<section class="agti-vitrine">
  <h2>Você também pode se interessar por:</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="/produto/' + encodeURIComponent(sku) + '">' + sku + '</a>';
      })
      .join('');
  }

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

Substitua o href e o texto pelo catálogo real da loja (nome, imagem, preço — alinhados ao feed).

Registrar clique

Quando o visitante clica em um item da vitrine:

SmartVitrines.trackClick('PROD-B');

Isso melhora a leitura de impacto no Dashboard (Vendas, receita influenciada).

Boas práticas

• Comece com 4 itens na PDP; no carrinho, teste 4–8
• Use os mesmos títulos do módulo se quiser consistência de marca
• Alinhe SKUs ao g:id do feed
• Meça em Visão Geral e Ticket médio

Checklist

Depois que a vitrine estiver no ar e receber impressões, o item Recomendações publicadas do checklist tende a completar.