Como colocar favoritos no layout da loja

Os favoritos da loja só aparecem quando o HTML tem as duas peças juntas: o script e o botão. Uma sem a outra não faz nada. O caminho é o mesmo de editar o layout manualmente em HTML.

Onde editar

No painel, abra Catálogo e depois Layout. Escolha Produto. O editor abre o HTML da página do produto. Loja no layout SaaS entra pelo mesmo menu e escolhe o mesmo card Produto.

Cole o script uma vez

Perto dos outros scripts da página, cole este trecho uma única vez. O identificador iWishlistScriptTag impede que ele carregue duas vezes.

<script id="iWishlistScriptTag" src="https://app.interago.com.br/App/Extensions/5/tag/wishlist.js?v=20261030_favorites12" defer></script>

Cole o botão abaixo do frete

Na página do produto, o botão fica logo abaixo do cálculo de frete. No HTML, procure o bloco shippingEstimativeContent e cole o botão em seguida.

<button type="button" class="wishlistToggle" data-wishlist-product aria-label="Adicionar aos favoritos"><span class="wishlistToggleLabel">Adicionar aos favoritos</span></button>

O botão usa o produto que já está na página. Não precisa informar o código do produto. Se o produto tem variação, o cliente escolhe a opção antes de favoritar. A mensagem é “Escolha uma opção para marcar o seu favorito”. Cada variação escolhida entra como um favorito separado. Produto sem variação é favoritado como o próprio produto.

Enquanto a loja confere se a pessoa está logada, o botão espera com o mesmo carregamento do frete. Depois mostra “Adicionar aos favoritos”. Quando o item já está salvo, o texto passa a “Está nos favoritos” e aparece o link “Veja sua lista de favoritos”.

Botão na vitrine, se quiser

Para o botão no card da home ou da categoria, abra Inicial ou Listas no mesmo Layout e cole o mesmo botão dentro do card do produto. Nesse card o favorito é o produto da vitrine, sem a variação da ficha. Cada um desses layouts também precisa do script, uma vez.

Salve e republicar

Salve o layout. A alteração entra nas próximas publicações do produto. A página que já está no ar continua com o HTML antigo até o produto ser republicado. Em Atualizar, atualize o catálogo, ou republicar só o produto que você quer conferir.

O que o cliente vê

Só entra na lista quem está logado. Na área do cliente, o menu ganha Favoritos. Não é preciso colar o botão nessa página: a lista, “Adicionar à sacola”, “Ver produto” e “Remover” já vêm da conta.