Pinterest código evento adicione ao carrinho

Português do Brasil Discussões Perguntas técnicas frequentes

Topic summary

Um usuário está tentando implementar o código de evento “adicionar ao carrinho” do Pinterest em sua loja Shopify, mas não consegue localizar onde inserir o código no tema Warehouse que utiliza.

Soluções propostas:

  • App nativo do Pinterest: Para domínios mais antigos, usar a integração oficial do Pinterest para Shopify.

  • Implementação manual no tema: O código deve ser inserido no arquivo shop.js (pasta assets), dentro do método doAjaxAddToCart. Como o tema usa Cart Ajax API e jQuery, a solução envolve adicionar o código do Pinterest após a chamada jQuery, escutando eventos Ajax para a URL /cart/add.js.

  • Web Pixel API (recomendado): A abordagem mais indicada é usar a API de Customer Events do Shopify. Acessar Settings > Customer Events, criar um pixel chamado “Pinterest”, adicionar o código de inicialização e usar analytics.subscribe("product_added_to_cart") para capturar o evento.

Observação: Modificar o código do tema diretamente pode causar problemas em futuras atualizações.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Estou tentando configurar os códigos de conversão do Pinterest, e estou com dificuldades para encontrar onde utilizo o código fornecido pelo pinterest para evento adicione o carrinho.

As instruções que eu estava olhando eram estas (Etapa 3):

https://help.pinterest.com/en/business/article/shopify-and-pinterest-tag

No meu código atual que tenho meu product.liquid, não consigo encontrar a seção addtocart onde preciso inserir o código do Pinterest. estou usando o tema do Warehouse.

Se houver mais informações que alguém possa me informar, eu agradeço.

2

Olá @ChristianSilva , tudo certo?

Se o seu domínio é mais antigo, você pode usar o app nativo do Pinterest para o Shopify (que tem o link até nas docs que vc mandou). Imagino que vc queira fazer isso manualmente por não se encaixar nisso certo?

Pelo que vi do tema original (é esse certo? - https://themes-warehouse.myshopify.com/), ele usa o Cart ajax API do Shopify por baixo. O código que você procura está no arquivo shop.js (provavelmente está dentro da pasta de assets) dentro do método doAjaxAddToCart. O problema aí é que você vai alterar um código que pode atrapalhar vc no upgrade de tema.

A melhor solução é você ficar ouvindo os eventos Ajax para a url /cart/add.js. Daí você botaria o código do pinterest nela. Esse tema que você citou, usa JQuery como lib, então na prática o que funciona é:

$(document).ajaxComplete(function(event, xhr, settings) {
  if (settings.url === "/cart/add.js") {
    // coloque o código do pinterest aqui ;)
  }
});

Bote esse código depois da chamada ao seu Jquery e tudo deve funfar de boa. :wink:

3

Ou você pode usar o web pix api, que é o mais indicado. :slightly_smiling_face: você pode ver mais aqui: https://help.shopify.com/en/manual/promoting-marketing/pixels/overview

Para essa implementação em si, você pode ir em Settings > Customer Events.
Daí, você pode criar um pixel chamado “Pinterest” por exemplo.

Adicione o código de inicialização ai mesmo e depois, pra pegar o add_to_cart você pode fazer como no código abaixo.

analytics.subscribe("product_added_to_cart", event => {
   // código do pinterest aqui
 });