Designed and developed by Elegant Themes, Divi is a yet powerful drag-and-drop page builder for creating your WordPress website. It has numerous built-in useful features that allow you to customize your website, including giving you the ability to add a contact form to your website.
Out of the box, Divi offers a standard module that allows you to place contact forms anywhere on your WordPress website. You can add a customized form with many form fields such as text, checkboxes, dropdowns and radio buttons, with spam protection and redirect on submission capabilities too.
However, your Divi contact form may not send emails for various reasons. In this article, we’ll walk you through the solution to fix this issue. Before we begin, let’s look at how you can create a Divi contact form on your website.
How to create a Divi contact form
Contact forms are undoubtedly one of the most important elements for any business website. Not only do they help customers get in touch with your website for support, but these forms also help you screen new prospects and keep customers on your site.
You don’t need a plugin to display a contact form on your WordPress website. To accomplish this, you’ll first need to install the Divi Builder and set it up on your website.
Then add a new page or open an existing page. In the post editor, click the Use Divi Builder button and then click Use Visual Builder.
In the next step, click on the Plus (+) button and select the Contact Form module that you want to insert into your page.
Now it’s time to design your contact form. An attractive form always attracts the attention of users and increases the conversion rate better than a standard form. You can change the font of the text on the form, its color, the color of the button and even the spacing on the Design tab.
The Content tab is responsible for the appearance of the form. Here you have full control over the form elements, including text, images and icons. You can add new fields to the form or remove the standard fields.
There are a few other things you should keep in mind when creating the contact form.
- Title – Give your form a title, e.g. “Write for us”, “Newsletter”, “Support” etc.
- Success message – What users receive after successfully submitting the form, e.g. “Thank you for contacting us”
- Captcha – Enable this option to prevent bots from submitting forms automatically.
On the Advanced tab, you can apply custom CSS and HTML attributes.
Divi contact form does not send emails
We all know how important contact forms are on any website. However, your Divi contact forms don’t always work properly. One of the most common problems is that users’ data is not being sent to your inbox. Before you start solving this problem, you can investigate the possible causes of this issue.
Why Divi contact forms do not work
Below are some causes that prevent Divi contact forms from sending emails and are related to both server limitations and the PHP mail() function.
- wp_mail() function – WordPress uses PHP to send emails from your website, but the PHP mail() function cannot send bulk emails. Also, these emails are not authenticated, so they can be classified as spam.
- Server-side issues – Some hosting servers are not set up to properly configure the PHP mail() function. They may suddenly decide not to send emails for security reasons.
- Incorrect destination emails – Users sometimes enter the wrong email addresses. As a result, your system cannot send them emails. To avoid this, you should make sure that the destination email address is valid.
- Plugin conflicts – If you are using a third-party WordPress form plugin, there is a possibility that it conflicts with the default contact form feature.
How to solve the problem with the Divi contact form not sending emails
To resolve this issue, you will need the help of the SMTP plugin. Follow the 4-step guide below to use this plugin.
Step 1: Check the Divi contact form settings
Before you start troubleshooting, make sure your Divi contact form is set up correctly.
Start by opening the page that contains the contact form.
Next, click on the gear icon to open the page with the settings for the contact form On the “Content” tab, go to the “Email” option and enter the administrator’s email address
Finally, scroll down to the Spam protection section and activate the option Use a spam protection service, e.g. Google reCAPTCHA
Step 2: Install the SMTP plugin
With millions of users, WP Mail SMTP is the most popular SMTP (Simple Mail Transfer Protocol) plugin for WordPress sites. It helps you connect your website to an external email service to improve email deliverability.
In addition, WP Mail SMTP allows you to track emails sent from your WordPress website as well as open/click rates. It is also responsible for storing email attachments and exporting your logs.
The plugin offers you a free version that you can download from the WordPress repository. To get started:
- Log in to your WordPress admin dashboard and open Plugins → Add New
- Enter “WP Mail SMTP” in the keyword field
- Install and activate the plugin
- Find the plugin settings in the WP Mail SMTP section in your administration menu
- Check the sender email address. WordPress uses your administrator email address as the default sender email address, but you can easily change this.
- Enter the sender name
Step 3: Select a mailer service
If you use a mailer service to send emails from your website, Divi does not have to send emails itself, which prevents Divi from sending emails.
- Choose a mailer from the list
- Fill in the API key
- Save your settings
Step 4: Test the email
After all these settings, it is necessary to check that the email is working correctly.
- Go to the Email test tab
- Enter a sample email address in the Send to field
- Press Send email
WP Mail SMTP will now start checking the domain and you may receive 2 different messages indicating the status of your test email. If the message appears with a green label, your Divi form is working correctly. However if you see a message with a red label, there is definitely an issue in the email settings.
Conclusion
Divi also makes it easy for you to create and customize your contact forms through its Contact Form module. Sometimes your website doesn’t send emails due to server issues or PHP functions.
To fix this, you can use WP Mail SMTP. We’ve walked you through how to use WP Mail SMTP to solve the Divi contact form issue.
