如何个性化 WooCommerce 中的送货和账单地址部分?
已发表: 2018-09-14WooCommerce 送货和帐单地址部分是结帐中最重要的部分。 默认情况下它运行良好。 有时你需要更多的东西。 你不能改变它的工作方式和外观,或者......你可以吗? 我将在本文中教你如何按照你想要的方式自定义这些部分!
WooCommerce 运输和帐单地址部分
您的客户必须在下订单时提供他们的帐单详细信息。 有一个选项可以设置不同的送货地址。 客户需要在结帐页面上标记一个复选框。
默认情况下它工作得很好。 大多数情况下,无需更改该页面。 我猜你在这里是因为你需要更多的东西:)
您可以按照自己的方式个性化结帐页面:
- 将一些字段设置为不需要
- 禁用任何字段(例如,对于数字商品)
- 更改字段顺序
- 并添加您自己的自定义字段。
您需要一个简单的插件:灵活的结帐字段来做到这一点。 每天有超过70,000 家 WooCommerce 商店使用它。
观看此视频并亲自了解此插件在免费版本中可以为您提供什么:
灵活的结帐字段 WooCommerce
编辑、添加新的或隐藏结帐表单中不必要的字段。 这一切都与转换和更好的用户体验有关。
免费下载或访问 WordPress.org安装后,您可以配置 WooCommerce 送货和账单地址部分。 转到WooCommerce → 结帐字段。 您可以使用屏幕顶部的选项卡( Billing and Shipping )在它们之间切换:
如您所见,您可以轻松添加新字段或编辑部分。 您有以下选择:
- 启用字段
- 必填项目
- 标签
- 验证
“外观”、“显示开”和“高级”选项卡下还有更多功能。 你可以自己检查一下。 如果您想了解更多关于它们的信息,请继续阅读本文。
结帐字段配置
让我们看看配置选项。
必填字段
运送和账单地址部分的某些字段是必需的。 你可以很容易地改变它。 看:
如您所见,这些字段是可选的。 您还可以创建新的自定义字段并根据需要进行设置:
如何? 只需标记或取消标记必填字段选项:
阅读有关 WooCommerce Checkout 必填字段的更多信息
验证
您可以使用默认的 WooCommerce 验证或自定义验证。
验证非常有用:
如果您想向您的送货地址和账单地址部分添加验证,请使用我们的 WooCommerce 结帐验证指南 →
显示开启
您可以配置在哪里显示字段。 默认情况下,插件会在所有位置显示该字段:
- 谢谢页面
- 我的帐户页面 - 地址部分
- 我的帐户页面 - 订单部分
- 在电子邮件中
你可以改变它。 查看我们关于 WooCommerce 我的帐户自定义字段的指南 →
外貌
从 WooCommerce 运输和计费部分更改您的字段的外观。
为字段设置您自己的自定义类:
这样,您可以从此更改任何字段:
进入这个(或任何你想要的):
在我们的指南中阅读有关使用 CSS 设置自定义字段样式的更多信息 →
条件逻辑
您可以对送货地址和帐单地址部分实施条件逻辑。 想要一个例子吗? 看:
客户需要标记我想要发票复选框。 执行此操作后,会弹出新字段。
有很多场景可以使用条件逻辑。 您可以为字段设置条件逻辑...
...产品/类别...
...或选择的运输方式。
如您所见,您需要转到高级选项卡。 您会在其中找到所有选项。
了解有关 WooCommerce 结帐条件字段的更多信息 →
其他设置
灵活的结帐字段插件可让您将自定义字段添加到其他部分,例如:
- 订单备注
- 顾客信息
- 或登记表
好好利用它! 阅读我们关于自定义结帐页面的文章 →
WooCommerce 结帐字段编辑器
如您所见,灵活的结帐字段插件非常强大。 对于我们(开发人员)来说,这个插件是市场上最好的 :)
但不要只相信我们的话,全球 70,000 多家 WooCommerce 商店每天都在使用它。
我们经常在此插件中添加新功能或修复错误。 人们真的很感激!
该插件还利用了 WordPress 的外观和感觉,并且由于界面简洁,非常易于使用。
人们欣赏我们创造的东西:
您可以找到更多像上面这样的正面评价! 但是,您不必相信我的话。 您可以免费下载此插件并自行查看!
下载灵活的结帐字段 →
在 WooCommerce 电子邮件中自定义送货和账单地址部分
为了自定义 Woo 电子邮件模板中的运输和计费部分,您将需要一个名为 YayMail 的第三方插件。 您可以免费下载并在拖放式电子邮件构建器中设计电子邮件。
这个 WooCommerce 电子邮件定制器的高级版本支持灵活的结帐字段。 它有助于在订单电子邮件模板中显示您添加的自定义字段,并根据您的喜好本地化该部分。
内置设计选项可帮助您美化电子邮件,包括:
- 帐单标题
- 运输标题
- 字体系列
- 背景/框边框/文本颜色
概括
在这篇简短的文章中,我向您展示了自定义 WooCommerce 送货和账单地址部分的简单性。 你喜欢吗? 请在下面的评论部分告诉我。
到达此处后,您可能需要通过 WooCommerce 结帐配置的指南。 我们已经创建了一个很棒的关于 WooCommerce 结帐设置的指南 →