Skip to main content
Version: Divi 5

Quick start

Goal​

Create a simple contact form using the Form module in the Divi 5 Visual Builder: add the module, choose a form type, add fields, configure basic email settings, and save.

Prerequisites​

  • Divi Form Builder installed and activated for Divi 5
  • A page you can edit in the Divi 5 Visual Builder
  • A destination email inbox you can access for testing form notifications

Steps​

Step 1: Open the page in the Divi 5 Visual Builder​

  1. In WordPress, open the page where you want the form.
  2. Click Edit with Divi or use Divi > Visual Builder to open the Divi 5 Visual Builder.

Step 2: Add the Form module​

  1. Add a section or row, or use an existing one.
  2. Click the + to add a module.
  3. Search for Form or find it under Divi Engine or Form Builder.
  4. Click Form to insert the module.

Step 3: Choose form type​

  1. Open the Form module settings (click the module or use the sidebar).
  2. In Content (or Form settings), set Form Type to Contact Form or Custom Form based on your use case.

Step 4: Add and configure fields​

If you chose Contact Form: add the fields you need (for example, Text for name, Email, and Textarea for message), then set labels and required/optional behavior in the form content settings.

If you chose Custom Form:

  1. In the form content area, add field items (e.g. Text for name, Email, Textarea for message).
  2. Set labels and mark required fields as needed.

Step 5: Configure basic email settings​

  1. In the Form module settings, find the Email or Notifications section.
  2. Set the Recipient email address (e.g. your site admin or a specific address).
  3. Set the Subject line for the submission email (e.g. "Contact form submission").
  4. Set the Success Message so users can confirm submission immediately.
  5. Save any other email options you want (e.g. reply-to).

Step 6: Save the layout​

  1. Click Save in the Visual Builder (or Save in the bottom bar).
  2. Exit the Visual Builder or preview the page.

Step 7: Verify the form​

  1. View the page on the front end (not in the builder).
  2. Fill out the form and submit it.
  3. Confirm that the success message appears and that the recipient receives the email (check inbox and spam).
  4. If you set a redirect, confirm the redirect works after submit.

Quick validation checklist​

Use this checklist before moving on to advanced docs:

  • Submission works: The form submits without front-end errors.
  • User feedback works: You see the success message or redirect.
  • Notification works: The recipient inbox receives the submission email.
  • Required fields work: Empty required fields show a clear validation message.

If something fails​

  • If submissions do not send email, check your form recipient settings and your site email delivery setup.
  • If the form submits but post creation or advanced actions fail, continue with Form types to confirm the selected workflow requirements.
  • For common issues, use the FAQ.

What's Next​

  • Form types - Choose the right workflow (contact, custom, post, registration, login).
  • Field types - Add and validate the right field controls.
  • Features - Configure redirects, spam protection, multistep, AI, and payments.