How can I track the source URL of form submissions in Webflow to determine whether users are coming from Facebook ads or Google ads, after adding UTM parameters to the ads?

Tracking the source URL of form submissions in Webflow is essential to determine if users are coming from platforms like Facebook ads or Google ads using UTM parameters.

​

1. Add UTM Parameters to Ads

• Add UTM parameters to the URLs in both your Facebook and Google ads.
• This typically includes parameters like utm_source, utm_medium, utm_campaign, etc.

​

2. Create a Hidden Field in Webflow Form

• Add a hidden form field to your Webflow form to capture the UTM data.
• Go to the Form block in Webflow Designer.
• Add a new field and set the type to Hidden.
• Name this field something like utm_source.

​

3. Use Custom Code to Populate Hidden Field

• Insert custom code in the Page Settings to automatically populate the hidden field with UTM parameters.
• The script should parse the URL and fill the hidden field.

​

4. Publish and Test

• Publish your site to ensure changes take effect.
• Test by clicking your ads and submitting the form to check if UTM parameters are captured properly.

​

Summary

Add UTM parameters to your ads, create hidden fields in your Webflow form to capture these parameters, and utilize custom script to fill these fields. Publish and test to ensure successful tracking of form submissions from distinct sources like Facebook or Google ads.