Home / eCommerce / Meta Pixel – AddToCart Event
Duplicate Snippet

Embed Snippet on Your Site

Meta Pixel – AddToCart Event

Meta Pixel - AddToCart Event

Code Preview
php
<?php
// Track AddToCart event with Meta Pixel
add_action('wp_footer', 'voelgoed_meta_pixel_add_to_cart');
function voelgoed_meta_pixel_add_to_cart() {
    if (!function_exists('is_product')) return;
    
    // Only on product pages
    if (!is_product()) return;
    
    global $product;
    if (!$product) return;
    ?>
    <script>
    jQuery(document).ready(function($) {
        // Track AJAX add to cart
        $(document.body).on('added_to_cart', function(e, fragments, cart_hash, button) {
            var productId = button.data('product_id') || '<?php echo $product->get_id(); ?>';
            var productPrice = button.data('price') || <?php echo $product->get_price(); ?>;
            
            fbq('track', 'AddToCart', {
                content_ids: [String(productId)],
                content_type: 'product',
                value: parseFloat(productPrice),
                currency: 'ZAR'
            });
        });
        
        // Track regular add to cart button click
        $('form.cart').on('submit', function(e) {
            fbq('track', 'AddToCart', {
                content_ids: ['<?php echo $product->get_id(); ?>'],
                content_type: 'product',
                value: <?php echo $product->get_price(); ?>,
                currency: 'ZAR'
            });
        });
    });
    </script>
    <?php
}

Comments

Add a Comment