Atenção! Parece que você está visualizando este artigo de um país onde o aplicativo Pinterest do Shopify ainda não está disponível. Saiba mais

Use o aplicativo Pinterest para Shopify para conectar sua loja da Shopify à sua conta business do Pinterest.

Você só pode conectar sua loja da Shopify a uma conta business do Pinterest por vez. Se você tem duas lojas da Shopify, fale conosco.

Se você já tiver adicionado manualmente a tag do Pinterest à Shopify ou usado um terceiro diferente para fazer isso, será necessário remover a tag antes de usar o aplicativo do Pinterest para Shopify.

Benefícios
  • Seu site será conectado ao Pinterest
  • A tag do Pinterest e a API para conversões serão instaladas
  • Seu feed de produtos da Shopify será conectado ao Pinterest
  • Os Pins de produto serão gerados do seu feed de produtos da Shopify
  • Você receberá US$ 100 de crédito para anúncios ao lançar sua primeira campanha publicitária no Pinterest
  • Antes de começar

    Antes de conectar sua loja da Shopify à sua conta do Pinterest, você precisará:

  • Crie uma conta business no Pinterest
  • Criar uma conta de anunciante
  • Idealmente, você precisa usar um navegador Chrome no computador para conectar sua loja da Shopify à sua conta do Pinterest.

     

    Conectar sua loja com o aplicativo do Pinterest para Shopify
  • Entre na sua conta da Shopify
  • Vá para o aplicativo do Pinterest na página da Shopify na Shopify App Store
  • Leia as permissões e, se concordar, clique em Add App (Adicionar aplicativo)
  • Siga as instruções na tela para concluir a instalação do aplicativo do Pinterest na Shopify
  • Embora seja possível adicionar manualmente a tag do Pinterest à Shopify, não recomendamos fazê-lo. Sempre que possível, siga as etapas acima para conectar sua loja com o aplicativo do Pinterest para Shopify para que sua tag seja adicionada automaticamente.

    Adicionar o código de base

    O código de base permite que você reúna dados sobre eventos, como alguém comprando um produto ou adicionando um produto à cesta de compras. O código de base deve ser instalado em todas as páginas do seu site.

    1. Na sua administração da Shopify, clique em Loja virtual e em Temas.​
    2. Navegue até o tema que você deseja editar e clique em Ações e depois em Editar código
    3. Clique em theme.liquid.
    4. Role a tela até ver </head>  e cole este código acima dele:
      <script type="text/javascript">
      !function(e){if(!window.pintrk){window.pintrk=function()
      {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
      n=window.pintrk;n.queue=[],n.version="3.0";var
      t=document.createElement("script");t.async=!0,t.src=e;var
      r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
      ("https://s.pinimg.com/ct/core.js"); 
      
      pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', });
      pintrk('page');
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>
      
    5. Substitua YOUR_TAG_ID pelo seu próprio ID de tag exclusivo. Para encontrar seu ID da tag exclusivo, abra o Gerenciador de Anúncios no Pinterest.
    6. Navegue até a sua visão geral do rastreamento de conversão e encontre a seção de detalhes.
    7. Copie o número com 13 dígitos abaixo de ID da tag e cole-o no lugar de YOUR_TAG_ID no código.

    Adicionar um evento Checkout

    Depois de instalar o código de base, você pode adicionar diferentes eventos para coletar dados adicionais. Você pode adicionar o evento Checkout para acompanhar quando as pessoas compram um produto e concluem transações.

    1. Na sua administração da Shopify, clique em Configurações e em Checkout.
    2. Em Scripts da página de status do pedido, cole o código de rastreamento a seguir na caixa de texto. Se já houver um código nessa caixa, cole seu código de rastreamento depois dele:
      {% if first_time_accessed %}
      <script type="text/javascript">
      !function(e){if(!window.pintrk){window.pintrk=function()
      {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
      n=window.pintrk;n.queue=[],n.version="3.0";var
      t=document.createElement("script");t.async=!0,t.src=e;var
      r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
      ("https://s.pinimg.com/ct/core.js");
      
      pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
      pintrk('page'); 
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>
      
      <script>
      pintrk('track', 'checkout',{
      value: {{ total_price }} / 100,
      currency: '{{ currency }}',
      order_quantity: 2,
      event_id: '{{ event_id }}',
      line_items: [
           {
             product_name: '{{ product_name_1 }}',
             product_id: '{{ product_id_1 }}',
             product_price: {{ product_price_1 }},
             product_quantity: 1
           },
           {
             product_name: '{{ product_name_2 }}',
             product_id: '{{ product_id_2 }}',
             product_price: {{ product_price_2 }},
             product_quantity: 1
           },
         ],
      order_id: {{ checkout.order_id }}
      });
      </script>
      <noscript>
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
      </noscript>
      {% endif %}
    3. Substitua YOUR_TAG_ID pelo seu próprio ID de tag exclusivo. Para encontrar seu ID da tag exclusivo, abra o Gerenciador de Anúncios no Pinterest.

    Adicionar um evento AddToCart (opcional)

    Depois de instalar o código de base, você pode adicionar diferentes eventos opcionalmente para coletar dados adicionais. Você pode adicionar o evento AddToCart para mensurar quando as pessoas adicionam produtos ao carrinho de compras.

    Observação: com alguns temas e widgets da Shopify, você não poderá adicionar um evento AddToCart.

    1. Na sua administração da Shopify, clique em Loja virtual e em Temas.
    2. No tema atual que você está usando, clique em Ações e em Editar código.
    3. Em Modelos, procure pelos arquivos de código chamados product.liquid, product-template.liquid ou product-form.liquid e abra-os. Isso pode variar dependendo do tema que você instalou, mas é mais comum ver o código do botão de adição ao carrinho no arquivo products.liquid ou equivalente.
    4. Procure addtocart no arquivo de código.
    5. Coloque o seguinte código dentro do indicador de final de expressão do elemento <button> ou <input>:
      onclick="pintrk('track', 'addtocart');"
    6. Clique em Salvar no canto superior direito.

    Se você já instalou a tag do Pinterest manualmente e agora quer usar o aplicativo do Pinterest para Shopify, primeiro remova a tag instalada manualmente. Você deverá remover o código de base, o código de finalização da compra e o código addtocart.

    Remover o código de base

    1. Na sua administração da Shopify, clique em Loja online e em Temas
    2. Navegue até o tema que você deseja editar e clique em Ações e depois em Editar código
    3. Clique em theme.liquid.
    4. Role a tela até ver </head> e encontre este código:
      <script type="text/javascript">
      !function(e){if(!window.pintrk){window.pintrk=function()
      {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
      n=window.pintrk;n.queue=[],n.version="3.0";var
      t=document.createElement("script");t.async=!0,t.src=e;var
      r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
      ("https://s.pinimg.com/ct/core.js"); 
      
      pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', });
      pintrk('page');
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>

    Remover o código de Checkout

    1. Na administração da Shopify, clique em Settings (Configurações) e em Checkout (Finalização da compra).
    2. Na seção Order Status Page Scripts (Scripts da página de status do pedido), encontre o código de rastreamento a seguir na caixa de texto. Se houver mais código nessa caixa, remova apenas esta parte do código:
      {% if first_time_accessed %}
      <script type="text/javascript">
      !function(e){if(!window.pintrk){window.pintrk=function()
      {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
      n=window.pintrk;n.queue=[],n.version="3.0";var
      t=document.createElement("script");t.async=!0,t.src=e;var
      r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
      ("https://s.pinimg.com/ct/core.js");
      
      pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
      pintrk('page'); 
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>
      
      <script>
      pintrk('track', 'checkout',{
      value: {{ total_price | money_without_currency }}, 
      currency: '{{ currency }}',
      order_quantity: 1,
      order_id: {{ checkout.id }}
      });
      </script>
      <noscript>
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
      </noscript>
      {% endif %}
      

    Remover o código de AddToCart

    1. Na sua administração da Shopify, clique em Loja virtual e em Temas​.
    2. No tema atual que você está usando, clique em Ações e em Editar código.
    3. Em Modelos, procure os arquivos de código chamados product.liquid ou product-template.liquid ou product-form.liquid e abra-os. Isso pode variar dependendo do tema que você instalou, mas é mais comum ver o código do botão de adição ao carrinho no arquivo products.liquid ou equivalente.
    4. Procure addtocart no arquivo.
    5. Encontre e remova o código a seguir. Ele deverá estar após o indicador de final de expressão do elemento <button> ou <input>:
      onclick="pintrk('track', 'addtocart');"
      
    6. Clique em Salvar no canto superior direito.
    End of Other articles Links
    User feedback
    Este artigo foi útil?

    collection_fields

    Como podemos melhorar este artigo?