Skip to main content

Adding and Customizing the Input Field in Divi Form Builder

The Input Field in Divi Form Builder is a versatile field that allows users to input information into your form. This guide will walk you through the steps to add and customize the Input Field for your forms.

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.

Add Form Field

Step 2: Select Input 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 Input Field from the Type dropdown menu.

Input Field

Step 3: Customize Input Field

In additional to the styling features in the Design Tab, Divi Form Builder offers customization options for the Input 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. Required: Make the field mandatory for users to fill out.
  3. Autocomplete: Enable or disable autocomplete functionality.

Customize Input Field

Additional Tips

By following these steps, you can effectively add and customize the Input Field in Divi Form Builder, ensuring it meets the needs of your form and provides a seamless user experience. Take advantage of the various customization options to make your forms both functional and visually appealing.