{"id":120739,"date":"2023-06-28T17:09:33","date_gmt":"2023-06-28T11:39:33","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&#038;p=120739"},"modified":"2023-06-29T15:17:47","modified_gmt":"2023-06-29T09:47:47","slug":"track-facebook-pixel-events-with-elementor","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/track-facebook-pixel-events-with-elementor\/","title":{"rendered":"How to Track Facebook Pixel Events With Elementor?"},"content":{"rendered":"\n<p>Do you want to track Facebook pixel events on your Elementor website? Facebook Pixel is a powerful tool that enables you to collect valuable data on user interactions and optimise your advertising campaigns. By integrating Facebook pixel with Elementor, you can effortlessly track and measure events such as page views, button clicks, form submissions, purchases, and more.<\/p>\n\n\n\n<p>With the Event Tracker extension of The Plus Addons for Elementor, you can easily track Facebook pixel events on your Elementor website.<\/p>\n\n\n\n<p><em>To check the complete feature overview documentation of The Plus Addons for Elementor Event Tracker extension, <a href=\"\/docs\/event-tracker-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a>.<\/em><\/p>\n\n\n\n<p><strong><em>Requirement&nbsp; &#8211; This extension is a part of The Plus Addons for Elementor, make sure it&#8217;s installed &amp; activated to enjoy all its powers.<\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/plus-extras\/conversion-event-tracker-in-elementor?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>To track Facebook events on your Elementor website, you must have Facebook pixels installed on your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create Facebook Pixels<\/h3>\n\n\n\n<p>Log into your Facebook account and follow the steps &#8211;&nbsp;<\/p>\n\n\n\n<p>1. Go to <a href=\"https:\/\/www.facebook.com\/events_manager2\" target=\"_blank\" rel=\"noreferrer noopener\">Events Manager<\/a>.<\/p>\n\n\n\n<p>2. Click on the <strong>+<\/strong> icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"301\" height=\"586\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-1.png\" alt=\"facebook create pixel 1\" class=\"wp-image-120741\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-1.png 301w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-1-154x300.png 154w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/figure>\n\n\n\n<p>3. Select <strong>Web<\/strong> and click on <strong>Connect<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"908\" height=\"399\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-2.png\" alt=\"facebook create pixel 2\" class=\"wp-image-120742\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-2.png 908w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-2-300x132.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-2-768x337.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-2-600x264.png 600w\" sizes=\"(max-width: 908px) 100vw, 908px\" \/><\/figure>\n\n\n\n<p>4. Add a name to your pixel and click the <strong>Create Pixel<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"620\" height=\"342\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-3.png\" alt=\"facebook create pixel 3\" class=\"wp-image-120743\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-3.png 620w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-3-300x165.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-3-600x331.png 600w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<p>5. Add your website URL and click on the <strong>Check<\/strong> button then click on the <strong>Next<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"303\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-4.png\" alt=\"facebook create pixel 4\" class=\"wp-image-120744\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-4.png 618w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-4-300x147.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-4-600x294.png 600w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/figure>\n\n\n\n<p>6. On the next screen you\u2019ll get your Facebook pixel id. The number mentioned below (excluding ID) your Pixel name is the pixel id. Copy the id and save it in a notepad.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"617\" height=\"613\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-5.png\" alt=\"facebook create pixel 5\" class=\"wp-image-120745\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-5.png 617w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-5-300x298.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-5-150x150.png 150w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-5-600x596.png 600w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-create-pixel-5-100x100.png 100w\" sizes=\"(max-width: 617px) 100vw, 617px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Install Facebook Pixel using The Plus Addons for Elementor<\/h3>\n\n\n\n<p>To install the Facebook pixel using The Plus Addons for Elementor follow the steps &#8211;&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: If you\u2019ve added Facebook pixels id on your website using any other method or plugin then you don\u2019t need to follow this step.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>1. Go to <strong>The Plus Settings<\/strong> &gt; <strong>Extra Options<\/strong>.<\/p>\n\n\n\n<p>2. Scroll down to the <strong>Facebook Pixel Id<\/strong> section and add the pixel id then click on the <strong>Save<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"914\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/add-facebook-pixel-id.png\" alt=\"add facebook pixel id\" class=\"wp-image-120747\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/add-facebook-pixel-id.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/add-facebook-pixel-id-300x143.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/add-facebook-pixel-id-1024x487.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/add-facebook-pixel-id-768x366.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/add-facebook-pixel-id-1536x731.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/add-facebook-pixel-id-600x286.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>Once you\u2019ve added your Facebook pixel id you can use buttons, forms or any custom links to track events. So, for instance, add a button widget on the page.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Track a Facebook PIXEL Event Button Clicks in Elementor\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/-Yh_caTUU5Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>1. Go to <strong>Advanced<\/strong> &gt; <strong>Plus Extras : Events Tracker<\/strong>.&nbsp;<\/p>\n\n\n\n<p>2. Turn on the <strong>Facebook Pixel<\/strong> toggle.<\/p>\n\n\n\n<p>3. In the <strong>Event Type<\/strong> dropdown, you\u2019ll find all the <a href=\"https:\/\/www.facebook.com\/business\/help\/402791146561655?id=1205376682832142\" target=\"_blank\" rel=\"noreferrer noopener\">standard Facebook events<\/a> along with the option to <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/track-custom-facebook-events-with-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">create and track custom Facebook events<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"831\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/event-tracker-add-facebook-event.gif\" alt=\"event tracker add facebook event\" class=\"wp-image-120813\"\/><\/figure>\n\n\n\n<p>Select the event you want to track. Let\u2019s suppose we want to track purchase events, so select Purchase from the dropdown.<\/p>\n\n\n\n<p>4. To check the event, install the <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/meta-pixel-helper\/fdgfkebogiimcoedlicjlajpkdmockpc\" target=\"_blank\" rel=\"noreferrer noopener\">Meta Pixel Helper<\/a> Chrome extension.&nbsp;<\/p>\n\n\n\n<p>5. Open the page in Chrome and then click the Meta Pixel Helper icon you\u2019ll see the default PageView event.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1913\" height=\"993\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-pageview-event.gif\" alt=\"facebook pageview event\" class=\"wp-image-120756\"\/><\/figure>\n\n\n\n<p>6. Then click the button and again click the Meta Pixel Helper icon. Now you\u2019ll see the Purchase event along with the PageView event.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"985\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/facebook-purchase-event.gif\" alt=\"facebook purchase event\" class=\"wp-image-120757\"\/><\/figure>\n\n\n\n<p>7. After a few minutes, you\u2019ll be able to see the event showing up in the Events Manager section on Facebook.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1499\" height=\"871\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/tracked-facebook-events-list.png\" alt=\"tracked facebook events list\" class=\"wp-image-120758\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/tracked-facebook-events-list.png 1499w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/tracked-facebook-events-list-300x174.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/tracked-facebook-events-list-1024x595.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/tracked-facebook-events-list-768x446.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/tracked-facebook-events-list-600x349.png 600w\" sizes=\"(max-width: 1499px) 100vw, 1499px\" \/><\/figure>\n\n\n\n<p>Also, read <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/track-google-analytics-events-with-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Track Google Analytics 4 Events With Elementor<\/a>.<\/p>\n","protected":false},"author":25,"featured_media":120759,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[568,525],"class_list":["post-120739","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-event-tracker","docs-plus-extras"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=120739"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120739\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/120759"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=120739"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=120739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}