### [How to Create a Divi Contact Form With WPForms](https://wpforms.com/how-to-create-a-divi-contact-form-with-wpforms/)

**Published:** July 23, 2021
**Author:** Hamza Shahid

**Excerpt:** Divi's built-in contact form module gets the job done for simple messages. But if you've tried adding file uploads, collecting payments, or even just storing submissions in your WordPress dashboard, you've probably run into its limitations.

Divi 5 brought real improvements to the form module, including conditional logic and better styling options. That said, the built-in form still lacks key features that most business websites need. There's no entry storage, payment processing, and even spam protection features are limited.

WPForms is a dedicated WordPress form builder that fills all of those gaps and plugs directly into Divi through a native module. You get a real drag-and-drop builder with AI form generation features, 2,100+ templates, and every form you create drops right into the Divi visual builder from a simple dropdown.

**Content:**

Divi’s built-in contact form module gets the job done for simple messages. But if you’ve tried adding file uploads, collecting payments, or even just storing submissions in your WordPress dashboard, you’ve probably run into its limitations.

Divi 5 brought real improvements to the form module, including conditional logic and better styling options. That said, the built-in form still lacks key features that most business websites need. There’s no entry storage, payment processing, and even spam protection features are limited.

WPForms is a dedicated WordPress form builder that fills all of those gaps and plugs directly into Divi through a native module. You get a real drag-and-drop builder with AI form generation features, 2,100+ templates, and every form you create drops right into the Divi visual builder from a simple dropdown.

[Create a Divi Contact Form with WPForms! 🙂](https://wpforms.com/pricing/)

## How to Create a Divi Contact Form With WPForms

Below, I’ll cover the key differences between Divi’s form module and WPForms, then walk through the full setup from installing the plugin to publishing your form on a Divi page.

I’ll also show you how to customize the form’s appearance using Divi’s design controls and explore some advanced form types you can build once everything is connected.

![add divi to contact page wpforms in wordpress](https://wpforms.com/wp-content/uploads/2021/07/add-divi-to-contact-page-wpforms-in-wordpress.gif)- [Step 1: Install the WPForms Plugin](#step-1-install-the-wpforms-plugin)
- [Step 2: Create Your Divi Contact Form](#step-2-create-your-divi-contact-form)
- [Step 3: Open the Divi Builder](#step-3-open-the-divi-builder)
- [Step 4: Pick Your Divi Contact Form Page Layout](#step-4-pick-your-divi-contact-form-page-layout)
- [Step 5: Insert the WPForms Divi Module](#step-5-insert-the-wpforms-divi-module)
- [Going Beyond a Contact Form](#going-beyond-a-contact-form)

### Why Use WPForms Instead of Divi’s Built-In Contact Form

Divi’s contact form module handles the basics well enough. You get text fields, email fields, dropdowns, and conditional logic if you’re on Divi 5. But the moment you need anything beyond collecting a name, email, and message, the limitations start to stack up.

There’s no way to accept file uploads, no built-in payment processing, and form submissions go straight to email with no way to view or manage them inside WordPress. Here’s a quick side-by-side comparison to show where the two options differ.

FeatureDivi Built-In FormWPFormsBasic contact fieldsYesYes[Smart conditional logic](https://wpforms.com/features/conditional-logic/)Divi 5 onlyAll paid plans[File upload field](https://wpforms.com/features/file-uploads/)NoBasic and abovePayment processingNoStripe, PayPal Commerce, Square (Pro)[Entry management dashboard](https://wpforms.com/features/entry-management/)No (entries go to email only)YesMulti-page formsNo (requires third-party plugin)Yes[Spam protection](https://wpforms.com/features/spam-protection/)Basic reCAPTCHAreCAPTCHA, hCaptcha, Turnstile, custom CAPTCHA, built-in anti-spamPre-built templatesBuild from scratch2,100+ form templatesAI Form BuilderNoYes (free, even in Lite)Form entries saved in WordPressNoYes

If a simple “Name, Email, Message” contact form is all you need, Divi’s module handles that fine on its own. But for anything more complex, WPForms covers all of those gaps in a single plugin instead of requiring you to bolt on three or four extras.

**What You’ll Need**

To follow this tutorial, you’ll need a WordPress website with the Divi theme installed. Both Divi 4 and Divi 5 work. You’ll also need the WPForms plugin.

WPForms Lite is free and covers basic contact forms. For advanced fields like file uploads, conditional logic, and entry management, grab WPForms Basic or higher.

### Step 1: Install the WPForms Plugin

WPForms is a drag-and-drop form builder made specifically for WordPress. It comes with [2,100+ form templates](https://wpforms.com/features/form-templates/ "2,100+ form templates") covering everything from contact forms and payment forms to surveys, registration forms, and calculator forms.

What I like most about WPForms for Divi sites is the native module integration. I’ve set up forms on both Divi and Elementor sites, and the Divi module is genuinely the smoother experience.

For a basic contact form, WPForms Lite (free) gets you started. If you need file uploads, conditional logic, or entry storage, go with the Pro plan.

[![The WPForms pricing page. ](https://wpforms.com/wp-content/uploads/2024/08/WPForms-Pricing-Page.png)](https://wpforms.com/pricing/)To get started, buy the [Pro license](https://wpforms.com/pricing/). Then, install WPForms on your website. If you need help, follow these instructions on [how to add a plugin to WordPress](http://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/).

[Upgrade to WPForms Pro Now! 🙂](https://wpforms.com/pricing/)

### Step 2: Create Your Divi Contact Form

With WPForms active, head to **WPForms » Add New** to create your first form. You have two ways to get started here. The traditional route is the template library, which loads with hundreds of pre-built forms organized by category.

![Add New Form](https://wpforms.com/wp-content/uploads/2018/07/wpforms-add-new-form-1024x509.png)Search for “Simple Contact Form” and click **Use Template** to get a clean starting point with Name, Email, and Comment/Message fields already in place.

![Simple contact form template](https://wpforms.com/wp-content/uploads/2020/10/simple-contact-form-template-1024x630.png)The faster option is the [AI form generator](https://wpforms.com/docs/generating-forms-with-wpforms-ai/ "AI form generator"), which allows you to describe what your form should do like “I need a contact form with name, email, phone, a dropdown for department, and a message field” and WPForms builds it for you.

![wpforms ai builder](https://wpforms.com/wp-content/uploads/2024/10/enter-prompt-field-1024x698.png)The AI also works for populating field choices. If you add a dropdown for “How did you hear about us?” and don’t feel like typing out all the options, AI Choices will generate a relevant list you can edit.

![Generate AI choices to use on a form](https://wpforms.com/wp-content/uploads/2024/11/GeneratedChoices-1024x577.png)Once you have your fields in place, the drag-and-drop builder lets you rearrange, rename, and configure everything visually. You can set fields as required, add placeholder text, adjust field sizes, and use conditional logic to show or hide fields based on what the visitor selects.

![Enable conditional logic for dropdown field](https://wpforms.com/wp-content/uploads/2023/09/Enable-conditional-logic-for-dropdown-field-1024x849.png)When your fields are ready, click the **Settings** tab to configure your [form notifications](https://wpforms.com/docs/setup-form-notification-wpforms/). This controls which email address receives submissions, what the notification email looks like.

Take a minute to check these settings before going live, because the default sends notifications to your WordPress admin email, which may not be the right inbox.

![notifications settings](https://wpforms.com/wp-content/uploads/2023/12/lead-form-notifications-settings-1024x782.png)One thing to keep in mind with WordPress email delivery. WordPress uses PHP’s built-in mail function by default, and a lot of hosting providers block or throttle it.

If you’ve had form submissions that never showed up in your inbox, that’s almost certainly the cause. The WP Mail SMTP plugin fixes this by routing your emails through an authenticated SMTP server.

I’d recommend setting it up before your form goes live, because troubleshooting missing emails after the fact is frustrating. Click **Save** in the top-right corner when everything looks good.

![save the form](https://wpforms.com/wp-content/uploads/2018/07/save-the-form-1024x487.png)### Step 3: Open the Divi Builder

Once you create your new Contact Page (or whichever page you want your contact form on), you’ll want to click on the **Edit With The Divi Builder** button to launch the Divi WordPress page creator.

![edit with the divi builder](https://wpforms.com/wp-content/uploads/2021/07/edit-with-the-divi-builder.png)If it’s an existing page, it might look a tad different. If so, simply click on the **Use Divi Builder** to launch it. Either one gets you into the same visual editor.

![use divi builder button for contact form](https://wpforms.com/wp-content/uploads/2020/10/Use-Divi-Builder-1.png)Once the builder is open, you’ll be asked about your page’s layout.

### Step 4: Pick Your Divi Contact Form Page Layout

Once the builder loads, click **Start Building** to open a blank canvas. Divi will prompt you to choose a row layout for your first section. I’d go with the single-column row here.

It gives the contact form full width and keeps the visitor’s attention focused on filling it out, rather than splitting the layout with other content that competes for attention.

![start building contact form with divi and wpforms](https://wpforms.com/wp-content/uploads/2021/07/start-building-contact-form-with-divi-and-wpforms.png)Next, you’ll see a blank page appear. This is your space to create! And, it’s how you’ll decide how you want your Divi page to look and where you want your WPForms contact form to be.

You’ll see a popup that asks which kind of layout (using rows) you’d like to add to your Divi page. For this post, let’s pick the 1st choice.

This will make the contact form be the only ‘object’ that goes into that row, so it gets lots of attention and people fill it out. Go ahead and select the first option (the single row) for your rows.

![Insert Single Row Divi](https://wpforms.com/wp-content/uploads/2020/10/Insert-Single-Row-Divi.png)Now, you’ll be invited to insert a module. Let’s get your awesome WPForms form in there next.

### Step 5: Insert the WPForms Divi Module

This step is extra easy because WPForms has its very own Divi integration and a contact form module! To add it, search for **WPForms** in the search box and then select the module that appears.

![pick wpforms module for divi page contact form](https://wpforms.com/wp-content/uploads/2020/10/Select-WPForms-Module.png)Under the **Content** tab, choose your contact form from the **Form** dropdown. This lists every form you’ve built in WPForms.

You can also toggle the form title and description on or off, though most people turn those off for a cleaner look on the page.

![wpforms module settings in divi](https://wpforms.com/wp-content/uploads/2021/07/wpforms-module-settings-in-divi.png)The form renders on the page immediately, so you can see exactly how it fits your layout before publishing. If everything looks right, click the green checkmark to save the module.

![Save contact form in Divi](https://wpforms.com/wp-content/uploads/2020/10/Save-form-in-Divi.png)Nice job, your contact form is embedded and ready. Now, you can publish it in the same way you publish any page in Divi. Click on the 3 dots at the bottom of the page builder to display some additional Divi settings.

![Save Options in Divi](https://wpforms.com/wp-content/uploads/2020/10/Save-Options-in-Divi.png)Next, select the **Publish** button to see it live. Your Divi contact form is live. Submissions will flow into both your notification email and the **WPForms » Entries** dashboard.

![wpforms entries preview](https://wpforms.com/wp-content/uploads/2021/09/wpforms-entries-preview-1024x456.png)This is where you can view, search, star, export, and manage every submission from inside WordPress. That alone is a major upgrade over Divi’s built-in form, which sends entries to email and then they’re gone.

![finished divi contact form](https://wpforms.com/wp-content/uploads/2020/07/finished-parfot-form-on-website.jpg)### Going Beyond a Contact Form

The WPForms Divi module works for any form type you build, not just contact forms. Once the plugin is installed and the module is available in Divi, here are some of the more popular form types that Divi users tend to set up.

#### Payment and order forms

You can [accept payments with Stripe](https://wpforms.com/features/stripe-payments/), PayPal Commerce, or Square directly from any form. I’ve seen freelancers use this for project deposit collection and small businesses use it for simple order forms with quantity selectors and coupon codes. If you’re running a Divi site for a service business, this is one of the most practical upgrades you can make.

![wpforms payments](https://wpforms.com/wp-content/uploads/2023/05/wpforms-payments-page-2-1024x737.png)#### File Upload Forms

WPForms includes a drag-and-drop [file upload form](https://wpforms.com/how-to-create-a-file-upload-form-in-wordpress/) field that supports multiple file types, live camera capture, configurable size limits, and automatic cloud storage syncing to Google Drive or Dropbox.

Divi’s built-in form has no file upload capability at all, which is one of the most common reasons Divi users end up looking for a separate form plugin in the first place.

![](https://wpforms.com/wp-content/uploads/2023/11/enable-camera-file-upload-field-1-1024x504.png)#### Multi-Step Lead Forms

Long forms with a dozen fields on one page tend to get abandoned. With [multi-step forms](https://wpforms.com/features/multi-page-forms/), you can split those fields across multiple pages with a progress bar so visitors see one manageable section at a time.

I put together a full guide on how to [create a multi-step form](https://wpforms.com/how-to-create-a-multi-part-form-in-wordpress/) with page breaks, progress indicators, and conditional page logic if you want to dig into the setup.

![Multi part form published](https://wpforms.com/wp-content/uploads/2018/07/multi-part-form-1024x667.png)#### Survey and Feedback Forms

WPForms Pro includes NPS scoring, Likert scale fields, and interactive survey reports that give you visual breakdowns of every response.

If you’re collecting customer feedback, running satisfaction surveys, or doing market research on a Divi-powered site, this replaces the need for a separate survey tool entirely.

![WPForms surveys and polls settings](https://wpforms.com/wp-content/uploads/2024/08/wpforms-surveys-and-polls-settings-1024x428.png)### FAQs About Divi Contact Forms

WPForms and Divi are a popular combination for building WordPress forms. Here are answers to the questions that come up most often about using them together.

#### Does WPForms work with Divi 5?

Yes. WPForms has a native Divi module that works with both Divi 4 and Divi 5. You search for WPForms in the Divi module library, select your form from a dropdown, and it embeds directly in the visual builder. Nothing extra is required for Divi 5 compatibility.

#### Is WPForms free for Divi?

WPForms Lite is completely free and includes the drag-and-drop builder, AI form generator, AI Choices, basic Stripe payments, and full Divi module integration.

You can build and embed a working contact form without spending anything. For advanced features like file uploads, conditional logic, entry management, and multi-page forms, paid plans start at $49.50/year.

#### Why is my Divi contact form not sending emails?

WordPress relies on PHP’s built-in mail function by default, and many hosting providers either block it, throttle it, or route it through servers that end up triggering spam filters on the receiving end.

Installing an SMTP plugin like [WP Mail SMTP](https://wpmailsmtp.com/divi-form-not-sending-email/) fixes this by sending your form emails through an authenticated mail server. That resolves the issue for both Divi’s built-in form and WPForms.

### Next, Take Your Divi Forms Further

Now that your Divi contact form is live, you might want to fine-tune how it looks on your site. Check out our guide on [how to style contact forms in WordPress](https://wpforms.com/how-to-style-contact-forms-in-wordpress/) for tips on matching your form’s design to your Divi theme’s colors, fonts, and spacing.

If you’d rather have your contact form appear as an overlay instead of sitting on a dedicated page, here’s how to [create a contact form popup in WordPress](https://wpforms.com/how-to-create-a-contact-form-popup-in-wordpress/). It keeps your pages clean while making the form accessible from any page on your site through a button or link trigger.

[Create Your Divi Contact Form Now](https://wpforms.com/pricing/)

Ready to build your form? Get started today with the easiest WordPress form builder plugin. [WPForms Pro](https://wpforms.com/pricing) includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on [Facebook](https://facebook.com/wpforms) and [Twitter](https://twitter.com/easywpforms) for more free WordPress tutorials and guides.

**Categories:** WordPress Tutorials

**Tags:** contact form, divi, form notifications, wordpress database

---