Atenção! Parece que estás a ver este artigo num país em que a app Pinterest do Shopify ainda não está disponível. Saber mais

Usa a app Pinterest for Shopify para associar a tua loja Shopify à tua conta de empresa do Pinterest.

Só podes associar a tua loja Shopify a uma conta de empresa Pinterest de cada vez. Se tiveres duas lojas Shopify, contacta-nos.

Se já adicionaste manualmente a Tag do Pinterest ao Shopify ou utilizaste um serviço terceiro diferente para o fazer, tens de remover a tag antes de utilizares a app Pinterest for Shopify.

Benefícios
  • O teu website será reivindicado no Pinterest
  • A tag do Pinterest e a API para conversões serão instaladas
  • O teu feed de produtos da Shopify será associado ao Pinterest
  • Os Pins de produtos serão gerados a partir do teu feed de produtos da Shopify
  • Receberás um crédito em anúncios de 100 USD quando lançares a primeira campanha publicitária no Pinterest
  • Antes de começar

    Antes de associar a tua loja Shopify à conta do Pinterest, precisas de:

  • Obter um conta de empresa Pinterest
  • Criar uma conta de anunciante
  • De preferência, deves usar um browser Chrome no computador para associar a tua loja Shopify à conta do Pinterest.

     

    Associar a tua loja com a app Pinterest for Shopify
  • Inicia sessão na tua conta do Shopify
  • Acede à app do Pinterest na página do Shopify, na Shopify App Store
  • Revê as permissões e, se concordares, clica em Adicionar a app
  • Segue as instruções no ecrã para terminar a instalação da app do Pinterest no Shopify
  • Embora seja possível adicionar manualmente a tag do Pinterest ao Shopify, não recomendamos que o faças. Sempre que possível, segue os passos acima para associar a tua loja com a app Pinterest for Shopify para que a tag seja adicionada automaticamente.

    Adicionar o código-fonte

    O código-fonte permite-te recolher dados sobre eventos, por exemplo, quando um utilizador comprar um produto ou adicionar um produto ao carrinho de compras. O código-fonte deve ser instalado em todas as páginas do website.

    1. Na página de administração do Shopify, clica em Online Store e depois em Themes.​
    2. Visita o tema que pretendes editar, clica em Actions e, por fim, em Edit Code
    3. Clica em theme.liquid.
    4. Percorre até encontrares o texto </head> e cola o seguinte código acima desse texto:
      <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. Substitui YOUR_TAG_ID pelo teu ID da Tag exclusivo. Para encontrar a tua ID de Tag única, abre o Gestor de anúncios no Pinterest.
    6. Visita a pré-visualização do controlo de conversão e procura a secção de detalhes.
    7. Copia o número de 13 dígitos abaixo de ID da Tag, cola-o e coloca-o em vez de YOUR_TAG_ID no código.

    Adicionar um evento Checkout

    Depois de instalares o código-fonte, podes adicionar diferentes eventos para recolher dados adicionais. Podes adicionar o evento Checkout para acompanhar os utilizadores que compram um produto e concluem transações.

    1. Na página de administração do Shopify, clica em Settings e depois em Checkout.
    2. Em Scripts da página de estado da encomenda, cola o seguinte código de controlo na caixa de texto. Se esta caixa já incluir um código, cola o código de controlo depois desse 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 }} / 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. Substitui YOUR_TAG_ID pelo teu ID da Tag exclusivo. Para encontrar a tua ID de Tag única, abre o Gestor de anúncios no Pinterest.

    Adicionar um evento AddToCart (opcional)

    Depois de instalares o código-fonte, podes adicionar opcionalmente diferentes eventos para recolher dados adicionais. Podes adicionar o evento AddToCart para acompanhar os utilizadores que adicionam produtos ao carrinho de compras.

    Nota: com alguns temas e widgets do Shopify, não será possível adicionar um evento AddToCart.

    1. Na página de administração do Shopify, clica em Online Store e depois em Themes.
    2. No tema que estiveres a utilizar, clica em Actions e em Edit code.
    3. Em Modelos procura os ficheiros de código product.liquid product-template.liquid, ou product-form.liquid e abre-os. Estes ficheiros podem variar dependendo do tema que tiveres instalado, mas é muito provável que encontres o código do botão "adicionar ao carrinho" no ficheiro products.liquid ou equivalente.
    4. No ficheiro, procura por addtocart no código do ficheiro.
    5. Coloca o seguinte código dentro do cursor final do elemento caret do elemento <button> ou <input>:
      onclick="pintrk('track', 'addtocart');"
    6. Clica em Guardar no canto superior direito.

    Se já instalaste a tag do Pinterest manualmente e agora pretendes usar a app Pinterest for Shopify, deves em primeiro lugar remover a tag instalada manualmente. Não te esqueças de remover o código-fonte, o código de Checkout e o código de AddToCart.

    Remover o código-fonte

    1. Na página de administração do Shopify, clica em Online Store e depois em Themes
    2. Visita o tema que pretendes editar, clica em Actions e, por fim, em Edit Code
    3. Clica em theme.liquid
    4. Percorre até encontrares </head> e procura 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 Checkout

    1. Na página de administração do Shopify, clica em Settings e depois em Checkout.
    2. Na secção Order Status Page Scripts, localiza o seguinte código de controlo na caixa de texto. Se esta caixa já incluir um código, remove 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 AddToCart

    1. Na página de administração do Shopify, clica em Online Store e depois em Themes​.
    2. No tema que estiveres a utilizar, clica em Actions e depois em Edit code.
    3. Em Templates procura os ficheiros de código product.liquid, product-template.liquid, ou product-form.liquid e abre-os. Estes ficheiros podem variar dependendo do tema que tiveres instalado, mas é muito provável que encontres o código do botão "adicionar ao carrinho" no ficheiro products.liquid ou equivalente.
    4. No ficheiro, procura por addtocart.
    5. Procura e remove o seguinte código. Deve estar no cursor final do elemento <button> ou <input>:
      onclick="pintrk('track', 'addtocart');"
      
    6. Clica em Guardar no canto superior direito.
    End of Other articles Links
    User feedback
    Este artigo foi útil?

    collection_fields

    Como podemos tornar este artigo melhor?