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.
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.
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.
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.
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.
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 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.
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.
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 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!
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.
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:
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.
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.