Skip to main content
All CollectionsTracking
How to pass UTM parameters using hidden fields in the form?
How to pass UTM parameters using hidden fields in the form?

Pass UTM parameters using hidden fields in the form

siddarth avatar
Written by siddarth
Updated over 2 years ago

UTM (Urchin Tracking Module) parameters are tags that are added to the end of a URL that allows tracking of the sources and campaigns that drive traffic to a website. They provide a way to track the performance of specific campaigns, sources, and individual pieces of content, such as links in an email or social media post.

UTM parameters consist of five parameters:

1) source

2) medium

3) campaign

4) term

5) content

The hidden fields let you capture and submit data without input from the user. It is basically used to capture the source, medium, or campaign that led to forming submission.

Let's get started with the steps involved in adding a hidden field to your form

  1. To add a hidden input field, click the form and then add a new field.

2. Select the hidden input fields in the form.

3. Add a hidden input to the form field, in the "label" field you can add the name of the hidden form field which will be displayed in the leads tab.

4. In the "value" field, you can set the value of the hidden input. A hidden input element is not displayed to the user, but its value is sent to the server when the form is submitted along with the leads data.

5. In the hidden input field, you will find a toggle called "Load from URL". When the toggle is enabled, this will capture the UTM parameter values from the URL, load it in the hidden input field and send it via webhooks.

6. The "Name" attribute is used to identify the field and its value when the form is submitted. By default, the value of the "name attribute" is generated automatically by the web browser.

Setting up your UTM parameter:

For example: When you share your page in social media platforms.

Suppose your page URL is https://www.example.com.

If you are sharing in Facebook, then make sure the URL is https://www.example.com?utm_source=facebook. Similarly, it applies for twitter as well, make sure the URL is https://www.example.com?utm_source=twitter.

Now, when the user click the URL and submit the form in your landing page, you will have a source field from where the lead came from.

Did this answer your question?