February 03 436

How to Install Facebook Pixel on Website in 2022 — WordPress, Shopify, Wix, Weebly, Leadpages, Etsy and Squarespace

Facebook Pixel is a great tool provided by Facebook. It is mainly a tool to analyze your ad campaign data and track your viewers. Many businesses are using Facebook Pixel nowadays, and it helps them gain advantages over other businesses who are just starting out on their marketing. In this article, we will be going over the process to install Facebook Pixel on your website.

Now, you might have your website on different website builders or content management systems, so it might be hard to know how exactly to use this tool on your website. Different types of website builders will be analyzed here today so you can go on and follow the steps to get done with the hard stuff and move on to the important stuff like tracking your data.

Benefits of Facebook Pixel

Facebook Pixel not only helps with tracking your visitors, but also helps you understand what your visitors are doing. You can see what sections of your ads they viewed, what they pressed on, and how they interacted with the ad, so if the visitors were interested in some of the things about your ad, you can retarget them and show them things that they might actually be interested in.

Not only businesses that want to run a marketing campaign on Facebook have to have Facebook Pixel installed, but also businesses who plan to do it later on in the future can install it. This tool will provide you with valuable data so when you are just starting to run your ads, you already know some of the behaviors from your audience, and you can decide better for your ad campaigns.

Now that we’ve got that out of the way, we should first create our Facebook Pixel, so we can continue to install it on different platforms later.

Do you use Facebook ads often?
0 votes

How to Create Facebook Pixel

First of all, go to Events Manager on Facebook. You can either search that on Google, or simply go to Ads Manager, navigate to “All Tools” and click on Events Manager. After that, click on “Connect Data Sources” and Choose “Web” because you will be connecting your website to the Facebook Pixel. You can see the whole menu from the picture below. Keep in mind that this is from the new UI of Facebook, so it works a little differently from the previous interface.

Anyhow, you have just created your Facebook Pixel, and after naming your Pixel, it will appear in the Data Sources tab in the Events Manager. You can go to the settings tab and see your data, including your Pixel ID. Keep this ID in mind as we will have to use it later for installing Facebook Pixel on specific types of website builders. You can see an example of that in the picture below.

You should also go back to the main tab and Click on "Continue Pixel Setup" and enter your website URL. Next, choose “Install Code Manually” and copy this code or keep it, because we will also need this later for installing Facebook Pixel on specific platforms.

Now, let’s focus on installing the Facebook Pixel on different website builders and content management systems. We will go through some of the most important website builders that you might have a website on, including Wordpress, Wix, Weebly, Shopify, Leadpages, Etsy, and Squarespace.

Installing Facebook Pixel on Wordpress

For inserting the code on Wordpress, you have to get the Facebook Pixel code of your own and paste it in your Wordpress website. To do this, we suggest using this plugin, called "Insert Headers and Footers code." This plugin will make your job easier by inserting this piece of HTML code into your website.

After installing this plugin on Wordpress, simply open it, and in the window that appears, paste the Facebook Pixel code in the header section, and you are good to go. You can see the plugin down below.

Installing Facebook Pixel on Shopify

For installing Facebook Pixel on Shopify, you will need the Pixel ID that you have saved before. After having copied it, go to your Shopify dashboard and navigate to The Sale Channels sections > Online Store > Preferences.

In the window that opens, you can scroll down to the part about Facebook Pixel and paste your Facebook Pixel ID in the box.

For Shopify, it is as simple as that. A bonus step can be installing this browser plugin called Facebook Pixel Helper to help you understand if your Facebook Pixel is connected to Shopify properly and if it works.

Installing Facebook Pixel on Wix

First of all, for connecting Wix to Facebook Pixel, you will first need to have a premium membership on Wix. If you already have it, you can move on to the next step, but if you don’t, you cannot continue without it. So, before anything, go back and activate your premium membership plan so we can continue connecting Wix to Facebook Pixel. This option is simply not available for free Wix membership plans.

So, now that you have a premium Wix site, you need to go back to Events Manager on Facebook and navigate to the Partner Integrations Tab and find Website Platforms in the categories. You can find Wix among the options. All you have to do is follow the rest of the on-screen instructions to connect your Wix site to Facebook Pixel.

There is also another way, which works through your Wix site. You have to copy your Pixel ID first as explained before. Then go to your Wix Dashboard, find Marketing SEO. From there, choose All Marketing Tools and go to Marketing Integrations. You can find a list of integrations that you can connect to your Wix site there, including Facebook Pixel. Click on Connect to Facebook Pixel and paste your Facebook Pixel ID there. After that, simply save it, and ta-da! You are done!

Installing Facebook Pixel on Weebly

Installing Facebook Pixel on Weebly is very easy. You have acquired your facebook Pixel code before, so all you have to do now is go to Weebly. From there, choose your desired site and click on Edit Site. Next, click on Settings and navigate to the SEO section.

In that section, find the section where there is a box for inserting your Header HTML code. Simply paste your Pixel code there and that is it! Remember, this is just an HTML code box, and if you had any other code there from before, you can simply add the new Pixel code beneath that and they would not interfere with each other’s functions.

Installing Facebook Pixel on Leadpages

To install Facebook Pixel on Leadpages, you will need your Facebook Pixel code, which you know by now how to acquire from the Events Manager. Firstly, go to your Leadpages dashboard and choose the page that you want to track using the Facebook Pixel tracking tool. Next, click on the Settings, and in the Analytics section, paste your Facebook Pixel code in the box with the tag "Head Section Tracking Code." This box will hold the HTML codes for the Head section so you can track your visitor data with Facebook Pixel easily. Next, you can simply save and update the page.

You can use the Facebook Pixel Helper Google Chrome Plugin, here again, to make sure your Facebook Pixel is properly connected and works with your Leadpages site.

Installing Facebook Pixel on Etsy

According to an update on Etsy, it does not accept Facebook Pixel anymore, because they have their own tracking tools. So, if you want to use Facebook Pixel, you will need to get another e-commerce website. This means that Etsy does not offer a code editor for you to add the code on Etsy anymore.

Installing Facebook Pixel on Squarespace

Installing Facebook Pixel on Squarespace is super easy. You should go to your Squarespace account and navigate to Settings. In the navigation bar that appears, simply go down to the Website section and click on "Advanced."

In the Advanced tab, find "Code Injection" and click on it. This is straight up the section where you need to enter your header HTML code. So, simply paste your Facebook Pixel code in the box and save it. You have successfully added Facebook Pixel to your website!

Alternate Way to Install Facebook Pixel on a Website

It is true that you can use an automatic way to install Facebook Pixel on different e-commerce sites and website builders. However, if you want to manually add it to your website yourself, you can do it in a similar way to some of these website builders.

The Facebook Pixel code is basically a piece of data about your Pixel ID and other codes that redirect information to Facebook Pixel about your visitors. Now, just like any other piece of code, such as Google Analytics codes or other information hidden from your audience, you have to place it in a part of the page that includes the data that interacts with other engines or networks without anyone actually seeing it. That section is the <head>...</head> section in your website’s HTML file. If you place anything in that section of your global HTML file, it will not be visible to anyone, but you will use it in great ways.

So, if you want to add your Facebook Pixel on your HTML website, you can simply go to the global file and find the <head> tag section and place it anywhere between the <head> tag and the </head> tag. However, make sure your Facebook Pixel code is not colliding with any other code. This means that it has to go after the end of another code’s end tag, which is designated by a slash in the tag, such as </div>. We have seen this before in some of the website builders. What they do is that they simplify the process for you by not involving you with a bunch of codes and HTML tags.

Type of Information that Facebook Pixel Provides

Facebook Pixel is absolutely helpful in providing the information that many other analytics platforms don’t provide you with regarding your website data. They come with the name of standard events. Remember that these Standard events are in the form of codes that you have to apply on your product pages or generally any page that you want to track. For example, if you want to track people adding a product to the cart, you can add the code on the cart page. It works the same with the other types of page, as well. It comes in the form of a script tag code. For each of the events below, you will have to add the custom event in the Event Manager. Below, you can see an example of the standard event code.

Here are some of the standard events that Facebook detects about your users:

  • When someone buys something on your website, Facebook Pixel shows it to you.
  • If a visitor opts in for a trial period on your website, you will see it.
  • Whenever a visitor clicks on the Sign up CTA and completes the form to register on your website. This can also be a subscription form.
  • When someone enters their payment method on your website, including their payment credentials and completes a purchase through it, you can see it as well.
  • Facebook Pixel also shows you whenever someone adds a product frm your website to their cart. Even if they don’t end up purchasing it, you know that they are interested, and you can retarget them more accurately later so the ad meets their needs next time.
  • If someone adds an item from your shop to their wishlist, it also can be used as a data to retarget the ads in a proper way to them. You can also see this on Facebook Pixel data.
  • Whenever a visitor begins the checkout process, Facebook shows you that they are going to buy something from your website. This might not mean that they finished the process.
  • Pixel shows you when someone searches your website to find specific data. This is also valuable to know if your visitors are interested in your content.
  • Facebook Pixel allows you to see if a visitor lands on a page from your website, not necessarily the landing page or the page where you would expect them to. In that case, you can analyze how and why someone may be interested in that content.

  • It also includes data about the time when a person tries to contact your business through your contact page.
  • Only choosing a product might not help you understand the visitor’s interests. Facebook Pixel allows you to see when a person chooses a specific setting or option on a product. For example, if the viewer opts for a different color or a different size. Therefore, you can know even more about them, such as their favorite color or their size and age for future retargeting purposes.
  • Donating is also something that Facebook Pixel reports. If someone likes your content and makes a donation, you can retarget them later because they are obviously interested in your content.
  • Besides contacting your business through email or phone number, if a user looks up your business location, you will also be alerted through Facebook Pixel. This is the case with appointments, as well. If someone makes an appointment, you will know too.
  • If someone applies for your programs or services, such as a new update, a credit card, or other type of applications, you will know through Facebook Pixel. This is valuable because you want them to come back later, and you want to have more ways to notify them when you actually launch your product or service.
  • Facebook Pixel also shows you when someone has subscribed to your services.
  • You can also add more details to Facebook Pixel such as the currency preferred by your visitors or the content-type in which they are interested.

There is another setting in Facebook Pixel that you might have been faced with so far, the Automatic Advanced Matching. This option helps you know whether your audience on Facebook have visited your business, or whether your visitors are on Facebook, so you can retarget them easier later on. This data might include the visitor’s email, gender, name, number, location, or date of birth. You can toggle this option on if you want even more conversions.

Do you have an E-commerce website?
2 votes
Yes — 50% No — 50%


In this article, we have gone through the step-by-step process of adding Facebook Pixel code or ID to different website builders. Keep in mind that this is obviously not the only way, and you don’t necessarily have to manually copy and paste the code. You can also use Facebook Pixel’s automatic help to connect to different website builders and follow their instructions to add your Facebook Pixel to your website.

It is also worth mentioning that since Facebook has updated its UI and Meta has come to existence, things have changed a lot, and definitely some solutions that worked before don’t work anymore. Some of the options are not even there anymore, and many of the existing tutorials have outdated instructions. This is because of the constant updates of the Meta platform and the simplification of functions on the website. Therefore, the current instructions on this article are currently as up-to-date as they can be. Thank you for reading this article, and we hope you can run powerful ad campaigns using these tips.

How do you like the article?