Add Facebook Pixel to Divi On WordPress

add facebook pixel to divi

Let's face it! The marketing side of things is becoming the most important part of building a successful business online, especially if you're running an online store for your local area business or even if you're doing the dropshipping business model.

In this, we're going to learn what a Facebook pixel basically is, what benefits you'll get out of using this powerful technology Then last but not least we'll walk you step by step through the process of adding the Facebook Pixel to Divi websites.

Grab a seat, bring a cup of coffee and let's get started right away (:


When it comes to targeting your visitors or potential people who might be interested in your product or service, there are tons of marketing and paid ads platforms you can use with Google ads, Facebook ads, Instagram Ads, being among the popular ones nowadays.

Facebook is one of the well-known social media websites you can use to promote your business either free by creating a Facebook page and publish your offers or paid advertising which helps you grow even faster.

So if you have just finished designing and building your business website and you're looking for a way to target your website visitors and turn them into loyal customers or you want to collect data on your website then use it to find more potential customers.

Then you're in the right place, those things can be achieved using the Facebook pixel.

What's Facebook Pixel?

Let's make it simple!

Facebook pixel is a small piece of code that you add to your website to collect data about your visitors like the actions they are taking on your website. the data will show inside your Facebook ads manager and you can see it in the form of helpful analytics.

Now you might be wondering why would you use the pixel when running paid ads on Facebook? Let's find out!

Reasons to use Facebook Pixel for WordPress?

There are many reasons why you should consider setting up and configuring Facebook pixel on your website and Here are some of them:

More specific targeting: using Facebook pixel will ensure your ads are shown exactly for your audience or a similar audience in case you use the Lookalike audience feature.

Understand your audience: it helps a lot in figuring out what interests your audience by analyzing their behavior on your website.

Measure Effectiveness: having the Facebook pixel code embedded in your website before you launch the ads will help you measure and keep track of how well your ads are doing.

Custom audiences: through Facebook pixel, you can categorize and split your audience based on interest then target each custom audience individually later on.

How to Easily Add Facebook Pixel to Divi

Here we are in the actionable step by step process of adding the Facebook pixel to Divi sites and online stores, we're going to show you two different methods of the set up: the first one is to embed the code manually and the second one will be done with the help of a plugin.

Using a plugin is much easier for those who don't want to deal with any codes. In spite of that, I personally prefer adding it manually and keep the plugins to a minimum count to keep the website loading fast and provide a good user experience which is crucial.

Let's continue!

Method 1: manually insert Facebook Pixel code in Divi

To install the Facebook pixel code manually in Divi, You can follow these steps:

Go to the Facebook Ads Manager page and click the “Go to Ads Manager” button

install facebook pixel in divi

If you don't have your Facebook account already opened in the browser you're using then you'll be asked to log in. Once you are in the ads manager interface, click on the bars icon in the top left corner and choose the “Events Manager”.

install facebook pixel in divi

Under the “Overview” tab click “Continue pixel setup” to start the process of creating a new pixel code.

install facebook pixel in divi

A window will pop up with the methods available to add the pixel to your website. In this case, we're going to do the process manually so go ahead and click the “install code manually” button underneath the manual configuration box.

install facebook pixel in divi

The Facebook system will now generate a unique pixel code for you. all you need to do is click the “Copy Code” button.

install facebook pixel in divi

Once you have copied the code you'll notice that the “continue” button in the bottom right corner is now activated and we can move on to the next step by clicking on it.

install facebook pixel in divi

Now you see an option for the “Automatic Advanced Matching” that you can enable in case you want to collect more data such as phone numbers, email addresses and so on which will help the Facebook advertising system do a better job in matching your visitors to people on Facebook.

I don't to make this guide very long so we'll ignore this option for now and just click “continue”.

install facebook pixel in divi

The Facebook part is now finished, we'll head over to our WordPress admin dashboard, from the left-hand side menu, hover over “Divi” Then click “Theme options”

install facebook pixel in divi

In the theme options panel click the “integration” tab paste the pixel code we copied in the <head> section of your blog and don't forget to turn on the “Enable header code” option so that it adds the Facebook pixel to Divi website pages.

The Facebook pixel needs to be added in all the pages you want to track but fortunately, we don't have to do it, we just need to paste it in the head section, and the Divi panel we'll add it automatically to all pages across your site.

install facebook pixel in divi

Finally, click the “Save Changes” button right above the option panel and You're all set!

install facebook pixel in divi

Method 2: Set up Facebook Pixel Using A Plugin

The process of adding the Facebook pixel to Divi can also be done using the PixelYourSite website, they also have a WordPress plugin that can do the task for you very easily. You just install the plugin and activate it then it requires the Pixel ID that you can bring from your Facebook ads manager and you are ready to go.

add facebook pixel to divi using a plugin

Adding the Facebook event

The last step that goes with integrating the Facebook pixel to Divi website is to create the desired events that you want to track, for instance, you can create an event for actions like when the users click a button like (“add to cart”, “purchase” …etc).

By doing so you can create a specific ad and make the Facebook advertising system show it for those users who added things to the “Add to cart” section but didn't complete the purchase. it acts as a reminder.

This is so powerful and the example I have given is just one of the things you can do using the events.

Futher Reading:


To sum up, if you are a beginner running an online store or you think to do so then you should definitely consider adding the Facebook pixel to your website when promoting your products using the Facebook paid ads.

Our today's guide was about adding the Facebook pixel to Divi websites, if you still have any questions in mind regarding it then feel free to drop them in the comment section below. Or if you are already using it then, do let me know your experience with it?

Otherwise, stay awesome! and see you in the next article.


Hassan Sahlaoui
Hassan Sahlaoui

Hassan Sahlaoui is a young passionate and self-educated person with several years of experience working locally and online as a web developer then started blogging to help the community and share knowledge.

Articles: 25