所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

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 是什么?

WordPress 登录了&注册页面导向插件

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

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

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

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

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


2. 安装+启用 WooCommerce Force Authentification

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

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

WordPress登录 :安装+启用 WordPress 登录了&注册页面导向插件
安装+启用 WordPress 登入&注册页面导向插件

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


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

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

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

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

前往购物车,进行结账

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

导向 WordPress 登入&注册页面成功~

4. 后续补充教程

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

WordPress 设置

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

WordPress 后台设定:勾选任何人均可注册选项

WooCommerce 设置

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

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

WooCommerce 设置:勾选“ 允许登录&创建帐号 ”相对应选项

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


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

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

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

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

WordPress登入:安装+启用 Login Signup Popup 插件
WordPress登入:安装+启用 Login Signup Popup 插件

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

登入&注册表单成功变换样式~

修改表单样式

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

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

WordPress登入:前往 Style 设置,修改 WordPress登入&注册表单样式
WordPress登入:前往 Style 设置,修改 WordPress登入&注册表单样式

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

修改表单文字 / 按钮对应色彩

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

修改登入&注册表单样式成功~

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


常见问题

如何让顾客结账前,强制导向登入&注册页面?

使用 WooCommerce Force Authentification Before Checkout 插件,即可快速完成「 结帐前,将访客强制导向到 WordPress 登入&注册表单 」功能。

插件使用方式很简单,安装+启用,无需任何操作 / 设定,立即运作功能。

能否设计登入&注册表单样式?

我们可使用 Login Signup Popup 插件,修改登录&注册表单。 更多 WordPress 表单插件推荐。

Login Signup Popup 功能,能够修改表单样式、文本 / 按钮颜色等 .. ,让 WordPress 登入&注册窗体,更贴近网页主视觉。

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

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板