Webflow Event Listener

Track how well your Webflow form converts and push this conversion data to your analytics suites or advertising platform, using Google Tag Manager and the Webflow for event listener code on this page.

How to track Webflow Form Submissions with google tag manager

To track Webflow form conversions in your analytics and advertising platform, you’ll need Google Tag Manager, and the Webflow form submits event listener javascript code.

Start by creating a custom HTML tag where you’ll paste the event listener code and fire it on pageview or DOM ready.

Create a custom event with the event name [formsubmit_event] 

the event happens only on successful submission of Webflow forms

Connect your marketing tags/pixel to this trigger, debug, test and publish once everything is okay.

To capture the form ID, create a dataLayer with the key [formID]

<script type="text/javascript">
$("form").submit(function(event) {
var formID = $(this).attr('id');
dataLayer.push({
'event': 'formsubmit_event',
'formID': formID
});
});
</script>

Video of how to use the listener

Related Event Listener

Convertflow

Seamlessly measure Convertflow users’ interactions and fire your marketing tags/pixels on conversions using this event listener.

ConvertKit Form

Easily measure Convert Kit form submissions conversions, using this event listener to trigger your marketing pixels and tags in GTM.

Podia

improve your measurement in Podia, by using this event listener to capture the user data and conversion actions such as the purchase of a course.

download the google tag manager recipe for tracking Webflow Form Submissions

we make you smarter with data

made with ❤️

The DumbData Team
Before you leave, try out these free tools.
FREE GA4 AUDIT TOOL & UTM AUDIT TOOL