如何在WordPress网站配置Gmail SMTP服务(2023最新超详细)

文章目录

本文介绍如何在WordPress网站配置Gmail SMTP服务,本教程使用插件为免费的Post SMTP,邮箱推荐使用Gmail邮箱(Gmail的SMTP需要进行授权验证,安全系数相对更高一些)

第一步安装Post SMTP插件

在WordPress网站后台在线搜索安装Post SMTP插件

image 69 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

安装之后激活插件

image 70 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

允许更新和告警,然后会自动跳转到配置页面。插件安装已经完成

image 71 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

第二步配置邮箱服务

在配置页面中点击安装向导

image 72 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

输入名称和Gmail邮箱地址,然后点击下一步

image 73 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

自动获取到Gmail的SMTP服务地址,不需要修改,直接下一步即可

网站配置Gmail SMTP服务

选择Gmail API的链接方式

image 75 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

验证方式会自动切换成OAuth 2.0 (requires Client ID and Client Secret),这里的意思是通过OAuth 2.0验证需要客户端ID和密钥。这也是为什么推荐使用Gmail做验证的原因,安全系数会更好。

然后点击下一步

image 76 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

进入到Authentication页面

Authorized JavaScript originsAuthorized redirect URI提示的链接是我们申请Gmail OAuth 2.0服务需要用到的,在Google中申请到Gmail OAuth 2.0的客户端ID和密钥需要分别再填入Client IDClient Secret栏目中,才能进行下一步。

所以到这一步我们配置先暂停,去申请Google OAuth 2.0服务

image 77 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

第三步申请Gamail OAuth 2.0

用你的Gmail登录 Google云服务https://console.cloud.google.com/

如果你还没有项目,新建一个项目

image 78 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP
image 79 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

输入项目名称然后点击创建

image 80 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

创建完成之后,在创建的新项目下,选择API和服务

image 81 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

点击开启API和服务

image 82 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

找到Gmail API并点击

image 83 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

点击启用

image 84 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

在启用跳转页面中,找到【创建凭据】按钮,并点击

image 85 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

如果找不到就从左边的【凭据】菜单进入

image 86 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

然后再凭据页面找到【创建凭据】按钮并点击

image 87 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

在创建凭据下拉中选择【帮我选择】来创建

image 88 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

选择Gmail API,访问数据选择【用户数据】,点击下一步

image 89 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

填写应用名称(可以直接用网站域名),选择用户支持电子邮件(一般是你的Gmail邮箱),开发者联系信息(填写一个管理网站的相关电子邮件即可),点击保存并继续。

image 90 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

范围可以不用设置,直接点击【保存并继续即可】

image 91 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

在OAuth 客户端 ID设置中

应用类型:选择Web应用

名称:输入网站域名即可

已获授权的 JavaScript 来源:输入上文中Post SMTP配置中的Authorized JavaScript origins的内容

已获授权的重定向 URI :输入上文中Post SMTP配置中的Authorized redirect URI的内容

输入完成之后点击创建

image 92 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

完成之后你将看到客户端ID

image 93 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

点击左侧【凭据】菜单,可以进入已创建好的凭据列表

image 94 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP
点击你创建的凭据,查看凭据详细信息
image 95 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

复制客户端 ID和客户端密钥

image 96 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

Client ID将客户端 ID和客户端密钥和分别粘贴到网站后台Post SMTP设置的Client IDClient Secret栏目中

image 97 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

到这里我们Gmail的OAuth 设置还没有做完,目前我们创建的凭据还是测试版,我们需要发布这个凭据才可以真正使用,进入OAuth同意屏幕

image 98 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

选择创建的应用,然后点击【发布应用】按钮进行凭据发布

image 99 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

点击确认发布

image 100 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

发布完成之后应用凭据状态已经改成正式版。

image 101 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

第四步填写Gmail的OAuth服务凭证信息并继续配置Post SMTP

上文已经说过,将申请的Gmail API凭证Client ID将客户端 ID和客户端密钥和分别粘贴到网站后台Post SMTP设置的Client IDClient Secret栏目中

点击下一步继续

image 102 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

选择邮件发送失败消息提醒,收件邮箱用网站管理员或者手动修改一个你常用的(你也可以不设置,选择Disable即可)。

下面的是设置Google浏览器扩展来接受消息的,如果你不需要可以不配置。

点击下一步

image 103 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

提示完成,点击【Finish】按钮,返回Post SMTP主界面。

image 104 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

第五步授予Google权限

以上都完成之后,你还需要再进行一次Google授权,点击主界面中的Grant permission with Google

image 105 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP
在弹出框中点击你配置凭证的Gmail邮箱账号
image 106 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP
如果提示【未经Google验证】则点开高级,然后点击转至不安全的链接
image 107 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

在账号授权中点击继续

image 108 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

页面自动跳回到网站后台的Post SMTP主界面

image 109 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

第六步发送一封测试邮件

在Post SMTP主界面中点击Send a Test Email

image 110 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

输入一个你可以收到邮件的邮箱地址,点击下一步。

image 111 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

发送成功将提示如下信息

image 112 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

检查收件箱,你将收到一封来自网站发送的测试邮件如下。到这里网站SMTP服务配置已经完成。

image 113 - 如何在WordPress网站配置Gmail SMTP服务(2023最新超详细) - NUTSWP

接下来你再配置网站询盘表单时候,在表单设置的发送邮箱中填写你配置Post SMTP服务的Gmail邮箱即可,表单中的收件人邮箱设置成任意想要接受询盘提醒的邮箱地址。这样你网站收到的每一封询盘信息都可以转到你在表单中设置的收件人邮箱地址中。

推荐阅读:

如何使用Elementor制作外贸询盘表单?

Elementor表单添加Google免费的reCAPTCHA V3过滤垃圾询盘

推荐阅读

Wordfence安装激活及使用教程

本文介绍WP安全防护插件Wordfence安装激活及使用教程,Wordfence Security插件是一款全面的 WordPress 安全解决方案,可以实现登录安全,集中管理,双因素身份验证,恶意软

文章分类
WP建站技术交流群
建站咨询请联系企业微信
建站咨询购买主题插件模板
目录
站长自用主机推荐
优惠码:NUTSWP2023
前三个月享85折优惠
注册无需身份验证
点击下方LOGO注册【无需绑卡】免费试用3天
外贸建站服务
提供外贸建服务:模板建站、定制建站、小语种建站,通过微信联系咨询
建站咨询请联系企业微信