How to add a facebook pixel to a WordPress Website - No Coding required

How to add the Facebook Pixel to your Website

The Facebook Pixel is a powerful marketing tool that allows you to do retargeting ads, and create conversion ads. If you’re not using the Facebook pixel, you’re missing out audience insights and you’re overspending on Facebook ads.

Katie Davidson

A UX designer with roots in digital marketing.

[mks_accordion_item title=”Click to view full video transcript”]
Hi. My name is Katie Davidson and today I’m going to be showing you how to add the Facebook Pixel to your website. The Facebook Pixel is a powerful marketing tool. It allows you to see what types of people are visiting your website and create targeted ads that will bring the right customers to your website.

The first thing you’ll need before you get started is a Facebook page. If you haven’t already created a Facebook page or if you only have a Facebook profile, I recommend that you go through my Facebook page course, “A Beginner’s Guide to Setting Up Your Facebook Page“.

The next thing you’ll need to do is set up a Facebook Ads account. You’ll need to go through all the steps including entering your credit card information. This is a completely free tool, and you don’t need to spend any money on Facebook, but in order to get access to the Facebook Ads account, you will need to set up your Facebook Ads account, which makes sense.

For today’s demo, I will be using a Facebook page for a long-neglected website that I used to manage. You can see here that I haven’t updated it in forever, and I never got that many fans on it. To access my Facebook Ads account, I click on the little carat here and click on Manage Ads.

Your page will look different than mine, but because I have so many Ads accounts, I didn’t want to have to show you how to navigate all of those. So once you’ve accessed your Ads account, you should see a hamburger icon up at the top. What you’re gonna wanna do is search here and then under Measure and Report, you’re gonna click on Pixels.

If you don’t have any Facebook Pixels created yet, you’ll get a page that looks just like this. So the first thing we’re gonna do is go ahead and click on Create a Pixel. Give your Pixel a name that makes sense with your website. If you’re the kind of person that has multiple websites like me, make sure that it matches whichever website you’re gonna add it on to.

All right. So then I go ahead and click Create. There are a few different options you can use to add the Facebook Pixel to your website. If you use Shopify, Squarespace, Wix, or even WooCommerce, I recommend going through the platform integrations.

If you’re more of a do it yourself kind of person, go ahead and manually install the code yourself. This is what we’ll be doing today, and it’s really easy.

Okay, so the first thing you’ll need to do is locate the header code for your website. This is gonna be different for all different types of websites, and it’s even different for different WordPress websites. If you’re using a popular WordPress theme, I recommend doing a search in their support forum to see how you can add header code to their website. If you’re struggling to find out where that header code is, I’m gonna show you a super easy way that works no matter what theme you have.

Okay, so this part is telling me just to locate the header code for my website. And then this part’s telling me to copy the entire Pixel code and paste it into the website header. So I’m gonna leave this tab open, and I’m gonna show you the super easy way that you can add a header code to any website.

On the WordPress dashboard, go ahead and go down to Plugins and click Add New. We’re going to be using a simple plugin that allows us to add header code to anywhere on the website. I’m gonna search for headers and footers. The plugin you’re looking for is Insert Headers and Footers by WP Beginner. Check the description box for a link to this plugin.

I’ve already installed this plugin on my website, so I’m just gonna click Activate. Now that I’ve installed that plugin, I can either click here … But if this isn’t my first time using the header code section, which if you’re adding other tracking codes it won’t be, you can always find the header code under Settings, Insert Headers and Footers.

Once you’ve opened up the Insert Headers and Footers, you’ll see Scripts and Header and Scripts and Footer. It’s a simple plugin. So we’re gonna go back over to the Facebook Pixel and copy all of that code. I’ll paste the entire thing in here and then click Save.

All right. Now I head back over to Facebook, and then I’m gonna test to make sure that it’s working correctly. So I can just grab the homepage of my website and I’ll add it here. All right, so click Send Test Traffic. You’ll see it opens it up in another tab. It can take a few minutes for the test to go through, but once it’s finished, you’ll see a green dot here that says Active. Go ahead and click Continue.

Facebook has some really amazing tools to help you track exactly your users are behaving on your website. For example, if somebody adds something to the cart, or they initiate the checkout but they don’t complete it, I can actually send an ad their way. That’s a lesson for another day. For today, I’m gonna keep it simple.

Once you’ve added the Facebook Pixel and it’s live on your website, you’ll be able to start collecting really valuable information on the people who visit your website and what they’re doing there.

If you have any questions on this, be sure to comment below. I look at all of your comments, and I wanna make sure that these videos are as valuable as possible. If you’re looking for more strategies to help your business grow, be sure to subscribe to my videos and check out my website, Until next time!

What if you could pay to get the exact right people to your website? And what if, you could see exactly what your customer’s interests and wants were?

The Facebook Pixel lets you do exactly that!

If you’re running Facebook ads without a Facebook Pixel installed on your website, you’re wasting your money.

What is the Facebook Pixel?

The Facebook Pixel is a little snippet of code that you can add to your website to gather information on the people who visit your website. It allows you to measure the effectiveness of your Facebook or Instagram ads and allows you to have more control over how your advertising dollars are spent.

Without a Facebook Pixel, you’ll only be able to pay to send people to your website. Facebook won’t be able to tell what your customers are doing once they get there, so you’ll be spending a lot of money on people who might not be interested in your product or service.

With the Facebook Pixel, you can create what is called a “Conversion ad”. Let’s say I run a ski resort, and I want to sell lift tickets. If I have the Facebook Pixel installed on my website, I’ll be able to create a Facebook Ad where Facebook will refine the audience to people who are most likely to make it all the way through the purchase sequence. So I when I create a Facebook Ad, I tell Facebook a successful ad is one where someone buys a lift ticket.

The Facebook Pixel is used for retargeting

I’m sure you’ve had this happen to you…

Let’s say you’re on a website, and you see a really cute purse. You add it to your shopping cart, but at the last minute, you decide you don’t really NEED a new purse.


But the next day when you’re on Facebook or Instagram checking out what your friends are up to, you see an ad pop up with that cute purse you almost bought… that’s called re-targeting, and it’s possible with the Facebook Pixel.

How to install the Facebook Pixel

In the video at the top of this post, I walk you through the steps on how you can install a Facebook Pixel on your WordPress website. Even if you’re using a different type of website, I recommend watching the video – there will be a few steps that are different, but the overall setup is the same. I’ll do follow-up posts with more in-depth strategies for using the Facebook Pixel to create successful ads, and how to use the Facebook Pixel for in-depth information on your audience, but for now, the first step is adding the Facebook Pixel to your website.

Here is a step-by-step guide to creating a Facebook Pixel, I’ve simplified it from the video, for you to use as a check-list:

  • Create a Facebook Page – If you don’t already have a Facebook Page I recommend checking out my free mini-course “A beginners guide to setting up your Facebook Page”
  • Set up a Facebook Ads account, you’ll need to add your credit card information, but you don’t need to spend anything to get access to the Facebook Pixel.
  • Open your Facebook ad account, and click on “Pixels.” You can also use this link (it will open in a new tab):
  • Click on “Create a Pixel” and give your pixel a name that matches your site.
  • You can either select to install it via platform integration or do a manual installation. (This tutorial is for a manual installation).
  • Copy the code to paste it into the header of your website.
  • Find the header code for your website. It will be different for different platforms, and I recommend you do a search in the support forum that goes with your website platform or theme to see how to add the header code. If you’re using WordPress, you can use the plugin Insert Headers and Footers to add the header code easily.
  • Paste the code from Facebook into the header, and save your changes.
  • Head back over to Facebook, and test to make sure the code is working correctly by sending some test traffic to your website.
  • If you get a green light, you’re all set, and you’ve successfully added the Facebook Pixel to your website.

If you have any questions, please comment below!

And if you’re looking for marketing strategies that will help your business grow, be sure to sign up for my mailing list.


More to explorer

Leave a Reply