Heads up! It looks like 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 store to your Pinterest business account.

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

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

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

    Before you can connect your Shopify store 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 store 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 store 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, like 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, 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 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 install 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 and then click 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 carts.

    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 click 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 add to cart 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 at the top-right corner.

    If you’ve already installed the Pinterest tag manually and now want to use the Pinterest for Shopify app instead, you should remove the manually-installed tag first. Make sure to remove 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 to 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, and then Themes​.
    2. In the current theme you’re using, click Actions then Edit Code.
    3. Under Templates, look for code files named product.liquid, or 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 cart 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 at the top-right corner.
    End of Other articles Links
    User feedback
    Was this article helpful?

    collection_fields

    How can we make this article better?