Welcome to Fouita Form Builder!

In this powerful form-building tool, we introduce you to a nifty feature known as "hidden inputs." Hidden inputs serve as a valuable addition to your forms, enabling the transmission of extra data for essential tracking purposes. With this functionality, you can seamlessly integrate additional information into your form submissions without compromising the user experience.

The primary purpose of hidden inputs is to gather and include data from URL parameters. This means that you can extract specific details from the URL and discreetly embed them within the form submission. By doing so, you can efficiently track the origin of submissions, user preferences, or any other pertinent data that aids in your data analysis and decision-making processes.

URL parameters are components added to the end of a URL, typically in the form of key-value pairs, separated by an ampersand (&). They are used to pass data from one web page to another or to the server. Here are some examples of URL parameters:

Tracking UTM Parameters:

- ?utm_source=google&utm_medium=cpc&utm_campaign=summer_sale

- ?utm_source=newsletter&utm_medium=email&utm_campaign=product_launch

User Identification:

- ?user_id=12345

- ?session_id=abcde12345

With Fouita Form Builder's hidden input feature, you gain enhanced control and insight into the interactions and engagements taking place through your forms. So, let's start utilizing hidden inputs to optimize your form's tracking capabilities and elevate your form-building experience to new heights!

First, We need to click on "Edit Form" to open the edit mode

Then we click "Add input" to add the new hidden input.

We click on "Hidden Input"

Then we click "Settings"

We update the name of the input and insert the URL parameter to collect.

We click "Close"

Then Click "Next" and create the widget

To test the widget all we need to get the URL from the embed options and try to add our parameter "utm_source"

Then we can see the data in our list of submissions:

We can also add integrations and send the data as any other input. To incorporate an integration into your widgets, simply navigate to the Integrations section for additional guidance.

That's it, we have covered all the hidden input essentials.