Every time a customer submits a quote through your QuoteKit widget, you can fire a Lead event to your Meta Pixel. This guide shows you how to set it up in three steps. Works on WordPress, Wix, Squarespace, Webflow, Shopify, or any website that runs JavaScript.
QuoteKit runs inside an iframe on your page. When a customer successfully submits a quote, the widget sends a signal to the parent page called a postMessage event. Your page listens for this signal and fires your Meta Pixel Lead event in response.
No QuoteKit settings or API keys are needed. The same method is used by Stripe, Typeform, and Calendly for tracking across iframes. It works in every modern browser.
If you already have the Meta Pixel installed on your website, skip to Step 2.
If not, go to Meta Events Manager, select Data Sources, then Add, then Web, then Meta Pixel. Follow the setup wizard to get your Pixel ID and base code snippet.
For WordPress, the easiest way to install it is with a plugin such as PixelYourSite or Insert Headers and Footers. Paste the base code snippet into the site-wide header section so it loads on every page.
Add this snippet to your website. It does not need to be near your QuoteKit embed code, it just needs to be somewhere on the same page.
window.addEventListener('message', function(e) {
if (e.data && e.data.type === 'quotekit:lead_submitted') {
fbq('track', 'Lead');
}
});On WordPress, the easiest place is your site-wide footer using a plugin like WPCode or Insert Headers and Footers. This way it loads on every page automatically, covering both inline and popup widget embeds.
When a customer submits a quote, the widget fires the signal, this snippet catches it, and your Meta Pixel records a Lead event.
To confirm events are being received correctly:
If the event does not appear, the most common cause is the Meta Pixel base code not being installed on the same page as the listener snippet. Double check both are present.
If you are still having trouble, email us at support@nexadesign.io and we will get it working for you.
If you manage tracking through GTM, push to the dataLayer instead of calling fbq directly:
window.addEventListener('message', function(e) {
if (e.data && e.data.type === 'quotekit:lead_submitted') {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({ event: 'quotekit_lead_submitted' });
}
});In GTM, create a Custom Event trigger set to fire on quotekit_lead_submitted. Then attach your Meta Pixel, Google Ads conversion, or GA4 tags to that trigger. You can manage everything from GTM without touching your site code again.
Free to start. Pro from £29/month. 14-day money-back guarantee.
Start free