Published on

Step-by-Step Guide: How to Set Up Facebook Pixel on Shopify

Introduction

In this guide, we will walk you through the process of setting up Facebook and TikTok pixel app on your Shopify store. Follow these steps to effectively track your store's activities.

Step 1: Sign Up and Activate the App

Before you begin, ensure that you have signed up for a Business account on Facebook at business.facebook.com. Once you have your account ready, follow these steps:

  1. Enable the App: Go to your Shopify theme editor and click on 'Activate.'
  2. Activate Extension: Navigate to 'Activate Extension' under the app settings, enable the app, and then click 'Save.'
  3. Check for Activation: The app will be considered activated when the notification banner is removed.

Step 2: Add Your Facebook Pixel

Next, you will add your Facebook pixel:

  1. Add Pixel: In your app settings, click on 'Add Facebook Pixel.' Fill out all the required fields, including naming your pixel.
  2. Access Business Facebook Manager: Go to your Business Facebook Manager. Click on 'Data Sources,' then select 'Data Sets' to view your existing pixels. If you want to create a new one, click on 'ADD.'
  3. Copy Data Set ID: Select the pixel you intend to use and click 'Open in Manager.' Here, you will find the 'Data Set ID.' Copy it and paste it into the app.

Step 3: Configure Access Token and Test Event Code

Now, you need to obtain and configure your access token and test event code:

  1. Select Target Area: In the Target area of the app, choose an option according to your requirements (premium plan options available).
  2. Get Access Token: Go to the Events Manager and scroll down to 'Conversions API.' Click on 'Generate Access Token,' copy this token, and paste it into the app.
  3. Test Event Code: Copy the test event code from the 'Test Events' section and paste it into the app. This code will allow you to test server-side events temporarily.

Step 4: Custom Pixel Configuration

To set up your custom pixel:

  1. Custom Pixel: Click on 'Add Custom Pixel' and input your pixel name.
  2. Permissions: Click on 'Permissions' and select 'Not Required.'
  3. Code Substitution: Remove the seven-line code given to you and paste the code you copied earlier. Click 'Save,' then 'Connect.'
  4. Finalization: Confirm by clicking 'I have done this' and then 'Save.' Your Facebook pixel is now created.

Step 5: Test Your Pixel

To ensure your pixels are working correctly:

  1. Visit Your Store: Open your store and perform some activities like viewing products and adding items to the cart.
  2. Install Meta Pixel Helper: Use the Meta Pixel Helper browser extension to verify that activities such as page views and content views are tracked.
  3. Dummy Purchase: Make a dummy purchase to check if the purchase event gets tracked correctly.
  4. Review Events: In the test events section, you should see all tracked activities.

Step 6: Clean Up

Finally, remember to clean up your test configurations to avoid unnecessary data collection:

  1. Remove Test Event Code: Click on 'Edit,' then remove the test event code, and click 'Save.' This step is crucial, as keeping the test code will result in tracking your own activities alongside customer actions.

Now that you've set up your Facebook pixel, you can monitor your online store's performance accurately.

Thank you for following this guide—don't forget to share your feedback!

Keywords

  • Facebook Pixel
  • Shopify
  • TikTok Pixel
  • Business Facebook Manager
  • Data Set ID
  • Access Token
  • Test Event Code
  • Pixel Helper
  • Custom Pixel

FAQ

Q: What is a Facebook Pixel?
A: A Facebook Pixel is a snippet of code that tracks user interactions on your website, allowing for better ad targeting and performance analysis on Facebook.

Q: Why do I need a Business Facebook account?
A: A Business Facebook account is required to manage your Facebook Pixel and run ads effectively.

Q: What is the Meta Pixel Helper?
A: The Meta Pixel Helper is a browser extension that helps you validate that your Facebook Pixel is working properly by tracking and displaying pixel events.

Q: How do I create a custom pixel?
A: You can create a custom pixel in the app settings by providing a pixel name and configuring the required permissions.

Q: Why should I remove the test event code?
A: You should remove the test event code to prevent unwanted tracking of your own activities, which can interfere with accurate data collection.

Read More