How to Set Up SMTP to Get Email Confirmation Securely from Elementor Form?

Are your Elementor form emails going to spam, or not arriving at all?

WordPress sends email with PHP mail by default, and many hosts do not deliver it reliably. Sending through Gmail SMTP fixes that. This guide sets it up with the free Nexter Extension plugin, then connects the Form widget from The Plus Addons for Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Form widget, click here.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Before You Start

• Edition: Free — works in the free plugin and in Pro. The Email action is in both editions.
• Widget to enable: Form, switched on under The Plus Addons > Widgets.
• The free Nexter Extension plugin, installed and activated.
• A Google account you can use to create a Google Cloud project.

Turn On SMTP Email in Nexter Extension

1. In your WordPress dashboard, go to Nexter Extension > Utilities.
2. Find SMTP Email, switch it on and click the gear icon.

3. In the SMTP Email pop-up, open the Gmail SMTP tab. It asks for a Client ID and a Client Secret, which you create next.

Create a Google Cloud Project

1. Sign in to your Google account and open the Google Cloud console.
2. Click the project picker and choose New Project (or Create Project if you have none).

3. Enter a project name and click Create.

4. When the notification appears, click Select Project to switch to it.

5. Open Library from the left sidebar.

6. Search for “Gmail API”, open it and click Enable.

Set Up the OAuth Consent Screen

1. Click OAuth consent screen in the left sidebar.

2. Click Get Started.

3. Enter the app name and user support email, then click Next.

4. Set Audience to External and click Next.

5. Add a contact email address and click Next.

6. Accept the Google API Services User Data Policy, click Continue and then Create.

Create the OAuth Client

1. Click Create OAuth client.

2. Set Application type to Web application. You can keep the name.
3. Under Authorised JavaScript origins, click Add URI and enter your site URL, for example https://www.yourwebsite.com.
4. Under Authorised redirect URIs, click Add URI and paste the Redirect URI shown in the Nexter Extension SMTP pop-up.
5. Click Create.

6. Google shows the Client ID. Click OK.

7. Click your client name in the list.

8. Copy the Client ID and Client Secret.

Connect Gmail in Nexter Extension

1. Back in the Nexter Extension SMTP pop-up, paste the Client ID and Client Secret.
2. Enter a sender name in the From field.
3. Click Authorize with Gmail and choose the Gmail account you used for the Google Cloud project.

4. Google warns that it hasn’t verified the app. As the app owner, click Continue.

5. Click Continue again on the next screen.

6. Allow the requested permissions and click Continue.

7. The pop-up now shows that the app is authorized.

Send a Test Email

Enter an email address in the test field and click Send.

Check that the test email arrives in that inbox.

Set the Email Action in the Form Widget

1. Add the Form widget to your page and set up your fields.
2. In Content > Submit Actions, keep Email in Add Action.
3. Open Email Settings and enter the address that should receive submissions in To > Email Address.
4. Fill in From Email and From Name. If From Email is empty, the widget sends from [email protected].

For every Email setting, see how to receive a custom email from your form.

Limitations

• Each To, CC and BCC box takes one address. A comma-separated list is not accepted and the email goes to your site admin email instead.
• If From Email is empty, the email is sent from [email protected], which often fails or lands in spam. Always set it.

Troubleshooting

The test email works, but form emails don’t arrive

Check the Form widget’s To box holds a single valid address and From Email is set. Then send a form test and check the spam folder.

Related Docs

• Create a form with the Form widget
• Receive an email for every submission
• Send an auto reply to the visitor