How Do I Add Facebook Pixel Code to Shopify?

Adding Facebook pixel code to your Shopify store is a great way to track conversions and optimize your ads. There are a few different ways to do this, and the best method will depend on your level of technical expertise and whether or not you have a developer familiar with coding.

If you’re comfortable working with code:

The first thing you’ll need to do is create a Facebook pixel. You can do this by going to the Facebook Ads Manager and clicking ‘Create a Pixel’. Once you’ve done this, you’ll be given a piece of code that looks something like this:

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
 fbq('init', 'XXXXXXXXXXX'); 
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.com/tr?id=XXXXXXXXXXX&ev=PageView&noscript=1"/></noscript>

  <!-- End Facebook Pixel Code -->"  </script>"

You’ll need to replace the XXXXXXXXXXX in the code with your own pixel ID.

Once you’ve done this, you’ll need to add the code to your Shopify store.

There are two ways to do this:

1. Adding the code to your theme’s header:

To add the code to your theme’s header, you’ll need to edit your theme’s code.

From your Shopify admin panel:

1. Click Online Store.
2. Click Themes.
3. Click .. next to the theme that you want to edit.
4. Click Edit HTML/CSS.