How to Setup Facebook Pixel for Your Shopify Store with PageFly

OverviewClick to copy

Facebook Pixel is an analytics tool that allows you to measure the effectiveness of your advertising by understanding the actions people take on your website. Therefore, Setup Facebook Pixel plays very important roles!

Therefore, Facebook Pixel plays an important role to monitor your Shopify Store Performance.

You can read more about Facebook Pixel.

RequirementsClick to copy

Before getting started, ensure you have:

  • A Business Facebook page
  • A Shopify online store that is not password protected
  • Facebook Business Manager connected to your business’s Facebook page
  • Administrator permissions
  • A Facebook Ads account is set up and ready to go. If you haven’t done that yet, simply follow Facebook’s step-by-step guide, which can be found here.

If you have successfully setup Facebook Pixel on your account, skip Step 2.

How To Setup Facebook PixelClick to copy

Step 1: Setup Facebook PixelClick to copy

First, in Events Manager, go to Business Settings > Click Data Source > Select Pixels > Click More

Next, choose your pixel name > Click Continue > Set up pixel now > Add code using partner integrations

Then choose Shopify as a Partner.

Follow the 3-step process to successfully connect the Facebook Pixel to your Shopify account.

Once you’re all set, it’s time to add a Facebook Pixel ID to your Shopify store.

Step 2: Install Facebook Pixel to Your StoreClick to copy

Make sure you’re on the Events Manager page. Copy the unique pixel ID under your account’s name.

Go back to your Shopify Admin > Head to Online store > Preferences > Paste the Pixel ID into the Facebook Pixel section > Hit Save.

Voila! You’re all set to add a Facebook Pixel ID to your store.

Step 3: Add Facebook and Instagram AppClick to copy

  1. From Shopify Admin, go to Sales Channel > Preferences > On Facebook Pixel section, select Set up Facebook.

2. You will be directed to the Shopify App store page if you haven’t installed the app yet. After that, click on Install.

Note: Once you click on the Set up Facebook button, you’ll redirect to the Shopify App Store to install the Facebook & Instagram app.

3. Now, on the left sidebar, you’ll see a new sale channel which is Facebook & Instagram.

ConfigurationClick to copy

General settingsClick to copy

Now hop on over to the page you want to set up tracking.

The Tracking option for Facebook Pixel is available in 12 elements including:

There are 10 event types you can choose from, which are:

  • Search
  • View Content
  • Add To Cart
  • Add To Wishlist
  • Initiate Checkout
  • Add Payment Info
  • Purchase
  • Lead
  • Complete Registration
  • Custom Event

Once you choose an event type, the event code will be generated automatically.

To validate your pixel implementation, install the Pixel Helper Google Chrome extension. When clicked, a panel will expand to show a detailed overview of the page’s pixels, including warnings, errors, and successes.

Check Facebook Pixel Event TrackingClick to copy

In Business Manager, select All Tools on the left sidebar > Choose Ads Manager.

Go to Ad Group tab > Click on column icon > Select Customize Columns.

Switch your view to Conversions > Scroll down to select the type of pixel that you are using > Hit Apply.

Select the menu again > Choose Events Manager. You will see the result of your pixel.

You can watch this video for more details:

Use CasesClick to copy

Below you’ll find the most frequently asked questions related to setting up the Facebook Pixel on your pages.

How To Fire A Specific Facebook Event When PageFly Page Is Loaded?Click to copy

  • Step 1: Head to the Editor
  • Step 2: Insert the code below into the Custom Javascript option

window.trekkie.load = function(){

fbq(‘track’, ‘ViewContent’);

}

window.addEventListener(‘load’, function() {

fbq(‘track’, ‘ViewContent’);

});

  • Step 3: Click Save change and Publish the page
  • Step 4: Check the result with the Facebook Pixel Helper

Tips

If you want to send additional objectives to the Facebook event, for example, “content_name” and “content_type” please use the following code:

window.trekkie.load = function(){

fbq(‘track’, ‘ViewContent’,{content_name: ‘Bearie Backpack’,content_type: ‘product’});

}

window.addEventListener(‘load’, function() {

fbq(‘track’, ‘ViewContent’,{content_name: ‘Bearie Backpack’,content_type: ‘product’});

});

Please keep in mind for the specific Facebook Event, you can assign pre-designed objectives. Please refer to the Facebook Help doc.

For example, Facebook ViewContent supports the following objectives: content_ids, content_category, content_name, content_type, contents, currency, value.

Check the result with Facebook Pixel Helper. As you can see there are custom parameters sent including content_type and content_name.

How to fire the Facebook Pixel when the user scrolls a specific section?Click to copy

  • Step 1: Name your section.

In our example, it’s “countdown”.

  • Step 2: Add custom Javascript code.

Two things you need to pay attention to.

Firstly, the jQuery function trigger the section ID with the name “countdown”.

Secondly, for our example, we send Facebook Pixel “ViewContent” without any objects.

  • Step 3: Check the result

As you can see the section that we assigned a unique ID is called “countdown”, and after scrolling that part the Facebook pixel has been fired.

How To Fire Multiple Facebook Pixels On The Same Page?Click to copy

Inside the Customer Javascript settings please include code below:

Please keep in mind to replace “YOUR PIXEL ID” with your unique ID number. You can copy the code here.

As a result you should see two pixels fired on the page load.

Common Issues with Facebook PixelClick to copy

Error MessagesClick to copy

Error message: “AddToCart Event missing some deduplication parameters” or “Purchase Event missing some deduplication parameters

  • Reason: You have not successfully set up Facebook Pixel for your store.
  • Solution: Please refer to the 3 setup steps above to check again if you missed anything.

Facebook Can Not Track Purchases Through ‘Shopify Thank You Page’Click to copy

Solution:

  • Step 1: Check if Facebook Pixel is completely set up in Online Store > Preferences. Refer to the steps above. Next, check to make sure your Facebook Pixel tracking app is working properly.
  • Step 2: Check if Facebook Pixel is set up with Product Add to Cart, not the Button element.
  • Step 3: Check if the Header and Footer are turned on.

Facebook Is Double Tracking One EventClick to copy

Reason: You manually added an event for your PageFly page, while your Theme automatically fired the event before.

Check to see if it’s a product page built with PageFly or not.

Then, if you get the Theme from Themes Marketplace (themes.shopify.com), the reason may be that Facebook Pixel is already fired with Add to Cart. It leads to double tracking when you manually fired Facebook Pixel again with PageFly.Solution: Assign to None for your element you fired manually with PageFly

Sudden Disabled Facebook TrackingClick to copy

Reason: Set up Facebook Pixel NOT in Online Store, but with manual code injection or within theme.liquid file.

Solution: Check the manual code or theme again.liquid file. Try to delete the manual code or restore Older versions of theme.liquid file > set up Facebook Pixel in Online Store > Preferences instead.

You may want to know how to Restore Older Versions of theme.liquid file.

For other problems that are not listed above, the suggested solution is that please ensure you are ONLY firing Facebook Pixel properly by Online Store > Preferences, NOT by any other ways. Make sure the Facebook Pixel tracking app is working.

For more details about Facebook Pixel Advanced, check this article.

If you have any questions feel free to submit a ticket and our Customer Support team will get back to you ASAP.

Frequently Asked QuestionsClick to copy

1. What is Facebook Pixel?

Facebook pixel is a piece of code, that should be embedded into your website (In this case, your Shopify Store), to measure, optimize and build audiences, with data collected from advertising campaigns.

2. Where to find Facebook Pixel?

It’s under ‘Business Settings‘ > ‘Data Sources’ > ‘Pixel‘, in MetaSuites. Check out this article.

3. What are the different types of Facebook pixels?

Three main types include standard events, custom conversions, and custom events.

Thank you for your feedback!

Navigate this category

Could not find the answer
to your question?

Chat with us
Great news! PageFly Help Center is now available in Japanese 🇯🇵. Explore now by switching the language in the Header section ☝️