Heads up! It looks as though you're seeing this article from a country where the Shopify Pinterest app isn't available yet. Learn more

Use the Pinterest for Shopify app to connect your Shopify shop to your Pinterest business account.

You can only connect your Shopify shop with one Pinterest business account at a time. If you have two Shopify shop , please contact us.

If you’ve already manually added the Pinterest tag to Shopify, or used a different third party to do so, we recommend that you remove the tag before using the Pinterest for Shopify app.

Benefits
  • Your website will be claimed on Pinterest
  • The Pinterest tag and API for conversion will be installed
  • Your Shopify product feed will be connected to Pinterest
  • Products Pin will be generated from your Shopify product feed
  • You’ll receive $100 in ad credit when you launch your first ad campaign on Pinterest
  • Before you get started

    Before you can connect your Shopify shop to your Pinterest account, you’ll need to:

  • Get a Pinterest business account
  • Create an advertiser account
  • Ideally, you should use a Chrome browser on your desktop to connect your Shopify store to your Pinterest account.

    Connect your shop with the Pinterest for Shopify app
  • Log in to your Shopify account
  • Go to the Pinterest app on Shopify’s page in the Shopify App Store
  • Review the permissions and, if you agree, click Add App
  • Follow the instructions on the screen to finish installing the Pinterest app on Shopify
  • While it’s possible to manually add the Pinterest tag to Shopify, we do not recommend it. Where possible, follow the steps above to connect your shop with the Pinterest for Shopify app so that your tag is added automatically.

    Add the base code

    The base code allows you to gather data on events, such as someone buying a product or adding a product to their shopping basket. The base code must be installed across all pages of your website.

    1. From your Shopify admin, click Online Store, then Themes.​
    2. Navigate to the theme you want to edit and click Actions, then Edit Code
    3. Click theme.liquid.
    4. Scroll until you see </head> and paste this code above it:
      <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. Replace YOUR_TAG_ID with your own unique tag ID. To find your unique tag ID, open Ads Manager on Pinterest.
    6. Navigate to your conversion tracking overview and find the details section.
    7. Copy the 13-digit number below Tag ID and paste it in place of YOUR_TAG_ID in the code.

    Add a checkout event

    After you have installed the base code, you can add different events to gather additional data. You can add the checkout event to track when people purchase a product and complete transactions.

    1. From your Shopify admin, click Settings, then Checkout.
    2. Under Order status page scripts, paste the following tracking code into the text box. If there's already code in this box, paste your tracking code after it:
      {% 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. Replace YOUR_TAG_ID with your own unique tag ID. To find your unique tag ID, open Ads Manager on Pinterest.

    Add an addtocart event (optional)

    After you install the base code, you can optionally add different events to gather additional data. You can add the addtocart event to track when people add products to their shopping baskets.

    Note: With some Shopify themes and widgets, you will not be able to add an addtocart event.

    1. From your Shopify admin, click Online Store, then Themes.
    2. In the current theme you’re using, click Actions and Edit Code.
    3. Under Templates look for code files named product.liquid product-template.liquid, or product-form.liquid and open it. This may vary depending on the theme you have installed, but it’s most common to see addtocart button code in the products.liquid file or equivalent.
    4. Search the file for addtocart in the code file.
    5. Place the following code within the ending caret of the <button> or <input> element:
      onclick="pintrk('track', 'addtocart');"
    6. Click Save in the top right-hand corner.

    If you’ve already installed the Pinterest tag manually and now want to use the Pinterest for Shopify app instead, we recommend that you remove the manually installed tag first, including the base code, checkout code and addtocart code.

    Remove base code

    1. From your Shopify admin, click Online Store, and then Themes
    2. Navigate to the theme you want to edit and click Actions, then Edit Code
    3. Click theme.liquid
    4. Scroll until you see </head> and find this code:
      <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>

    Remove checkout code

    1. From your Shopify admin, click Settings and then click Checkout.
    2. In the Order Status Page Scripts section, find the following tracking code in the text box. If there's more code in this box, make sure that you only remove this part of the code:
      {% 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 %}
      

    Remove addtocart code

    1. From your Shopify admin, click Online Store, then Themes​.
    2. In the current theme you’re using, click Actions then Edit Code.
    3. Under Templates, look for a code file called product.liquid, product-template.liquid or product-form.liquid and open it. This may vary depending on the theme you have installed, but it’s most common to see add to basket button code in the products.liquid file or equivalent.
    4. Search the file for addtocart.
    5. Find and remove the following code. It should be at the ending caret of the <button> or <input> element:
      onclick="pintrk('track', 'addtocart');"
      
    6. Click Save in the top right-hand corner.
    End of Other articles Links
    User feedback
    Was this article helpful?

    collection_fields

    How can we make this article better?