How to Add Facebook Pixel to WordPress (2022 Update) (2022)

SAVE 80% OFF on Digital Marketing Full Course

To utilize Facebook’s powerful advertising capabilities, you need to install Facebook’s pixel code on your Website.

In simple terms, the pixel is the bridge between your website and Facebook. Without installing the Pixel, you won’t be able to measure the effectiveness and profitability of your Facebook campaigns.

So, if you plan to run any type of campaign on Facebook, the first step is to add the pixel code to WordPress and check that it’s working ok.

In this tutorial, you’ll learn how to create a Facebook pixel for your ad account and how to add the code to WordPress using a plugin or manually without using a plugin.

You’ll also learn how to configure some important pixel settings and how to test your pixel installation and confirm that it’s working as expected.

  • How to Create a Facebook Pixel
  • How to add pixel code to WordPress using a plugin
  • How to add pixel code to WordPress manually (without a plugin)
  • Configure Pixel Additional Settings
  • How Test Facebook Pixel Code Installation

What is a Facebook Pixel?

The ‘pixel’ is just a piece of javascript code that gives Facebook the ability to track visits to your website, associate these with actions (web page visits, conversions, etc.) and Facebook accounts.

When you install the Facebook Pixel to your WordPress website, you will be able to measure conversions, build custom audiences, and optimize your Facebook/Instagram ad campaigns.

How to Create a Facebook Pixel

Login to your Facebook account and go to Ads Manager.

Click the menu (top left) and select “Events Manager”.

How to Add Facebook Pixel to WordPress (2022 Update) (2)

Click the button from the left sidebar and select “Connect Data Sources” from the menu.

(Video) How to correctly install Facebook Pixel on Wordpress in 2022 (fast, free & easy)

Select “Web” and click the “Connect” button.

How to Add Facebook Pixel to WordPress (2022 Update) (3)

Provide a name for your pixel and click the “Create Pixel” button.

How to Add Facebook Pixel to WordPress (2022 Update) (4)

Congratulations! You’ve created a new Facebook Pixel.

The next step is to add it to your WordPress website using a plugin or manually.

How to Add Pixel Code to WordPress Using a Plugin

One of the best ways to add the Facebook pixel code to WordPress is using a plugin.

Facebook has an official plugin for WordPress but unfortunately, it has a lot of bugs, and it is challenging to set up correctly. So, the best free alternative plugin is PixelYourSite.

With PixelYourSite, you can install the Facebook pixel to your website and take advantage of all pixel features (including the newly released Conversion API), in just a few steps.

Let’s see the steps to follow:

How to Add Facebook Pixel to WordPress (2022 Update) (5)
  • Log in to WordPress and select “Plugins” and then “Add New” from the left menu.
  • Search for “pixelyoursite” and locate the “PixelYourSite” plugin. Normally, it should be the first one on the list.
  • Click the “Install Now” button to install the plugin.
  • Once installed, click the “Activate Now”.

The next step is to configure the plugin to connect your website with Facebook.

How to Add Facebook Pixel to WordPress (2022 Update) (6)
  • Locate “PixelYourSite” on the left menu and select “Dashboard”.
  • Click the button “Click for Settings” located next to “Your Facebook Pixel”.

Before you continue to the next step, you need to go back to Facebook to copy your Facebook Pixel ID.

Go back to Facebook’s events manager (or click this direct link)

Locate the pixel you created on Step 1 and go to “Settings”.

Copy the PIXEL ID.

How to Add Facebook Pixel to WordPress (2022 Update) (7)

Now, go back to WordPress and enter the Pixel ID in the “Facebook Pixel ID” box, as shown below.

(Video) How to Set Up & Install the Facebook Pixel (In 2022)

How to Add Facebook Pixel to WordPress (2022 Update) (8)

The final step is to save you changes. Scroll down the page until you find the “Save Settings” button.

That’s it, you’ve just installed the Facebook Pixel code to your WordPress Website!

How to Add Pixel Code to WordPress Manually (Without a Plugin)

Adding the Facebook pixel to your WordPress website without a plugin is a straightforward process for simple websites.

The process is the following:

  • First, you need to create a Facebook pixel (as explained above)
  • Then you need to add a piece of code to the HEAD section of your website

To get your pixel code, go back to Events Manager, and click the “Continue Pixel Setup” button.

Choose “Install code manually” from the popup menu.

How to Add Facebook Pixel to WordPress (2022 Update) (9)

Click the “Copy Code” button.

How to Add Facebook Pixel to WordPress (2022 Update) (10)

Go back to WordPress and select “Customize” under “Appearance”.

Select “Theme Settings” and then “Header/Footer Scripts”.

Paste the pixel code in the first box (</head>) as shown below.

How to Add Facebook Pixel to WordPress (2022 Update) (11)

Click the “Publish” button to save your changes.

That’s it! You’ve just added the Facebook Pixel Code to WordPress.

Configure Pixel Additional Settings

Once you have the pixel code installed on your website, there are some additional settings to review/configure.

Set Automatic Advanced Matching to ON

(Video) How To Install & Setup Facebook Pixel on WordPress Bangla Tutorial-2022

Go to Events Manager and select the pixel created above. Click Settings and then make sure that Automatic Advanced Matching is set to ON.

How to Add Facebook Pixel to WordPress (2022 Update) (12)

This setting will help Facebook match your website’s visitors with Facebook accounts and improve your campaigns’ performance.

Set Track Events Automatically Without Code to ON

Scroll down the page and enable the switch “Track Events Automatically Without Code” to ON.

How to Add Facebook Pixel to WordPress (2022 Update) (13)

This will allow the Facebook Pixel to find and report on important website events, such as purchases or registrations, based on user engagement on your website.

This feature can help you set up events without having to add any additional code to your website.

Traffic Permissions

While on the Settings Page, scroll down to Traffic Permissions and click the EDIT button.

How to Add Facebook Pixel to WordPress (2022 Update) (14)

Add your domain name in the text box area and click Next.

How to Add Facebook Pixel to WordPress (2022 Update) (15)

This setting instructs Facebook to consider events coming from your domain (and subdomains) only and block requests coming from other websites that might be using your pixel.

This is useful in cases your content is being copied on other websites.

Even if you don’t face any similar issues, it is still recommended to configure this setting.

How Test Facebook Pixel Code Installation

To make sure that your Pixel is set up correctly, you can use any of these methods:

  • Using the Test Events tool
  • Check the Diagnostics tab
  • Use the Facebook Pixel Helper Chrome Extension

Using the Test Events Tool

(Video) Setup Meta Facebook Pixel in WordPress - Easy and Fast 2022

Use the Test Events tool to check that your pixel is working properly.

  • Go to Events Manager.
  • Select your pixel from the Data Sources tab and click Test Events.
  • Enter your website URL and click Open Website. This opens your website in a separate window or tab.
How to Add Facebook Pixel to WordPress (2022 Update) (16)

Interact with your website to test the events you’ve already set up. Your interactions will appear in the Test Events tab within 30 seconds.

Make sure that during this test you visit all important pages of your site and click on all the buttons you want to track actions.

Check the Diagnostics tab in Events Manager

To find and resolve problems related to your event setup, you can click the Diagnostics tab in Event Manager. You’ll find recommendations to improve your event setup if an issue is detected.

How to Add Facebook Pixel to WordPress (2022 Update) (17)

Facebook Pixel Helper Chrome Extension

Another way to test your pixel installation is to use the Facebook Pixel Helper Extension available for the Google Chrome Browser.

Install the extension by using this link.

After installing the Pixel Helper, you will notice the FB Pixel Helper Icon in your browser address bar.

Navigate to a page of your website (that the pixel is installed) and click that icon. If everything is ok, you should see something similar to the screenshot below with the message ‘Pixel loaded successfully.’

How to Add Facebook Pixel to WordPress (2022 Update) (18)

What about eCommerce Websites running WooCommerce?

When it comes to eCommerce sites the process can be a bit tricky. It requires some programming knowledge and a good understanding of how WordPress works.

Basically, besides adding the pixel code to your website’s head section, you also need to configure events such as add to cart, checkout, purchase, etc.

If you’re not comfortable with changing your website’s files, it is highly recommended to hire a developer to help you with the implementation or use the paid version of PixelYourSitePro.

The paid version integrates natively with WooCommerce and also supports the new Facebook Conversion API process which adds more accuracy to what Facebook can track.

(Video) How to Install Facebook Pixel on WordPress [2022] | Quick and Easy

Conclusion

To sum up, if you’re running a blog or a non-eCommerce website, you can add the code using the free version of PixelYourSite or add it manually to the “Header/Footer Scripts” section of your website.

If you’re running an eCommerce store or a website selling services, you can use the paid version of the PixelYourSite plugin to add the pixel code, enable conversions API and configure the necessary events, without writing any code.

Alternatively, you can hire a developer to add the pixel code (and configure any events).

FAQs

How to Add Facebook Pixel to WordPress (2022 Update)? ›

Click the menu (top left) and select “Events Manager”.
  1. Facebook Events Manager. ...
  2. Select “Web” and click the “Connect” button. ...
  3. Give a name to your Facebook Pixel. ...
  4. Install PixelYourSite Free Plugin. ...
  5. Facebook Pixel Settings. ...
  6. Copy Pixel Id. ...
  7. Enter Pixel Id and Save Changes. ...
  8. Click Install Code Manually.
Dec 9, 2021

How do I use Facebook pixel 2022? ›

How to Set Up & Install the Facebook Pixel (In 2022) - YouTube

How do I add Facebook pixel to WordPress without plugins? ›

How To Add Facebook Pixel To WordPress Without Plugin
  1. Step 1: Create Your Facebook Pixel. To get started, you'll need to create your Facebook Pixel via Facebook's interface. ...
  2. Step 2: Get Facebook Pixel Tracking Code. ...
  3. Step 3: Add Tracking Code To WordPress.
Jul 29, 2021

How do I enable Facebook pixels? ›

  1. Go to Events Manager.
  2. Click the Data sources icon on the left side of the page.
  3. Select the pixel you want to set up.
  4. Click Continue Pixel Setup.
  5. Click Use a partner.
  6. Select a partner from the list.
  7. Follow the onscreen setup instructions.

How do I add pixels in Wordpress 2021? ›

To install Pixel Cat, go to the administration of your WordPress site, and follow this path: Plugins > Add New. Install and activate the plugin. On its settings page, on the “Main” tab, click on the “Add pixel” button to add the Facebook pixel to your website.

How do I add Facebook pixel to Wordpress 2021? ›

How to Install Facebook Pixel on WordPress | Beginners Guide [2021]

Is Facebook pixel still available? ›

Now they have announced that all analytic features will be gone by June 2021, and the pixel will be eliminated by 2022.

Where do I find Facebook pixel? ›

First, go to your Facebook Event Manager to find your Facebook Pixel ID. The Facebook Pixel ID is the long string of numbers and it's associated with the website marked in green in the screenshot above. If you scroll over the Facebook Pixel ID on the right, you can copy it to your clipboard.

How do I integrate Facebook pixels on my website? ›

How to install the Meta pixel on your website
  1. Go to Events Manager.
  2. Click the Data sources icon on the left-hand side of the Page.
  3. Select the pixel that you want to set up.
  4. Click Continue pixel setup.
  5. Select Meta pixel and click Connect.
  6. Select Install code manually.
  7. Copy the pixel base code.

How do I add Facebook pixel to WordPress 2020? ›

How to Install Facebook Pixel on WordPress in 2020 (3 easy steps)

How do I link Facebook to WordPress? ›

Select Settings and choose Facebook from the dropdown menu. Search Get Started and follow the instructions.
...
Connect your WordPress account to Facebook
  1. Click Upload plugin.
  2. Click Choose File and select facebook-pixel-for-wordpress-<pixel ID>. zip.
  3. Click Install Now.

How do I add Facebook pixel to WordPress Woocommerce? ›

How to Set Up Facebook Pixel on WooCommerce - YouTube

How do I manually add Facebook pixel to WordPress? ›

Click the menu (top left) and select “Events Manager”.
  1. Facebook Events Manager. ...
  2. Select “Web” and click the “Connect” button. ...
  3. Give a name to your Facebook Pixel. ...
  4. Install PixelYourSite Free Plugin. ...
  5. Facebook Pixel Settings. ...
  6. Copy Pixel Id. ...
  7. Enter Pixel Id and Save Changes. ...
  8. Click Install Code Manually.
Dec 9, 2021

Where do I put pixel code in WordPress? ›

Go to Settings → Insert Headers and Footers. Paste the Facebook Pixel tracking code into the Scripts in the Header box. Save your changes.

How do I integrate Facebook pixels on my website? ›

How to install the Meta pixel on your website
  1. Go to Events Manager.
  2. Click the Data sources icon on the left-hand side of the Page.
  3. Select the pixel that you want to set up.
  4. Click Continue pixel setup.
  5. Select Meta pixel and click Connect.
  6. Select Install code manually.
  7. Copy the pixel base code.

Where do I paste Facebook pixel code? ›

Paste the pixel code into the header code of your website, just above the </head> tag. You need to paste it into every single page, or into your header template if you're using one.

Videos

1. How To Install A Facebook Pixel On Your WordPress Website - Updated 2022 Guide
(Osborne Digital Marketing)
2. How to Install Facebook Pixel on WordPress 2022 for Beginners | Facebook Ads Made Easy # 4.2
(Fofoofo tv)
3. How to Install Facebook Pixel on Wordpress Website? | Easy Way | Latest Facebook Ads Course 2022
(Rachit Sharma)
4. How to Install Facebook Pixel on WordPress Website 2022
(Emmanuel Adanu)
5. How to Install Facebook Pixel on WordPress (2022)
(How to Digital)
6. How to Install Facebook Pixel on WordPress Beginners Guide 2022
(kelechi Ogbonna)

Top Articles

You might also like

Latest Posts

Article information

Author: Virgilio Hermann JD

Last Updated: 11/29/2022

Views: 6185

Rating: 4 / 5 (41 voted)

Reviews: 88% of readers found this page helpful

Author information

Name: Virgilio Hermann JD

Birthday: 1997-12-21

Address: 6946 Schoen Cove, Sipesshire, MO 55944

Phone: +3763365785260

Job: Accounting Engineer

Hobby: Web surfing, Rafting, Dowsing, Stand-up comedy, Ghost hunting, Swimming, Amateur radio

Introduction: My name is Virgilio Hermann JD, I am a fine, gifted, beautiful, encouraging, kind, talented, zealous person who loves writing and wants to share my knowledge and understanding with you.