How to Track Traffic using Otter Forms?

📝 Note: This feature is part of the Otter Pro plugin, which you can get from here. If you want to learn more about the Otter Forms, check this doc.

Using Otter Form blocks, you have access to multiple options, including building an  efficient traffic tracking system. This article presents an example of medium tracking using Forms.

Building the Tracker

1

Navigate to the desired  page and open it in the editor.

2

Add a form block and choose its layout (Contact or Subscribe).

3

Customize the form as you wish.

4

When everything is done, click on the Add Input Field button in the right sidebar.

5

Click on the  pencil icon to edit it.

6

From the Field Type dropdown, select Hidden.

7

Inside the Query Param textbox, place the utm_parameter (e.g. utm_medium) that has to be met in the page URL so that its value will be stored in the dashboard. 

8

Save the changes and click on View Page.

📝 Note: This field will not be visible to the users, but only to the admin, inside the dashboard.

📝 Note: Unlike the other form fields, this one cannot be required.

💡Result

When the URL contains the utm_parameter that you set inside the hidden field, here: utm_medium, and it has a certain value, here: referral, the value will be stored in Dashboard > Otter Blocks > Form Submissions.

URL with utm_parameters

Form Submissions in Otter Blocks

Submission with utm_parameter value

Submission without utm_parameter value

As you can see, the submissions that have a utm_medium in the URL will have an extra Hidden input that contains its value, whereas the submissions that don't contain the utm_parameter will not have the Hidden input, so the traffic cannot be properly identified.

📝 Note: If the utm_parameter is in the URL but doesn't have a value, the Hidden field will not appear.

If you want to add multiple utm_parameters, you can follow the steps above as many times as you want.

Submission with multiple utm_parameters

🎥Video - How To Track Traffic On Your Website Using Otter Form?