在 WooCommerce 结帐和产品页面中创建自定义字段

已发表: 2018-08-01

标准 WooCommerce 不允许您在不编写代码的情况下创建自定义字段。 但是,有些情况下您需要自定义产品或结帐字段才能有效处理 WooCommerce 订单! 不用担心。 2 个免费插件将帮助您在商店中添加自定义字段。

您知道可能需要了解WooCommerce 未提供给您的产品或订单的具体信息!

通过在 WooCommerce 中添加自定义字段来获取订单的更多详细信息。 让我向您展示两个免费插件,让您轻松做到这一点!

目录

  • WooCommerce 中的自定义字段是什么?
  • WooCommerce 产品自定义字段
  • WooCommerce 结帐自定义字段

WooCommerce 中的自定义字段是什么?

您可以将自定义字段视为描述产品或订单等信息的附加信息。 它们将帮助您更好地展示产品并获得更多详细信息以有效处理 WooCommerce 订单!

自定义字段的一些示例

  • 复选框
  • 文本字段
  • 单选按钮
  • 日期选择器
  • 颜色选择器
  • ETC。

这是它们在订单中的样子:

WooCommerce 自定义订单表格
单选按钮、复选框、日期选择器、文本字段、颜色选择器
当然,您可以将它们用于不同的事情,例如直接在 WooCommerce 产品页面上创建计算机向导、汽车配置器或礼品包装选项。

另一个例子,您可以让您的客户将文件上传到订单或输入增值税欧盟编号以用于会计目的。 更改结帐字段的类型或隐藏其中的一些也很棒!

让我们添加自定义字段

您可能希望在 WooCommerce 中创建两种类型的自定义字段,例如:

  • WooCommerce 结帐页面中的自定义字段以获取有关订单的更多详细信息,
  • 以及用于自定义WooCommerce 产品页面的新字段,以便产品有更多选择。

我会给你看他们两个。

WooCommerce 产品自定义字段

首先,您需要一个插件。 看一看:

在这里下载:

灵活的产品领域 WooCommerce

创建一个产品向导来销售雕刻、礼品包装、礼品信息、名片、邮票,并可选择对其收费(固定或百分比)。

免费下载前往 WordPress.org
10,000 多个活跃安装
最后更新:2023-03-13
适用于 WooCommerce 7.1 - 7.5.x

首先,查看产品页面上的一组示例性新自定义字段,您可以使用免费的WooCommerce 灵活产品字段插件添加这些字段:

在 WooCommerce 中创建自定义字段:产品页面
示例 WooCommerce 产品页面

如您所见,您可以创建一个完整的向导。 客户可以通过这种方式个性化他们的计算机。 此外,某些选项需要额外收费。 该插件将额外费用添加到总价中(在 PRO 中可用)。 客户可以为他们的个性化计算机下订单,并预先向您支付全部价格。

回到外观。 这是基本配置。 我没有使用任何 CSS 样式,而是使用了默认的 WooCommerce 主题:Storefront。 当然,您可以根据需要自定义字段的外观。 插件中有一个用于此目的的选项。

灵活的产品领域

简而言之,此插件可让您创建产品附加组件。 您可以向 WooCommerce 商店中的产品添加新的自定义字段。 你已经看到了一个例子。

灵活的产品领域 WooCommerce

创建一个产品向导来销售雕刻、礼品包装、礼品信息、名片、邮票,并可选择对其收费(固定或百分比)。

免费下载前往 WordPress.org
10,000 多个活跃安装
最后更新:2023-03-13
适用于 WooCommerce 7.1 - 7.5.x
该插件是免费提供的! 如果您需要其他选项(例如条件逻辑),您还可以升级插件。 阅读插件文档 →

您可以添加到 WooCommerce 产品中的字段类型

  • 文本
  • 文本区域
  • 数字
  • 电子邮件
  • 网址
  • 多选框
  • 带颜色的收音机
  • 时间
  • 颜色
  • 标题
  • 段落
  • 图像
  • HTML
  • 复选框
  • 单选按钮
  • 选择
  • 多选
  • 带图像的收音机
  • 标题
  • 日期(专业版)
  • 文件上传(专业版)
我们在WooCommerce 产品个性化选项指南中描述了所有这些字段 →

你应该看看那个指南! 你会发现有很多用例。 我们通过配置逐步引导用户实现:

  • 简单的预订系统,
  • 礼品包装功能,
  • 餐饮减肥精灵,
  • 电脑精灵等

WooCommerce 结帐自定义字段

现在,让我向您展示如何从结帐页面向 WooCommerce 订单添加自定义字段!

你将需要这个插件:

在这里下载:

灵活的结帐字段 WooCommerce

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

免费下载前往 WordPress.org
80,000 多个活跃安装
最后更新:2023-03-13
适用于 WooCommerce 7.1 - 7.6.x

让我们看一下使用 WooCommerce 插件的免费灵活结帐字段的自定义结帐页面的示例:

结帐表单中的新字段
示例 WooCommerce 结帐页面

该插件允许您添加、删除、重新排序和有效地自定义 WooCommerce 结帐页面!

重新排序 WooCommerce 结帐字段
WooCommerce 订单自定义字段配置

灵活的结帐字段

因此,简而言之,灵活的结帐字段可让您在 WooCommerce 结帐中创建自定义字段→

将新的自定义字段添加到 WooCommerce 结帐页面
将新的自定义字段添加到 WooCommerce 结帐页面

此外,使用此插件,您可以编辑或重新排列默认的 WooCommerce 结帐字段

例如,您可以禁用某些账单地址字段以加快结帐速度。

显示更少的结帐字段以获取更少的 WooCommerce 订单信息
显示更少的结帐字段以获取更少的 WooCommerce 订单信息

全球每天有超过 80,000 家商店使用此插件。

免费版中的结帐字段类型

  • 文本
  • 文本区域
  • 数字
  • 电子邮件
  • 电话
  • 网址
  • 复选框
  • 颜色
  • 标题
  • 段落
  • 图像
  • HTML

专业版中的字段

  • 多选框
  • 单选按钮
  • 选择(下拉)
  • 多选
  • 带图像的收音机
  • 日期
  • 带颜色的收音机
  • 时间
  • 上传文件
阅读有关如何将自定义字段添加到 WooCommerce 结帐的更多信息。

下载这个免费的 WooCommerce 扩展来自定义您的结帐页面。

灵活的结帐字段 WooCommerce

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

免费下载前往 WordPress.org
80,000 多个活跃安装
最后更新:2023-03-13
适用于 WooCommerce 7.1 - 7.6.x
阅读插件文档 →

概括

在 WooCommerce 中添加自定义产品和结帐字段

在本文中,我向您展示了可用于在 WooCommerce 中创建自定义字段的插件。

您可以使用两个插件在 WooCommerce 中创建自定义字段:

  • 下载灵活的结帐字段 →
  • 下载灵活的产品字段 →

这两个插件都可以免费下载。 但是,免费版本并不支持所有功能。

您可以在免费演示中测试我们所有的插件(及其 PRO 版本)!

如果您对插件和创建自定义字段有任何疑问,请告诉我们!

更多关于我们的插件