Setting Up Facebook Pixel on Shopify, WordPress & WooCommerce

Prerequisites and Facebook Pixel Basics

Before we dive into platform-specific instructions, let's make sure you have everything you need and understand what Facebook Pixel actually does.

Facebook Pixel is a piece of JavaScript code that you install on your website to track visitor actions. It enables you to:

• Track conversions from your Facebook ads
• Build audiences for retargeting campaigns
• Optimize ad delivery for people more likely to convert
• Measure cross-device customer journeys

The Pixel fires "events" when visitors take specific actions like viewing a product, adding to cart, or making a purchase.

Before starting installation:

• ✅ Facebook Business Manager account with admin access
• ✅ Facebook Pixel created (we'll cover this if you haven't done it)
• ✅ Admin access to your website platform
• ✅ 20-45 minutes depending on platform and experience level
• ✅ Facebook Pixel Helper browser extension for testing (Chrome/Edge)

Important: Create a separate Pixel for each distinct website domain. Don't share Pixels across different businesses or domains, as this complicates iOS 14+ Aggregated Event Measurement configuration.

Now let's get platform-specific.

Setting Up Facebook Pixel on Shopify

Shopify makes Facebook Pixel installation incredibly easy with built-in integration. No plugins, no code editing—just a few clicks.

Method 1: Shopify's Native Facebook Channel (Recommended)

This is the official, most reliable method:

• In your Shopify admin, go to Sales Channels > Add Channel
• Search for "Facebook & Instagram"
• Click Add Channel

• Click Set Up in the Facebook & Instagram channel
• Log in to your Facebook account
• Select your Facebook Business Manager
• Choose your Facebook Page

• When prompted, select your existing Pixel or create a new one
• Grant permissions to Shopify
• Shopify will automatically install the Pixel on all pages

• In the Facebook channel settings, enable Maximum data sharing
• This ensures all standard events are tracked automatically
• Choose your data sharing level based on your privacy policy

Method 2: Manual Pixel Installation (For Advanced Users)

If you want more control or need to use Shopify Plus features:

• Go to Online Store > Themes
• Click Actions > Edit Code
• Find the theme.liquid file

• Copy your Pixel base code from Events Manager
• Paste it right after the opening tag
• Save the file

• Create a new snippet file: facebook-pixel-events.liquid
• Add event code specific to page types
• Include this snippet in appropriate template files

• Checkout Pages: On Shopify Basic/Standard, you can't edit checkout pages directly. Use the Facebook channel for complete tracking.
• Shopify Plus: Access to checkout.liquid allows custom event parameters
• Customer Data: Shopify automatically sends hashed customer email for better attribution
• Dynamic Ads: Product catalogs sync automatically when using Facebook channel

Pro Tip: Use Shopify's Facebook channel even if you manually install Pixel code. The channel handles Conversions API automatically, giving you server-side tracking without extra setup.

Installing Pixel on WordPress (Non-WooCommerce)

For WordPress sites without WooCommerce (blogs, portfolios, service sites, lead generation), you have several installation options.

Method 1: Using Official Meta Pixel Plugin

The Meta Pixel for WordPress plugin is the official solution:

• Go to Plugins > Add New
• Search for "Meta Pixel for WordPress"
• Install and activate the plugin by Meta (Facebook)

• Go to Settings > Meta Pixel
• Enter your Pixel ID
• Click Save Changes

• PageView on all pages
• ViewContent on posts/pages
• Lead (if Contact Form 7 or similar forms detected)

• Enable Automatic Advanced Matching for better attribution
• Configure Event Parameters for specific page types
• Set up Custom Conversions for goal pages

Method 2: Using Insert Headers and Footers Plugin

For simple installations without extra features:

• Install Insert Headers and Footers by WPBeginner
• Activate the plugin

• Go to Settings > Insert Headers and Footers
• Paste your Facebook Pixel base code in Scripts in Header
• Click Save

• Create custom events using JavaScript
• Place event code on specific thank you pages
• Use conditional logic for targeted event firing

Method 3: Using Google Tag Manager

GTM provides the most flexibility and is ideal for managing multiple tracking codes:

• Create Google Tag Manager account and container
• Install Google Tag Manager for WordPress plugin
• Enter your GTM container ID

• In GTM, create new tag: Custom HTML
• Paste your Pixel base code
• Set trigger to All Pages
• Publish container

• Create new tag with event code
• Set appropriate trigger (form submission, button click, thank you page)
• Test using GTM Preview mode
• Publish when verified

Best Practice: If you plan to add e-commerce later or manage multiple tracking scripts, start with Google Tag Manager from day one. It's more complex initially but much more powerful long-term.

Complete WooCommerce Pixel Configuration

WooCommerce requires more sophisticated setup since you're tracking the complete e-commerce funnel. Let's cover the most reliable methods.

Method 1: PixelYourSite Plugin (Most Popular)

• Go to Plugins > Add New
• Search for "PixelYourSite"
• Install and activate PixelYourSite by PixelYourSite

• Go to PixelYourSite > Facebook Pixel
• Click Add Pixel
• Enter your Pixel ID
• Enable the Pixel

• ✅ PageView
• ✅ ViewContent (product pages)
• ✅ AddToCart
• ✅ InitiateCheckout
• ✅ Purchase (with order value)

• Conversions API integration (server-side tracking)
• Dynamic ads parameters (product IDs, categories)
• Advanced matching (customer email hashing)
• Custom events and parameters
• Event deduplication

• Under Facebook Pixel Settings
• Toggle Enable Automatic Advanced Matching
• This sends hashed customer data for better attribution

• Under WooCommerce Integration
• Choose Purchase event on Order Received page
• Enable Value & Currency tracking
• Set Include Tax and Include Shipping based on preference

Method 2: Official Facebook for WooCommerce Plugin

Facebook's official plugin is solid but more basic:

• Install Facebook for WooCommerce by Facebook
• Activate the plugin

• Go to Marketing > Facebook
• Click Get Started
• Log in to Facebook Business Manager
• Select your Business, Page, and Pixel

• Choose whether to sync products to Facebook Catalog
• Select product sync settings
• Enable inventory sync for dynamic ads

• No additional setup needed
• Sends purchase events from server
• Improves attribution accuracy

Method 3: Manual Code Installation with WooCommerce Hooks

For developers who want complete control:

add_action('wp_head', 'add_facebook_pixel_base');
function add_facebook_pixel_base() {
    if (!is_admin()) {
        ?>
        
        
        
        

add_action('woocommerce_after_single_product', 'track_product_view');
function track_product_view() {
    global $product;
    ?>
    
    

add_action('woocommerce_after_add_to_cart_button', 'track_add_to_cart_event');
function track_add_to_cart_event() {
    global $product;
    ?>
    
    

add_action('woocommerce_thankyou', 'track_purchase_event');
function track_purchase_event($order_id) {
    if (!$order_id) return;
    $order = wc_get_order($order_id);
    ?>
    
    }

Testing and Verifying Your Pixel Installation

Common Issues and Troubleshooting