Hidden Field Element

Last Update: January 7, 2024

The Hidden Field Element is an advanced Element. You can use a hidden field to include unmodified data when a form is submitted. The content is hidden from the user completely, but can store a value that is sent along with the form. You could use JavaScript to identify the browser or page id, or many other things.

For privacy reasons YouTube needs your permission to be loaded.
I Accept

How To Use The Hidden Field Element

The Hidden Field Element allows you to include unmodified (and hidden) data when a form is submitted. To start, just add the element into your desired column in a Form Layout.

Go through the options to populate and configure your hidden field element. Add a field name, and a field value. for example, a JavaScript snippet.

Read below for a description of all element options.

Element Options

Location: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).

You can deploy as many individual Elements in your forms as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each instance of the Element independently, greatly enhancing your flexibility and creative options.

Field LabelEnter the label for the input field. This will not be visual, but is used for HubSpot matching.
Field NameEnter the field name. Please use only lowercase alphanumeric characters, dashes, and underscores.
Field ValueEnter the value to be set for this hidden field.
CSS ClassAdd a class for the form field.
CSS IDAdd an ID for the form field.

In this article