如何用修改WooCommerce的结账表单,Checkout Field Editor教程

Checkout Field Editor是一款简单好用的插件,允许你通过后台界面添加、编辑或删除结账字段(如添加生日、公司信息),支持拖拽排序、条件显示。无需代码,就能自定义标签、验证规则和 CSS 类。

非常适合新手,我们一起看看如何使用:

安装插件

登录WordPress后台——添加插件——搜索Checkout Field Editor,然后立即安装并启用。

如何用修改WooCommerce的结账表单,Checkout Field Editor教程 1

接着直接选择Get Started。

如何用修改WooCommerce的结账表单,Checkout Field Editor教程 2

然后在WooCommerce的下面出现了结账表单的选项,分为Billing Fields(帐单区块)
Shipping Fields(运送栏位)Additional Fields(附加栏位)

如何用修改WooCommerce的结账表单,Checkout Field Editor教程 3

下面的字段区域就分别对应结账页面的表单字段。

如何用修改WooCommerce的结账表单,Checkout Field Editor教程 4

参数修改

① 鼠标按住对应字段前面的三条横杠就可以随意拖拽字段的位置。

如何用修改WooCommerce的结账表单,Checkout Field Editor教程 5

② 点击对应字段后面的Edit可以修改字段的标签,提示文字,还有是否必填。

如何用修改WooCommerce的结账表单,Checkout Field Editor教程 6

③ 上面还可以添加新的字段,比如你还希望买家可以填写一些备注信息之类也是可以的。

如何用修改WooCommerce的结账表单,Checkout Field Editor教程 7

以上是关于结账表单(Billing Fields)的设置,后面的Shipping Fields和Additional Fields也是一样的修改方法。

修改完成之后记得保存,这样买家结账时填写的信息页都会自动保存到订单详情里面。

如何用修改WooCommerce的结账表单,Checkout Field Editor教程 8

© 文章版权归白小菌所有,🫰欢迎转发分享。未经允许请勿抄袭转载。

白小菌
白小菌

嗨,我是白小菌,一个热爱学习并分享的博主。喜欢把复杂内容拆解成简单易懂的步骤,与大家一起学习成长。 在这里,你会看到我分享的外贸,跨境电商,Wordpress建站,SEO、有用的工具技巧等。 如果你有任何疑问或想法,可以在博客任意文章下方留言。如果有更复杂的需求,也可以选择付费咨询,我会尽我所能帮你解决问题。

文章: 454

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注