Skip links

How to Install Facebook Pixel on WordPress (in 2020)

If you want to install Facebook Pixel on WordPress, this guide will help you do that step-by-step.

You’ll learn exactly how to…

  • Create a Facebook Pixel in less than 5 minutes
  • Install Pixel on your WordPress website without any coding
  • Verify your installation with a few clicks

…even if you have zero technical skills.

Let’s jump in.

How to Create a Facebook Pixel From Scratch

Before you install your Pixel, you need to create it.

If you have done this already and you’re able to copy your Pixel code, you can skip this chapter by clicking here.

Step 1.

Go to your Facebook Ads Manager.

You have to have a Facebook Page or a Business Account to be able to do this.

Step 2.

On the top left corner, click on the “9 dots”.

This will bring up the main menu.

Scroll down and click “Events Manager”.

Step 3.

If you never set up a Facebook Pixel before, you should see the following screen below.

Click “Connect a Data Source”.

Step 4.

Select the “Web” option then click “Get Started”.

Step 5.

Select “Facebook Pixel” option, then click “Connect”.

Step 6.

Next, you have to give a name to your pixel.

I suggest using the name of your website or brand so you can easily find it later.

When you’re ready, click “Continue”.

Step 7.

Click “Continue Pixel Setup”.

Step 8.

Click on “Install code manually”.

Step 9.

Click on the green “Copy Code” button, then click “Continue”.

Step 10.

Click on ”Turn on Automatic Advanced Matching”, make sure it turns blue.

This will help you to track conversions more accurately.

Okay!

Next, you need to install a free WordPress plugin to be able to paste the Pixel code that you just copied.

If you’re NOT a Google Chrome user, keep this browser tab open.

You’ll use it later to verify if you installed Pixel correctly.

Let’s move on to the next chapter…

Install Facebook Pixel On WordPress With Free Plugin

In this chapter, you’re going to install a plugin that allows you to insert the Facebook Pixel code to every page on your website.

First, log-in to your website and proceed to…

Step 1.

On the left side of your WordPress admin panel, locate “Plugins”.

Move your mouse over it and this will bring up a dropdown menu.

Click on “Add New”.

Step 2.

On the top right corner, go to the “Search plugins…” box and type in:

Insert Headers and Footers (not case sensitive).

When you start to type the name, the search results will refresh immediately.

Step 3.

Next, you want to find the plugin below.

If you have this plugin running on your website already, you’ll see a grey “Active” button on the top right corner.

If you don’t see that, click “Install Now” and wait till it says  “Activate”.

This means the plugin has been successfully installed, but you need to turn it on.

Click the “Activate” button, and if all is well, WordPress will redirect you to your “Installed Plugins” page.

Step 4.

On the left menu, move your mouse over “Settings” and click “Insert Headers and Footers”.

Step 5.

Click inside the textbox called “Scripts in Header”.

Paste the Facebook Pixel code.

(This is what you copied in the previous chapter.)

When the code is pasted, you should see something like this:

(I blurred out my personal Pixel number with the orange rectangles.)

If you see the same thing, scroll down and click “Save”.

All done!

The only thing left is to…

Verify That You Successfully Installed the Facebook Pixel

In this chapter, you’ll double-check if your Pixel is installed correctly.

There are two methods based on the browser you use.

…and if nothing seems to work, don’t worry!

You’ll find a troubleshooting section later in this guide.

Google Chrome Users

Facebook has a dedicated Google Chrome extension for verifying and troubleshooting your Pixel.

I’ll show you how to install and use it.

Step 2.

Click on “Add to Chrome”.

Step 3.

Go to your website and look for the  Facebook Pixel Helper icon  icon on the top right corner of your browser. 

(Can’t find it? There’s a solution below the next image.)

If it turned blue and you see a green number in the bottom right corner, that means the Pixel is successfully installed!

If you don’t see the  Facebook Pixel Helper icon  icon, then it will be under your extensions menu.

Simply click the “puzzle” icon and you can find Pixel Helper there.

Like so…

Everyone Else Who’s Not Using Google Chrome

Remember I told you to keep the Facebook tab open where you copied the Pixel code?

You’re going to use the “Text Events” tool to check if Pixel is working on your website.

Step 1.

Go to the Facebook tab and refresh your browser (F5 on PC, Command+R on Mac).

Click on your Pixel name, then click on “Test Events”.

Like this…

Step 2.

Type in your website’s address and click “Open Website”.

Step 3.

Now your website should open on a new browser tab.

You don’t need to do anything here, just leave this tab open.

Go back to the Facebook tab and if the Pixel is successfully installed, you should see a green “Receiving activity” sign.

If you don’t see the same thing, no problem!

It might take your Pixel a while to start picking up data.

To speed up the process, simply visit a few pages on your website.

Once you do that, go back to the Facebook tab and click on “Overview”, like on the image below…

Here you can see all the data that your Pixel have picked up.

If all is well, you should see a green dot and an “Active” status on your “PageView” event.

What If Nothing Works

The most common issue why your Pixel doesn’t seem to work is because…

  • You use a caching plugin
  • You visited your website from an incognito browser
  • You’re visiting your website for the first time from a browser

In any case, it’s because of the caching plugin which in simple terms, makes your website load faster.

Luckily, most caching plugins create a shortcut on the top menu of your WordPress administrator panel, so they’re pretty easy to find.

You’re going to “flush” this cache.

Look for names on the top bar like…

  • WP Rocket
  • W3 Total Cache
  • WP Super Cache
  • Sucuri
  • …or a cheetah icon for WP Fastest Cache

I use WP Rocket, so for me, it looks like this:

Move your mouse over the plugin name, then click on “Clear cache”.

Visit your website again using the methods above and you should see the Pixel code working perfectly!

Conclusions

Facebook Pixel is a must-have tool to track visitors, conversions and remarket to your audience.

Now you know how to create it, install it and make sure it’s working properly!

Now, I’d like to hear from you…

How’s Pixel working for you?

Can you track valuable actions?

Let me know in the comments!

And while you’re there, tell me if there’s any step in this guide that you found difficult, so I can make it better!

Get Instant Access To My List Of
50 Content Ideas For Your Social Media, Blog and Newsletter

Time to say goodbye to
"what should I post" for good!
SEND ME 50 CONTENT IDEAS!
>
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
WOULD YOU LIKE
50 CONTENT IDEAS

FOR FREE?
Get instant access to 50 post ideas for your social media, blog and newsletter and say goodbye to "what should I post" for good!
Send Me A FREE Copy
I hate spam as much as you do, so I promise to keep your mailbox safe. Unsubscribe anytime.
close-link

Get Instant Access To My List Of
50 Content Ideas For Your Social Media, Blog and Newsletter

Time to say goodbye to
"what should I post" for good!
SEND ME 50 CONTENT IDEAS!
>
close-link