如何将自定义字段添加到WooCommerce产品页面

寻找将自定义字段添加到 WooCommerce 产品页面的方法？

无论您是想进入 WooCommerce 产品页面，还是有兴趣通过单击按钮显示其他产品变体，在 WooCommerce 中添加自定义字段只需要几分钟的时间。

之后，您可以自定义 WooCommerce 仪表板的所有部分，并快速合并通常需要手动数据输入的站点信息。

在本文中，我们将逐步向您展示如何使用免费的高级自定义字段插件 (ACF) 向 WooCommerce 产品添加自定义字段。

初学者指南：使用@wp_acf 将自定义字段添加到#WooCommerce 产品页面？️ 点击推特 WooCommerce 的自定义字段使用示例

WooCommerce 中的自定义字段何时可用？

• 为计算机等产品添加产品扩展，您将在其中显示 RAM 和处理能力等技术规格。
• 您可以快速更改为其他内容的促销活动。
• 无法使用标准 WooCommerce 功能插入的独特媒体元素，例如额外视频。
• 产品倒计时、拍卖或发布日期的日期和时间。
• 客户可以浏览变体以外的产品选项。
• 该段解释了使用该项目的详细说明。
• 附加产品向用户展示一些补充当前产品的加售。示例包括电动牙刷的刷子附件或手镯的不同饰物。
• WooCommerce 不支持您想要合并到产品页面或更轻松地完成自定义字段的任何异常或额外数据。

如何在 WooCommerce 产品页面中添加自定义字段

在此示例中，我们将创建一个销售笔记本电脑的模拟电脑商店。为每台新笔记本电脑输入电脑规格会花费很多时间，因此我们根据我们销售的电脑类型添加了一些字段来选择这些规格。

要向 WooCommerce 产品添加自定义字段，您需要在 WordPress 网站上安装免费的 Advanced Custom Fields 插件。然后，这里是设置方法...

进阶自定义字段

作者：Elliot Condon

当前版本：5.9.1

最后更新：2020 年 9 月 8 日

p>高级-custom-fields.5.9.1.zip

98% 额定 1,000,000+ 安装 WP 4.7+ 要求

这里是一步一步如何在 WooCommerce 产品页面中添加自定义字段如何：

1. 创建一个新的字段组
2. 添加您的自定义字段
3. 配置额外的字段组设置
4. 向产品添加信息
6. 在前端显示自定义字段信息

1.创建一个新的字段组

在 WordPress 仪表板中，转到新的“自定义字段”选项卡。然后，单击 Field Group 旁边的 Add New。

命名字段组。例如，“计算机领域”。字段组是要包含在产品或站点部分中的字段的集合，例如要在所有笔记本电脑产品页面上显示的规格列表。

2.添加您的自定义字段

单击“添加字段”按钮将字段添加到该组。

创建一个：

p>

p>

1. 字段标签——主要供您自己参考。
2. Field Name – 用作您将放置在您自己的自定义代码中的字母，在我们的例子中是短代码。您可以将其保留为插件生成的默认值。
3. 字段类型——您为此字段创建的格式。您可以从日期选择器、复选框、下拉菜单和单选按钮等选项中进行选择。

您可能还想向自己或开发人员说明是否需要指定此字段。

如果你使用If你想要一个有多个选项的字段（比如单选按钮），那么接下来你需要添加字段“选择”。这些是您希望在产品页面后端显示的选择选项，例如不同的核心处理器。

其他设置通常是可选的可选，例如默认值、布局以及是否显示值或标签。

在完整字段或组 完成后，单击“发布”或“更新”按钮以确保它已保存。

添加更多字段添加添加到您的组，再次单击“添加字段”按钮。

这就是这组中的四个字段的样子：

• CPU
• Memory
• Operating System
• 发布日期

/ p3。配置其他字段组设置

完成字段组后，滚动到“位置”模块。您可以在此处确定您希望字段组在 WordPress 仪表板中的显示位置。

将帖子类型设置为产品。或者，如果您想要更具体，您也可以选择特定的产品类别。

在“设置”下，确保 Field Group 处于活动状态。这使您可以在这些产品页面上看到它，并可能向客户显示字段选择。

风格随你喜欢。对于放置、标签放置和指令放置也可以这样说。这都是个人喜好，以及您希望如何格式化后端。如有疑问，请将其保留为默认值。

如果在产品页面显示多个字段组，请设置订单号。这控制了不同字段组的显示顺序。

您还可以设置描述并在屏幕上隐藏某些细节。

4.添加产品信息

接下来，导航到要添加自定义字段的产品的编辑器。

如果您正确配置了所有内容，您应该会在“产品数据”框下方看到自定义字段。

对于我们的示例，如果我们要添加一个新的笔记本电脑产品页面，我们将选择 CPU、内存、操作系统和发布日期。

5.在前端显示自定义字段信息

为此，您需要在前端单个产品页面上显示来自自定义字段的信息。您可以在任何地方添加此信息，但产品的完整或简短描述是一个很好的起点。

要在前端显示字段信息，请使用 [acf field=””] 简码。在双引号之间添加字段名称：

> p>在字段组编辑界面可以找到各个字段的字段名称：

要完成任务，请单击“发布”或“更新”按钮。

当您在前端打开产品时，您应该会看到一个自定义字段，其中添加了简码：

关于如何添加自定义字段的问题？

使用“高级自定义字段”插件而不是使用其他替换字段的优势在于，您可以将新字段放置在您网站的任何位置，包括产品页面、帖子和购物车模块 - 从定义仪表板和加快内容创建过程。

使用@wp_acf?️ 使用此#WooCommerce 自定义字段指南改进任何#eCommerce 商店点击推文

它可以扩展您的创造力并简化构建产品页面的繁琐任务一个很好的选择。

我们知道高级自定义字段插件有一点学习曲线，所以如果您对在 WooCommerce 中添加自定义字段有任何想法或问题，请在下面的评论中告诉我们！

您还可以查看我们的完整 ACF 教程，以了解有关如何使用此灵活插件的更多信息。