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?

To track the source URL of form submissions in Webflow (e.g., identifying users from Facebook Ads or Google Ads with UTM parameters), follow these steps.

1. Add UTM Parameters to Your Ad URLs

• When setting up Facebook or Google Ads, add UTM parameters to the destination URLs.
• Example:
• Facebook: https://yourwebsite.com/?utm_source=facebook&utm_medium=cpc&utm_campaign=summer_sale
• Google: https://yourwebsite.com/?utm_source=google&utm_medium=cpc&utm_campaign=summer_sale

2. Store UTM Parameters Using JavaScript

• Webflow forms do not natively capture URL parameters, so you need JavaScript to store them in a hidden form field.

• Add this script inside Settings > Custom Code > Footer to store UTMs in sessionStorage:

  ```js

  ```

3. Add Hidden Fields to Your Webflow Form

• Go to Webflow Designer > Select Your Form > Add Input Fields
• Set the input type to "Hidden" for each UTM parameter:
• utm_source
• utm_medium
• utm_campaign
• utm_term
• utm_content

4. Test Form Submission with UTM Parameters

• Open your site with a UTM-tagged URL, e.g., https://yourwebsite.com/?utm_source=facebook&utm_medium=cpc.
• Submit a form and check if the UTM values appear in the Webflow Form Submissions panel or your connected CRM.

5. Connect Webflow to Google Sheets or CRM (Optional)

• Use Zapier, Make.com, or a Webflow Logic flow to send form submissions (including stored UTM data) to Google Sheets or your CRM for easy tracking.

Summary

1. Add UTM parameters to your ad URLs.
2. Use JavaScript to store parameters in sessionStorage.
3. Create hidden fields in your Webflow form.
4. Ensure UTMs populate in submissions by testing a form.
5. Optionally, send data to Google Sheets or a CRM via Zapier.

With this setup, each form submission will include the original traffic source and campaign details for accurate ad performance tracking.