如何个性化 WooCommerce 中的送货和账单地址部分?

已发表: 2018-09-14

WooCommerce 送货和帐单地址部分是结帐中最重要的部分。 默认情况下它运行良好。 有时你需要更多的东西。 你不能改变它的工作方式和外观,或者......你可以吗? 我将在本文中教你如何按照你想要的方式自定义这些部分!

WooCommerce 运输和帐单地址部分

您的客户必须在下订单时提供他们的帐单详细信息。 有一个选项可以设置不同的送货地址。 客户需要在结帐页面上标记一个复选框。

WooCommerce 帐单和送货地址部分

默认情况下它工作得很好。 大多数情况下,无需更改该页面。 我猜你在这里是因为你需要更多的东西:)

您可以按照自己的方式个性化结帐页面:

  • 将一些字段设置为不需要
  • 禁用任何字段(例如,对于数字商品)
  • 更改字段顺序
  • 并添加您自己的自定义字段。

您需要一个简单的插件:灵活的结帐字段来做到这一点。 每天有超过70,000 家 WooCommerce 商店使用它。

观看此视频并亲自了解此插件在免费版本中可以为您提供什么:

灵活的结帐字段 WooCommerce

编辑、添加新的或隐藏结帐表单中不必要的字段。 这一切都与转换和更好的用户体验有关。

免费下载访问 WordPress.org
70,000+ 活跃安装
最后更新:2022-10-13
适用于 WooCommerce 6.7 - 7.0.x

安装后,您可以配置 WooCommerce 送货和账单地址部分。 转到WooCommerce → 结帐字段。 您可以使用屏幕顶部的选项卡( Billing and Shipping )在它们之间切换:

在灵活结帐字段中添加新字段
灵活的结帐字段 - 添加新字段并编辑您的送货和账单地址

如您所见,您可以轻松添加新字段编辑部分。 您有以下选择:

  • 启用字段
  • 必填项目
  • 标签
  • 验证

外观”、“显示开”和“高级”选项卡下还有更多功能。 你可以自己检查一下。 如果您想了解更多关于它们的信息,请继续阅读本文。

结帐字段配置

让我们看看配置选项。

必填字段

运送和账单地址部分的某些字段是必需的。 你可以很容易地改变它。 看:

账单地址 woocommerce

如您所见,这些字段是可选的。 您还可以创建新的自定义字段并根据需要进行设置:

自定义字段

如何? 只需标记或取消标记必填字段选项:

必填字段 灵活的结帐字段

阅读有关 WooCommerce Checkout 必填字段的更多信息

验证

您可以使用默认的 WooCommerce 验证或自定义验证。

验证非常有用:

错误:电子邮件地址无效

如果您想向您的送货地址和账单地址部分添加验证,请使用我们的 WooCommerce 结帐验证指南 →

显示开启

您可以配置在哪里显示字段。 默认情况下,插件会在所有位置显示该字段:

  • 谢谢页面
  • 我的帐户页面 - 地址部分
  • 我的帐户页面 - 订单部分
  • 在电子邮件中

你可以改变它。 查看我们关于 WooCommerce 我的帐户自定义字段的指南 →

外貌

从 WooCommerce 运输和计费部分更改您的字段的外观。

为字段设置您自己的自定义类:

自定义 CSS 类

这样,您可以从此更改任何字段:

单选字段:默认外观

进入这个(或任何你想要的):

单选按钮样式示例

在我们的指南中阅读有关使用 CSS 设置自定义字段样式的更多信息 →

条件逻辑

您可以对送货地址和帐单地址部分实施条件逻辑。 想要一个例子吗? 看:

我想要发票复选框

客户需要标记我想要发票复选框。 执行此操作后,会弹出新字段。

有很多场景可以使用条件逻辑。 您可以为字段设置条件逻辑...

条件逻辑示例

...产品/类别...

产品或类别的条件逻辑

...或选择的运输方式。

运输方法woocommerce的条件逻辑

如您所见,您需要转到高级选项卡。 您会在其中找到所有选项。

了解有关 WooCommerce 结帐条件字段的更多信息 →

其他设置

灵活的结帐字段插件可让您将自定义字段添加到其他部分,例如:

  • 订单备注
  • 顾客信息
  • 或登记表

好好利用它! 阅读我们关于自定义结帐页面的文章 →

WooCommerce 结帐字段编辑器

如您所见,灵活的结帐字段插件非常强大。 对于我们(开发人员)来说,这个插件是市场上最好的 :)

但不要只相信我们的话,全球 70,000 多家 WooCommerce 商店每天都在使用它。

fcf 回购
存储库中的灵活结帐字段插件

我们经常在此插件中添加新功能或修复错误。 人们真的很感激!

该插件还利用了 WordPress 的外观和感觉,并且由于界面简洁,非常易于使用。

人们欣赏我们创造的东西:

审查灵活的结帐字段

您可以找到更多像上面这样的正面评价! 但是,您不必相信我的话。 您可以免费下载此插件并自行查看!

下载灵活的结帐字段 →

在 WooCommerce 电子邮件中自定义送货和账单地址部分

为了自定义 Woo 电子邮件模板中的运输和计费部分,您将需要一个名为 YayMail 的第三方插件。 您可以免费下载并在拖放式电子邮件构建器中设计电子邮件。

这个 WooCommerce 电子邮件定制器的高级版本支持灵活的结帐字段。 它有助于在订单电子邮件模板中显示您添加的自定义字段,并根据您的喜好本地化该部分。

内置设计选项可帮助您美化电子邮件,包括:

  • 帐单标题
  • 运输标题
  • 字体系列
  • 背景/框边框/文本颜色

概括

在这篇简短的文章中,我向您展示了自定义 WooCommerce 送货和账单地址部分的简单性。 你喜欢吗? 请在下面的评论部分告诉我。

到达此处后,您可能需要通过 WooCommerce 结帐配置的指南。 我们已经创建了一个很棒的关于 WooCommerce 结帐设置的指南 →

另请查看:灵活的愿望清单 - 分析和电子邮件