Facebook / Meta Pixel
Connect your Meta Pixel to track conversions and retarget across Facebook, Instagram, and WhatsApp.
In this doc, we will:
What is a Facebook / Meta Pixel?
Power up your social media advertising with precise audience targeting and conversion tracking. Maximize your ad spend by understanding exactly how customers interact with your store, from first click to final purchase.
What is a Facebook / Meta Pixel?
Power up your social media advertising with precise audience targeting and conversion tracking. Maximize your ad spend by understanding exactly how customers interact with your store, from first click to final purchase.
What is a Facebook / Meta Pixel?
Power up your social media advertising with precise audience targeting and conversion tracking. Maximize your ad spend by understanding exactly how customers interact with your store, from first click to final purchase.
Purpose
Purpose
Purpose
Tracks user behavior across your Framer storefront
Tracks user behavior across your Framer storefront
Tracks user behavior across your Framer storefront
Enables ad retargeting and conversion tracking
Enables ad retargeting and conversion tracking
Enables ad retargeting and conversion tracking
Powers Facebook/Instagram ad optimization
Powers Facebook/Instagram ad optimization
Powers Facebook/Instagram ad optimization
Data overview
Data overview
Data overview
Key events
PageView
Triggers on any page load (set by global script)
ViewContent
Triggers on Product Display Page load (set by FC_ProductPurchaseButton)
AddToCart
Triggers on Add to Cart click (can be set by FC_ProductPurchaseButton, FC_ProductVariants, FC_ProductQuickAddButton)
RemoveFromCart
Triggered by FC_CartProductCard
InitiateCheckout
Triggers on Buy Now or Checkout event (set by FC_ProductPurchaseButton, FC_ProductVariants, FC_ProductQuickAddButton, FC_CartCheckoutButton, FC_ProductShopPayButton)
Checkout/Purchase
All checkout and purchase events are triggered by the Shopify app on the Shopify checkout screen
Key events
PageView
Triggers on any page load (set by global script)
ViewContent
Triggers on Product Display Page load (set by FC_ProductPurchaseButton)
AddToCart
Triggers on Add to Cart click (can be set by FC_ProductPurchaseButton, FC_ProductVariants, FC_ProductQuickAddButton)
RemoveFromCart
Triggered by FC_CartProductCard
InitiateCheckout
Triggers on Buy Now or Checkout event (set by FC_ProductPurchaseButton, FC_ProductVariants, FC_ProductQuickAddButton, FC_CartCheckoutButton, FC_ProductShopPayButton)
Checkout/Purchase
All checkout and purchase events are triggered by the Shopify app on the Shopify checkout screen
Key events
PageView
Triggers on any page load (set by global script)
ViewContent
Triggers on Product Display Page load (set by FC_ProductPurchaseButton)
AddToCart
Triggers on Add to Cart click (can be set by FC_ProductPurchaseButton, FC_ProductVariants, FC_ProductQuickAddButton)
RemoveFromCart
Triggered by FC_CartProductCard
InitiateCheckout
Triggers on Buy Now or Checkout event (set by FC_ProductPurchaseButton, FC_ProductVariants, FC_ProductQuickAddButton, FC_CartCheckoutButton, FC_ProductShopPayButton)
Checkout/Purchase
All checkout and purchase events are triggered by the Shopify app on the Shopify checkout screen
How to connect
How to connect
How to connect
Warning: Enter your Meta Pixel ID in the Framer Commerce Plugin only. Do not add the code snippet to your site's head - this may break the Shopify connection because of the <noscript> tag.
1
Install & configure the Meta Sales Channel on Shopify
This will allow you track the events that are only tracked by Shopify.
1
Install & configure the Meta Sales Channel on Shopify
This will allow you track the events that are only tracked by Shopify.
1
Install & configure the Meta Sales Channel on Shopify
This will allow you track the events that are only tracked by Shopify.
2
Open the Framer Commerce plugin and go to "Store Settings"
2
Open the Framer Commerce plugin and go to "Store Settings"
2
Open the Framer Commerce plugin and go to "Store Settings"
3
Paste in your Meta Pixel ID and hit "Save"
3
Paste in your Meta Pixel ID and hit "Save"
3
Paste in your Meta Pixel ID and hit "Save"
4
Make sure you have the ProductPurchaseButton on your Product Display Page (PDP) and nowhere else.
The purchase button is responsible for firing ViewContent trigger. For product listing or other pages, use the Quick Add button.
4
Make sure you have the ProductPurchaseButton on your Product Display Page (PDP) and nowhere else.
The purchase button is responsible for firing ViewContent trigger. For product listing or other pages, use the Quick Add button.
4
Make sure you have the ProductPurchaseButton on your Product Display Page (PDP) and nowhere else.
The purchase button is responsible for firing ViewContent trigger. For product listing or other pages, use the Quick Add button.
5
Publish your site
5
Publish your site
5
Publish your site
Remix OFFSIDE template for free
Just log into Framer to explore how Framer Commerce works, no extra signup.
Stay up to date
Be the first to hear about new templates, features, and offers.
Remix OFFSIDE template for free
Just log into Framer to explore how Framer Commerce works, no extra signup.
Stay up to date
Be the first to hear about new templates, features, and offers.
Remix OFFSIDE template for free
Just log into Framer to explore how Framer Commerce works, no extra signup.
Stay up to date
Be the first to hear about new templates, features, and offers.