Meta Pixel Tracking Setup for WooCommerce
Quick answer: Use the free container builder wizard to select Meta Pixel and your events, enter your tracking ID, then import the generated file into Google Tag Manager - no manual tag setup needed for any of the 23 events below.
Facebook/Instagram Pixel base code and standard events, generated as Custom HTML. This platform does not have a native GTM tag type, so the container wraps its base code in a Custom HTML tag.
Build my Meta Pixel container →
Events you can track
ecommerce events
- Meta Pixel Page View event setup
- Meta Pixel View Item event setup
- Meta Pixel View Item List event setup
- Meta Pixel Add to Cart event setup
- Meta Pixel Remove from Cart event setup
- Meta Pixel Begin Checkout event setup
- Meta Pixel Add Payment Info event setup
- Meta Pixel Purchase event setup
- Meta Pixel Refund event setup
- Meta Pixel Add to Wishlist event setup
- Meta Pixel Coupon Applied event setup
- Meta Pixel Search event setup
- Meta Pixel Login event setup
- Meta Pixel Sign Up event setup
engagement events
- Meta Pixel Form Submission event setup
- Meta Pixel Lead event setup
- Meta Pixel Phone Click event setup
- Meta Pixel WhatsApp Click event setup
- Meta Pixel Email Click event setup
- Meta Pixel Outbound Click event setup
- Meta Pixel Scroll event setup
- Meta Pixel File Download event setup
- Meta Pixel Calendly Booking Scheduled event setup
How the container is built
Page View uses GTM's native Page View trigger. The other 22 events each get their own Custom Event trigger, matched to a dataLayer.push({event: '...'}) call with the same name as the event key (e.g. purchase, add_to_cart) - every Meta Pixel tag is then wired to its matching trigger automatically.
For that reason, events other than Page View generally require your site to actually push the matching dataLayer event - the container listens for it rather than generating it. Use GTM's Preview mode after import to confirm each event fires as expected.
Requirements:
- A WooCommerce site with Google Tag Manager installed
- A Meta Pixel tracking ID/account to enter in the wizard
- A way to push dataLayer events for anything beyond Page View and the auto-detected form events above (a data layer/ecommerce tracking plugin, or custom code)
Frequently asked questions
What is Meta Pixel tracking for WooCommerce?
Facebook/Instagram Pixel base code and standard events, generated as Custom HTML.
Do I need to write code to set up Meta Pixel tracking?
No. The container builder wizard walks you through selecting events and entering your tracking ID, then generates a ready-to-import Google Tag Manager container JSON file - no manual tags, triggers, or variables to configure by hand.
How many Meta Pixel events can I track?
This guide covers 23 trackable events. The free tier lets you generate a container covering up to 3 events at once; unlocking full access covers all of them in a single container.
Does the generated container use a native GTM tag or Custom HTML?
Meta Pixel doesn't have a native GTM tag type, so the generated container wraps its base pixel/snippet in a Custom HTML tag configured to fire under the right triggers.
How do I import the container into Google Tag Manager?
In GTM: Admin > Import Container > choose the downloaded JSON file > select "Merge" into a new workspace. Verify everything fires correctly in Preview mode before publishing to your live container.
Does this work with GTM server-side tracking or Meta Pixel's Conversions API?
This builds a standard client-side (browser) GTM Web Container for Meta Pixel - it covers the events that fire from the customer's browser. If you're also running a GTM server-side container or Meta Pixel Conversions API to recover conversions lost to ad blockers, Safari ITP, and iOS App Tracking Transparency, the two set ups complement each other: this container still handles the client-side/browser-side events that feed into your server-side setup, it doesn't replace it.