How to install Pixel on WooCommerce store
All topics

How to install Pixel on WooCommerce store

Discover a better way to run online ads Tell me more

Advertising plays an important role in the competition for clients, allowing you to reach a larger number of buyers in a shorter period of time. To make your advertising as effective as possible, it is necessary to analyze it regularly. If you don’t analyze the efficiency of your ads, you are essentially operating in the dark.

“Measurement is the first step that leads to control and eventually to improvement. If you can’t measure something, you can’t understand it. If you can’t understand it, you can’t control it. If you can’t control it, you can’t improve it.” — performance improvement and quality guru Dr. H. James Harrington 

Meta Pixel gives you essential data about customers’ activities in your WooCommerce store, allowing you to analyze ad performance, improve results, optimize your ad budget, and introduce targeted ads to audiences with a higher conversion rate.

In this article, we will give you a step-by-step guide on how to install Pixel for Woocommerce, what advantages it gives, and how to make sure that you have configured Pixel correctly. At the end of this blog we will then answer the most frequently asked questions.

What is Meta Pixel?

Meta (previously Facebook) Pixel is a valuable and handy tool for those who want to increase the effectiveness of their WooCommerce store marketing. It is installed on the stores’ website, collects user actions, and transfers it to your Facebook Business Account. You can view web event data in Events Manager after you add the WooCommerce Facebook Pixel conversion tracking.

You can read a more detailed description in our previous blog post.

Why is it important to add Facebook Pixel to WooCommerce?

With WooCommerce Facebook integration Event Tracking, you will have access to the following data:

  • Visitor actions when they click “Buy Now” or “Add to Cart”;
  • Entering shipping information during checkout;
  • When customers sign up for a service or create an account during the checkout process;
  • Displays the customers` ordering process by the customer; 
  • Visitors’ interest in products, such as when they land on a target page and sign up for a trial or submit a request form.
  • How customers search for products or content in your store.
  • When customers make a purchase and view the “Thank You” page during checkout.

By tracking this data, you can more effectively:

  • Create targeted audiences for successful remarketing.
  • Optimize your advertising campaigns by launching them to the right target audience.
  • Track conversions and evaluate the effectiveness and ROI of your advertising.

You don’t need to be a coding expert to start using the Facebook Pixel WooCommerce plugin and set up your store’s visitor tracking. It is enough to follow the simple steps described in detail below.

Adwisely isn’t just a blog—we’re a team of experts who can run efficient ads for your online store Level up your ads

How to create Facebook Pixel?

In this section, we will look at how to create a Retargeting Pixel and the basic Facebook Pixel configuration. Go to Facebook Business Manager and log in to your account to get started. In the Facebook Ads panel, under Measure & Report, click Pixels.

Click the “Create a Pixel” button once you’re on the Facebook Pixel page (as shown in the screenshot below), click the “Create a Pixel” button.

Add the Pixel’s name, your website URL, and click the “Create” button in the pop-up window.

Congratulations, you have successfully created your Pixel.

Step-by-step instruction how to install Facebook Pixel to WooCommerce store.

To install the WooCommerce Facebook Pixel code, you need to use one of the options presented below. In the screenshot, you will see three WooCommerce Facebook Pixel integration options.

Connect a Partner Platform

Connect a Partner Platform – if you use E-commerce platforms like WooCommerce, Magento, Shopify, Wix, or more, you can customize your Pixel without editing your website code.

Read Step-by-step instructions on how to add Meta Pixel on Shopify here.

Step 1: 

Click “Connect Partner Platform” to select a partner. Choose “WooCommerce”.

In the next window, you will see instructions for downloading Facebook Pixel Extension to your account in the next window.

Step 2:

Click the “Download” button to download the Facebook Pixel Extension, and you will get a .zip file on your computer. Click “Continue”.

скачать пиксельные расширения facebook

Step 3: 

Go to your WooCommerce store Dashboard, go to Plugins, then click “Add New”.

Step 4:

Click “Upload Plugin,” “Choose File” and upload the .zip file from your computer. Then click “Install Now”.

Step 5:

Click “Activate Plugin” after you have downloaded and installed the plugin.

Step 6:

Go back to WooCommerce`Dashboard, then “Settings,” “Integration” and click “Get Started”.

Step 7: 

A welcome window will appear on your screen. Click “Next”

Now you need to select your WooCommerce store and click “Next”.

Congratulations, Facebook Pixel is installed.

Manually install

Manually install means that you can simply copy and paste the WooCommerce Facebook Pixel code into your website in the “Head” section.

To manually add the Pixel code to your site, select the “Manually Install Pixel Code Yourself” option. Facebook will generate a Pixel code that you need to copy and paste between the “Tags” and the “Head” of each page of your website, as shown in the screenshot below.

Email instructions to a Developer

Email Instructions to a Developer – if you are working with a developer who can help you edit your website code, this option allows you to email instructions to the developer.

How to add multiple Meta Pixels to my WooCommerce store?

You don’t. Currently, the recommended Meta Pixel setup is one Pixel per one store domain verified on Facebook.

The 8 events prioritised for this Pixel should be more than enough for proper event tracking and ad setup.

If, however, you are managing multiple WooCommerce stores, you can keep and manage all the Pixels for these stores in one Facebook Business Manager.

How to make sure that Pixel works correctly?

Facebook Test Events Tool

If your Pixel for your store isn’t working correctly, you can fix it using the WooCommerce Facebook Pixel Events Tool.

With Facebook Test Events diagnostics, you can fix the following issues:

  • Invalid currency code;
  • Event name not specified;
  • Invalid value parameter;
  • Invalid event name;
  • Invalid email address;
  • Multiple events are associated with one action;
  • Redundant purchase events;
  • Duplicate events found;
  • Data from the new domain;
  • Possible violation of the rules for processing personal data sent to Facebook;
  • Possible violation of the rules for processing health data sent to Facebook;
  • Possible violation of financial data processing rules.

If your problem isn’t listed above, make sure you installed Meta Pixel correctly.

Facebook Pixel Helper

If you installed the Pixel code on your site, set up events, and sent test traffic, but the data still doesn’t appear in the report, check the Pixel’s operation. If there is something wrong with it, you can try Facebook Pixel Helper, an extension for the Chrome browser that helps you check if Facebook Pixel is working correctly.

After installing the extension in the Chrome browser, an icon will appear in your address bar, as in the screenshot below. 

Go to the website of your WooCommerce store, click on this icon, and you will see which pixels are set on the page. If there is an issue with a Pixel, Facebook Pixel Helper will let you know and give you hints on what to do.

Read more on how Facebook Pixel Helper works in the Meta developers support.

How to remove Pixel from WooCommerce store

If for some reason you need to remove Pixel for WooCommerce, open the code on the store’s page and you’ll find the following lines:


Everything between these lines is your pixel. Select and delete, save changes, refresh the page.

Important: the pixel is set between the <head> tags in the code, so you should look for it there.

Conclusion

WooCommerce Facebook Pixel setup in your store is critical to successfully tracking the performance of your advertising campaign. The installation will help you improve your targeting, grow your customer base, and get more conversions.

If it seems to you that Facebook Pixel WooCommerce integration is a complex and time-consuming process, then you are wrong. Thanks to the detailed instructions described in the article, you can install Pixel yourself without hassle in your WooCommerce store.

However, if you don’t want or don’t have time to do this yourself, you can use special online tools. When installing Adwisely, the owners of WooCommerce stores pass on all the routine settings: from installing Pixel to importing a product catalog.

Integrate WooCommerce Facebook Pixel into your store and start tracking your audience more effectively!

FAQ

What is the pixel code?

The pixel code is a piece of Facebook-generated code that you or your developer can manually add to your store’s code page. See the section “Manual Install” above.

Why can’t I connect my Facebook to WooCommerce?

Read the detailed instructions of the official website on connecting Facebook to WooCommerce, and make sure that you have completed all the steps correctly. If the connection issue is still not resolved, go to the Troubleshoot section.

Where is Meta Pixel on WooCommerce?

The Meta pixel is implemented on the header section of your WooCommerce store’s website.