Bright Plugins 正在收购 WordPress 和 WooCommerce 插件。 联系我们
WordPress 教程

如何自定义 WooCommerce 的登录与注册表单?

How to Customize WooCommerce Login and Registration Form

如何自定义 WooCommerce 的登录与注册表单?如果你正在网上勤勉地做生意,那多半用的就是 WooCommerce。简单说,它是一款多年来越来越受欢迎的 WordPress 电商插件。学会自定义登录与注册表单,能把你的电商经营再往上带一层。

这篇由 Bright Plugins 整理的文章,就来说说具体怎么做。

用好 User Registration

想调整 WooCommerce 的登录以及更多环节?那不妨看看一款名为 User Registration 的插件。简单来说,它让你能做出简洁高效的注册与登录表单。它采用拖放式的操作方式,用起来毫不费力。即便不懂代码,这个界面也能帮你做成很多事,因为各种调整在这里都变得直观又省心。

上手也不难,装好之后就可以开始了。

User Registration WordPress Plugin

https://wpeverest.com/wordpress-plugins/user-registration/

添加额外字段

如果你决定用上面这款插件,就可以为现有的注册表单添加额外字段。先新建一个表单,点击「Fields」来安排配送和账单相关的字段。

为注册表单添加额外字段

替换默认表单

做好新的注册或登录表单之后,就可以把它换掉 WooCommerce 的默认表单。进入 Settings,点击 Accounts and Privacy,再到 Account Creation。勾选询问是否允许顾客自行创建账号的那一项,最后保存刚才所做的更改。

接着进入 Settings 并点击 WooCommerce,在这里选择要使用的注册表单。勾选「Check this option」以替换原本的注册与登录页面。这样你自制的 WooCommerce 注册与登录表单就出现了。

如果想单独查看注册页面,进入 User Registration 取出简码并复制即可。

替换默认表单

显示额外字段

用户注册新账号后会被直接带到「My Accounts」。进入 Account Details,就能看到与注册或登录页面相关的额外信息。

My Accounts 页面

在结账页启用账号注册

想让顾客更省事?做起来很快。你可以把自制的注册表单放到结账页面上。若要让顾客在结账过程中创建 WooCommerce 账号,进入 Settings,然后是 Accounts and Privacy,点击 Accounts Creation,并勾选「allow customers to create accounts during checkout」。

结账页面的 WooCommerce 账号注册

重新打磨设计

对于希望把注册与登录表单做成完全属于自己的人来说,User Registration 会带来实实在在的改变。借助名为 Style Customizer 的功能,你可以把注册表单的外观整个换掉。用起来也很轻松,拖放操作让你随时预览效果,一点时间都不浪费。

购买 Style Customizer 之后,你就能调整现有的 WooCommerce 表单,也可以从头做一个新的。接着点击 Form Designer 按钮,它是屏幕右下角一个很显眼的画笔图标。

随后自定义面板会顺利打开。在这里你可以调整注册与登录表单的各种设计元素:按钮、复选框、字段标签、表单外框等等。此外还有面向 CSS、提示文字和分区标题的额外选项可用。

调整完成后,记得马上保存。你在 Style Customizer 中所做的改动会立刻反映到 WooCommerce 的注册与登录表单上。对于想随时随地在自己网店里查看效果的人来说,这一点特别方便。

来我们的网站看看!

用 Style Customizer 打磨设计

https://wpeverest.com/wordpress-plugins/everest-forms/style-customizer/

为什么值得自定义 WooCommerce 注册表单

和大多数线上经营者一样,你有充分的理由去改造自己的注册表单。把登录环节调整好,很多事情都会变得简单,也能让愿意花时间逛你店铺的顾客更省心。

想改造登录及相关环节,理由不止一个。首先是字段选择偏少。默认的登录表单对想开账号的人来说字段是够用的,但如果你想加几个字段,却没法立刻做到。这时自定义就派上用场了。

WooCommerce 的注册与登录表单默认出现在同一个页面上。如果你希望它们各占一页,就得动手改造。发现无法为注册和登录分别建页面,确实让人有点憋闷;想突破这一点,可能就要写点代码了。

设计上也有一些限制。好在多数情况下,自定义完全可以把它们扭转过来。如果你觉得默认的注册与登录表单看着又笨重又乏味,自定义大概能救你于水火。WooCommerce 本身完全不允许你单独调整这些地方。若你一直遗憾无法自由使用边框、文字格式和颜色,这里就有解法。

话说回来,为什么要在注册与登录页面上花这么多功夫?因为这能为你带来更多顾客。它让你有理由留住看重的客户,也让每个人都能用上简单好懂的界面。对于想把网店做上一个台阶的经营者来说,这些细节至关重要。

在今天,网站是否好用至关重要。只要你有一点点怀疑自己的站点不够友好,就该立刻着手改进。哪怕只是把登录表单做得简洁一些,对易用性也大有裨益。为所有用户准备多种登录方式同样明智,因为选择能让人不至于手足无措,也能让下单和后续管理更利落。

需要更多电商方面的帮助,请联系 Bright Vessel

Subscribe to our newsletter

WooCommerce tips, plugin updates, and release notes. No spam.