Skip to main content
Version: Divi 5

Contact Form

Building a contact form in Divi 5​

Create a contact form with the Divi Form Builder Form module in the Divi 5 Visual Builder to capture names, emails, and messages from visitors.

When to use this form type​

Use Contact Form when you want:

  • Simple inquiries, support requests, or lead capture
  • Submission notifications sent to one or more email addresses
  • A standard form flow without user account creation or content creation

If you need to create posts or users, use a different form type from Form types.

Prerequisites​

  • Divi Form Builder active
  • A page built with the Divi 5 Visual Builder
  • A destination email address ready for notifications

Step 1: Add the Form module​

  1. Open the page in the Divi 5 Visual Builder.
  2. Insert a new module and choose Form from the Divi Form Builder section (or the module palette).
  3. Place the module where you want the contact form to appear.

Step 2: Define form settings​

  1. Select the Form module and open the Content tab.
  2. Set a Form Title and a unique Form ID.
  3. Set Form Type to the Contact option.
  4. Set Submit Button Text (e.g. "Send Message").

Step 3: Add form fields​

  1. In the Content tab, use Add New Form Field (or the fields list) to add fields.
  2. For each field set:
    • Field Title and Admin Title
    • A unique Field ID
    • Field Type (e.g. Input, Email, Textarea).
  3. Add at least one Email field and a Textarea for the message.

For field types and options, see Field types.

Step 4: Customize the contact form​

Use the Content and Design tabs to adjust behavior and appearance:

  • Form-wide: email recipients and subject, success/error messages, redirect after submit, spam protection (e.g. reCAPTCHA), and saving entries.
  • Per field: required/optional, placeholders, and conditional logic where supported.

Verify it works​

  1. Save the page and open it on the frontend.
  2. Submit a test entry with valid values.
  3. Confirm:
    • You see the success state or success message
    • The notification email arrives at the configured recipient
    • Required field and email validation messages appear when expected

Common setup mistakes​

  • Forgetting to include an Email field
  • Using duplicate Field ID values
  • Testing only in the builder without submitting from the frontend
  • Setting notification options but not confirming recipient inbox delivery

What's Next​