What options are available to track which page a contact form submission came from when using Webflow's symbol feature?
Published on
September 22, 2023
To track which page a contact form submission came from when using Webflow's symbol feature, you have a few options. Here are some strategies you can implement:
- Utilize hidden fields in your form:
- Add a hidden field to your contact form and populate it with the URL of the page where the form is placed.
- In Webflow, you can add a hidden field by selecting the form element, going to the Settings panel, and adding a new text field with "Hidden" checked.
- Use JavaScript code to dynamically populate the hidden field with the page URL each time the form is loaded.
- Include UTM parameters in the page URLs:
- UTM parameters are tags added to the end of a URL to track campaign information.
- Append UTM parameters to the URL of each of your pages where the contact form appears. For example, you can add '?utm_source=homepage' to the homepage URL and '?utm_source=blog' to the blog page URL.
- When a user submits the contact form, the UTM parameters will be included in the form data, allowing you to identify which page the form submission came from.
- Implement Google Analytics event tracking:
- If you have Google Analytics set up on your website, you can use event tracking to capture the form submission and associated page information.
- Add an event tracking code to your form submission button or form submit event. When the user submits the form, the event will be triggered and the associated page information can be recorded in Google Analytics.
By implementing one or more of these options, you can easily track which page a contact form submission came from when using Webflow's symbol feature.
Additional Questions:
- How do I add a hidden field to a contact form in Webflow?
- What are UTM parameters and how can they be used to track form submissions in Webflow?
- Can I use third-party analytics tools to track form submissions in Webflow?