Tassos Marinos Developer of Joomla Extensions

How to Track Form Conversions with Facebook Meta Pixel

Published in Convert Forms
Updated 07 Feb, 2023

Since there's no direct integration between Convert Forms and Facebook Meta Pixel, using Javascript is the only way to track form conversions. In detail, you will need to hook into the success event of the form and use the fbq() method provided by the Meta Pixel to send the conversion.

Requirements

The Pixel's base code must already be installed on every page where you want to track conversions.

Track Form Conversions with Meta Pixel

The following example tracks the Lead standard event of the form with id #1.

document.addEventListener('DOMContentLoaded', () => {
    const form = document.querySelector('#cf_1');

    // Listen to the success form event
    form.addEventListener('success', (event) => {

        // Send lead to Facebook Pixel
        fbq('track', 'Lead');
    });
})

Open the form builder, go to Design -> Advanced, and place the code into the Custom Code option.

References

Meta Pixel Standard Events

Meta Pixel Convesion Tracking