QuoteKit
Tracking and Analytics

Track Quote Submissions as Meta Pixel Lead Events

5 min readJuly 2026

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.

How it works

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.

1

Install the Meta Pixel base code

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.

2

Add the tracking listener

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.

JavaScript
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.

3

Verify in Meta Events Manager

To confirm events are being received correctly:

  1. 1Go to Meta Events Manager and select your pixel.
  2. 2Click Test Events in the left menu.
  3. 3Enter your website URL and click Open Website.
  4. 4Submit a test quote through the widget on your site.
  5. 5Back in Test Events, you should see a Lead event appear within a few seconds.

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.

Using Google Tag Manager instead

If you manage tracking through GTM, push to the dataLayer instead of calling fbq directly:

JavaScript
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.

Start capturing leads with QuoteKit

Free to start. Pro from £29/month. 14-day money-back guarantee.

Start free