WordPress 如何在结账前，将访客跳转到会员登录/ 注册页面？

这是一篇「WordPress登入&注册 」页面导向教程，让顾客进入结帐页面前，自动跳转至会员登入&注册页面。

使用 WooCommerce 搭建电商平台，希望客户购买商品前，必须先成为会员（留下相关信息），才能完成结账流程。

但 WooCommerce 默认状态，是无法设定“ 访客进入结账页面前，强制跳转登录&注册页面”的。

因此，我们将使用 WooCommerce Force Authentification Before Checkout 插件，快速完成强制跳转 WordPress登录&注册页面功能。

此外，文章中还会额外分享另一款「 Login Signup Popup 」插件，帮助大家修改登入 / 注册表单样式！

话不多说，我们开始学习吧！

• 1. WooCommerce Force Authentification 是什么？
• 2. 安装+启用 WooCommerce Force Authentification
• 3. 登入+注册页面，导向测试
• 4. 后续补充教程
• 5. 修改登录 / 注册表单样式（额外共享）
• 常见问题

---

1. WooCommerce Force Authentification 是什么？

WooCommerce Force Authentification Before Checkout 可快速完成「进入结帐页面前，将访客强制导向至会员登入&注册页面 」功能。

在结账前让访客先进行登录/ 注册，变得很轻松简单，完全不需要代码设定，启用即可运作。

另外也能搭配社群登录插件串接，会更方便客户登录/ 注册会员，更多 FB&Google 社群登录功能。

还可配合其他 WordPress 表单设计插件，调整字段项目、定制样式设计，取代单调的默认模版。

如果有这方面的需求，那这款插件应该会帮助到你！

---

2. 安装+启用 WooCommerce Force Authentification

这章节，来进行 WooCommerce Force Authentification 插件安装+启用吧！

前往 WordPress 后台 > 安装插件，搜索 WooCommerce Force Authentification 插件，即可安装+启用。

此插件本身不需设定，即可直接实现「结帐前，将访客强制导向到 WordPress 登入&注册页面」，是不是很方便

---

3. 登入+注册页面，导向测试

完成插件安装+启用，即可享受插件自动导向的便利啰！

我们来通过实际测试，来检视插件成效。

使用访客模式（或开启无痕模式），前往网站，随机选购商品，前往购物车页面，点击结账。

发现被自动导向到 WordPress登入&注册页面~

---

4. 后续补充教程

启用插件后，也可分别在 WordPress 及 WooCommerce 进行后续设定，检查注册 / 登入选项，是否都有正常打开，比较算是一个完整流程。

WordPress 设置

前往 WordPress 设定 > 一般设定，勾选任何人均可注册，保存设置。 这样访客才能注册成为网站会员。

WooCommerce 设置

前往 WooCommerce 设置 > 帐号及隐私权，勾选「 允许客户在『 我的帐号』页面上创建帐号 」。

这样访客在 WooCommerce 默认的「 我的帐号 」页面，才会看到「 会员注册 」表格。

那么，以上就是完整的 WordPress 登入&注册页面，优先导向教程啦！

---

5. 修改登录 / 注册表单样式（额外共享）

如果觉得原本的表单样式过于单调，我们可以藉由 Login Signup Popup 插件，帮助我们修改登入&注册表单样式。

操作一样很容易上手，跟着下面的步骤，即可快速修改表单样式！

前往 WordPress 后台 > 安装插件 > 搜索「 Login Signup Popup 」插件，安装+启用。

前往登入&注册画面，会发现表单已经更新样式！

修改表单样式

除了样式调整，我们还能够使用 Login Signup Popup，变更按钮颜色。

前往 Login Signup Popup > Settings，点击 Style > 下滑找到 Form 区域，即可在此处，修改表单样式、按钮 / 文本颜色等 .. 细项。

这边我以修改切换按钮为例，调整你喜欢的色彩，储存设定。

接着依序调整设计，就可以到前端页面观看，发现登入&注册表单样式，修改成功

大家妥善运用 Login Signup Popup 插件，就能轻松修改登入&注册表单，变成自己喜欢的样式：）

---

常见问题

原文链接：https://www.itaoda.cn/blog/12043.html，转载请注明出处。