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

You can link your Shopify and Pinterest accounts to promote products you’re already selling on Shopify. You can either connect your accounts with the Pinterest for Shopify app or you can manually add the Pinterest tag to Shopify.

If you have the Pinterest for Shopify app, you can install the Pinterest tag in the app.

  1. Log in to your Shopify account
  2. Go to the Pinterest app on Shopify’s page in the Shopify App Store
  3. Review the permissions, and if you agree, click Add App
  4. Follow the instructions on the screen to finish installing the Pinterest app on Shopify

If you do not have the Pinterest for Shopify app, you can install the tag manually by following the below instructions.

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, go to Ads Manager on Pinterest. Click Ads, then Conversions and click Get started under Install Pinterest tag. If you’ve already created a Pinterest tag, you can click into the title to view its unique tag ID.

  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 processing, find the Additional scripts text box.

  3. Paste the following tracking code into the text box. If there is 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: 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 %}
    
    
  4. Remember to replace YOUR_TAG_ID with the unique tag ID that was generated in Ads Manager.

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, 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 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 corner.

If you installed the Pinterest tag manually and want to use the Shopify app instead, you should remove any tags you manually installed before setting up the Shopify app. Make sure to remove the base code, Checkout code, and AddToCart code. You can only have one tag in an account.

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 processing section, find the Additional scripts text box
  3. 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 in the top-right corner.
What's next?
  • Need more help? Try these troubleshooting steps
  • Create ads with Shopify
  • Measure your reach using Shopify Analytics or Ads Manager reporting
  • End of Other articles Links
    Still need help? Contact us
    User feedback
    Was this article helpful?

    collection_fields

    How can we make this article better?