Adding and Customizing the Hidden Field in Divi Form Builder

The Hidden Field in the Divi Form Builder module is designed to be included in the form without being visible to the user. This field can be used to pass hidden data along with form submissions.

Video

Step 1: Add Form Field

1. Navigate to the page with your form and open the Form Builder module.
2. Click on the Add New Field button to start adding a new form field.

Step 2: Select Hidden Field

1. Enter a descriptive Field Title for the field that users will see.
2. Enter a Admin Title for administrative purposes to help identify the field.
3. Assign a unique Field ID to the field for data handling.
4. Select Hidden Field from the Type dropdown menu.

Step 3: Customize Hidden Field

In addition to the styling features in the Design Tab, Divi Form Builder offers customization options for the Hidden Field HERE.

Field Options:

1. Add Form Builder Prefix to Field: Disable this option to directly input the field ID and Name. Only disable this option for specific cases, such as when using the form with Google Tag Manager.
2. Hidden Field Value: Set the value that you want to be hidden in this field. Options are:
   1. Page Name
   2. Page URL
   3. ACF Field
   4. Custom Text
   5. URL Parameter (matches Field ID) — Populate the field from a URL query parameter whose name matches this field’s Field ID.

Populating from URL parameters

When Hidden Field Value is set to URL Parameter (matches Field ID), the field value is taken from the current page’s query string. The query parameter name must match the hidden field’s Field ID.

Example: If the Field ID is campaign, a URL such as https://yoursite.com/landing/?campaign=summer will set the hidden field value to summer. The submitted form will then include that value.

Only hidden fields with Hidden Field Value set to URL Parameter (matches Field ID) use the query string. Other value types (Page Name, Page URL, ACF Field, Custom Text) are not overridden by URL parameters.

Additional Tips

By following these steps, you can effectively add and customize the Hidden Field in Divi Form Builder, ensuring it meets the needs of your form and enhances the functionality of your data collection processes. Utilize the customization options to integrate hidden data seamlessly into your forms.

What's Next

• Add Page Name & URL to Email — Use hidden fields to include page URL and title in email notifications
• Field Settings: Required Fields — Customize hidden field and other field options
• Email Notification — Configure where form data and hidden field values are sent