wordpress smtp server

How To Setup WordPress SMTP Server Using Gmail API In Flatsome WooCommerce Theme

Sometimes you may face trouble and get complaints from your users they are not getting emails for user registration, lost password, reset passwords, and product order emails. And even contact forms doesn’t allow to submit data from the user end. To solve this issue, I am going to explain how to setup WordPress STML Server in Flatsome based WooCommerce website.

Even, if you WordPress contact form 7, you get complain or face an issue like “WordPress Contact Form 7 not sending emails or Contact Form 7 -There was an error trying to send your message. Please try again“.

As you Flatsome WordPress theme comes included with Contact Form 7, you may notice the following error very often after submitting form.

WooCommerce Contact Form 7


You might be thinking why I’ll use SMTP server while there is built-in PHP mail function, right?

PHP mail function doesn’t work for various reasons. like hosting many of WordPress hosting provider limit the usage of this for preventing abuse and spam.

Especially, popular mail providers have a strong spam filter enabled which check and monitor if those are sent from the authentic mail server or not. Comparatively, WordPress default mail emails sometimes fail to check it. Consequently, either email drops or ends up in the spam folder.

Now, the question is what SMTP server, right?

Defining the SMTP server is elusive. In shorting SMTP (Simple Mail Transfer Protocol) Server is on application. The primary purpose of it to send, receive and reply outgoing mail between email senders and receivers.

If I say, that won’t be a lie. To assure proper authentication to increase email delivery, SMTP is the best solution instead of the PHP mail function.

How To Setup WordPress SMTP Server To Sending Emails

As you handle emails to get send for WooCommerce order notification, reset passwords, user registration, and contact form submissions. Your use Gmail SMTP service. It can easily use it to send out emails from Your WooCommerce WordPress website.

And connect Your WordPress website with Gmail SMTP. You have to install PostSMTP Mailer/Email Log aka PostMan plugin. So, let get’s started.

Step 1: Install PostM Plugin

Login to your WordPress Dashboard. And navigate to Plugins >> Add New. Search for “Post SMTP Mailer/Email Log.

Step 2: Activate Post SMTP Plugin

When plugin installation and activation is completed, a message will appear in the Dashboard to configure Post SMTP plugin. Click on Settings.

Or find the settings link underneath the plugin link.

Step 3: Run Start The Wizard

From the settings panel, click on “Start The Wizard” button, enter your name and email address in degenerated field. And press Next.

Step 4: Auto Resolve Gmail SMTP Server

In this step, system auto-resolve the Gmail SMTP server in few seconds. When it’s done, click the Next button.

Step 05: Run Connectivity Test And Connect to Mail Server

Here, Post SMTP plugin run connectivity test and recommends and select: SMTP-STARTTLS with OAuth 2.0 authentication to host smtp.gmail.com on port 587 automatically. Subsequently, you can see the following screen one after another.

Step 6: Client ID and Client Secret

You are on the Authentication screen now, you will need to input two parameters: Client ID and Client Secret. Now, you need Gmail STMP API details. But noted down, the Authorized JavaScript origins and Authorized redirect URI. You need to add this details in Gmail SMTP API fields.

Step 07: Create Gmail API in Google API Console

To get the Client ID and the Client Secret details, visit Google API Console using your Gmail account. When following screen appears, select Create Project and press Continue.

Step 08: Go To Google API Credentials

The project has been created and Gmail API is enabled. Now press Go to Credentials to add site details to your project.

Step 09: Add Credentials to Project

You don’t need to do anything on this screen. Only click on Client ID like the given screenshot.

Step 10: Configure Consent Screen

Now, it’s time to name your project, to continue press Configure consent screen button from the right.

Step 11: OAuth Consent Screen

Enter the Email address, Application name, and authorized domain link. and then Save. Note down your Application name. We’ll use the same name in step 13

Step 12: Create API Credentials

From Create credentials drop-down, select OAuth client ID.

Step 13: Create Client ID

You may not get the previous step 13, you may directly land here after step 11. Select Web application, name your app the same you named in step 11.

Get back your Post SMTP Setup Wizard. Copy Authorized JavaScript origins and Authorized redirect URI details we saw in step and paste them in the same field for Google Console API Project. Press Create to continue.

WordPress SMTP

Step 14: Collect Client ID and Client Secret

Now, Client ID and Client Select appears. Copy these codes and paste in Post SMTP field we left blank in Step 6.

Step 15: Grant permission with Google

Now get back to Post SMTP settings, select Grant permission with Google from Actions setting.

Step 16: Select Gmail Account

From the dialog box, select the Gmail account you want to use sending emails.

Step 17: Allow Permission For Post SMTP

Here your APP name would appear. It’s showing my app name in the dialog box. Approve the APP Name you used to send emails.

Step 18: Verify Post SMTP

To verify you configured everything correctly, just check that your status matches this one.

Step 19: Send a Test Email

In the final step, you can verify that everything is working as expected or not from using Send a Test Email option.

Step 22: Enter Destination Email

Check the following screenshot, it’s asking to enter  the destination email where you want to get testing email.

if everything is configured properly, you should get a report like this one.

Conclusion

Hopefully, you have found this tutorial titled “How to setup WooCommerce SMTP server using Gmail API helpful”. If you face any issue while setting up your SMTP server, let me know the comment. I’ll try to help you out.

If you need more tutorial like this, let me know the topic. I’ll try to write the next tutorial for you.