Learn Shopify 如何创建 Shopify 元字段和元对象 [2024]

如何创建 Shopify 元字段和元对象 [2024]

GemPages Team
Updated:
10 minutes read
How to Create Shopify Metafields and Metaobjects [2024]

在设计电子商务商店时,最重要的一件事是定制的灵活性,而这正是 Shopify 相对有限的一个领域。

但 Shopify 的伟大之处在于它不断发展和改进其技术。因此,Shopify 提出了这两个很棒的功能 - Shopify 元字段和元对象。

在这篇博文中,我们将解释什么是 Shopify 元字段和元对象、它们的示例以及如何为各种目的创建元字段和元对象的分步指南

元字段与元对象——有什么区别?

Shopify 元字段和元对象的名称和功能听起来很相似;但是,它们的用例有细微的差别。

以下是解释差异的最简单方法——

Shopify metafield可让您在商店页面上添加信息或内容块(例如,成分文本块)—超出页面上可用的默认字段。

Shopify 元对象允许您添加可能包含多个块的整个信息或内容部分(例如,分别作为作者的个人资料图片和个人简介的图像+文本)。

现在,让我们详细探讨这两个功能:

Shopify 中的元字段是什么?

“Metafields” 是 Shopify 商店的一项定制功能,可让您在 Shopify 管理员提供的默认字段之上向商店页面添加更多字段。

这意味着,您可以向特定商店页面的某些部分添加独立的自定义数据字段,例如在产品或收藏页面上添加文本字段。

为什么 Shopify 中需要元字段?

您可能会发现元字段的最大用例之一是自定义您的产品页面 - 因为这是您想要发挥创造力并以最大化转化率为目标的地方。

也就是说,您也可以为其他用例创建元字段,例如变体、客户、收藏、订单、博客文章等。

Shopify 管理员中的元字段定义

但是,让我们再次以最常见的例子为例,即使用产品页面的元字段。创建产品页面时,默认情况下,Shopify 允许您在某些字段中添加信息,例如:

  • 标题
  • 描述
  • 媒体
  • 价格
  • 变体

Shopify 后台中的产品页面编辑器

那么,如果您想添加一个上述默认字段中没有的全新字段,该怎么办?例如,假设您想添加一个专用的“常见问题”字段。默认情况下,产品页面编辑器中没有这样的字段。

这就是元字段可以帮助您创建这个新字段的地方。

此功能的关键方面是您可以在特定产品/系列/其他页面上添加自定义数据,而不是将其应用于整个商店。
以 1 美元的价格开始在 Shopify 上销售
从免费试用开始,然后第一个月只需 1 美元

Shopify 中的元对象是什么?

“Metaobjects” 是 Shopify 的一项功能,可让您创建一个结构化信息部分,您可以将其添加到商店页面的任何位置以实现更多自定义。

为什么 Shopify 中需要元字段?

假设您创建了一个采用市场业务模式的 Shopify 商店,并且想要销售来自多个品牌的产品。在每个产品页面上,您希望显示品牌的资料,即品牌名称、徽标、描述等。

您可以为品牌配置文件创建一个元对象,其中包含所有这些详细信息的多个字段,而不必在所有产品描述中插入这些详细信息。

我们将在本文后面的分步指南中看到此操作的实际演示。

了解更多: 7 款适合初学者的最佳网站构建器 — 功能、优点和缺点

如何在 Shopify 中创建元字段?

首先,让我们了解如何创建和使用 Shopify 元字段的分步指南。

我们讨论了为产品页面创建专用 FAQ 字段的示例。因此,我们将继续使用相同的示例,并为 FAQ 字段创建产品元字段。

步骤#1:打开“自定义数据”设置

转到 Shopify 管理员,然后单击设置 > 自定义数据

您会发现两个部分:

1. 元字段定义
2. 元对象定义

Shopify 的元字段和元对象设置

步骤#2:选择元字段定义

根据您的要求选择元字段定义。

由于我们需要在产品页面添加常见问题解答字段,因此请选择“元字段定义”下的产品

Shopify 设置中的产品元字段

步骤3:添加元字段定义

然后,单击添加定义按钮来创建您的第一个产品元字段。

Shopify 管理员中的产品元字段设置

填写所需的详细信息 — 元字段名称和描述。我们在名称字段中插入了“常见问题” 。然后,添加可以帮助我们识别元字段内容的描述。

单击“选择类型”按钮,选择您想要用于常见问题解答字段的元字段类型。

Shopify 管理员中的产品元字段设置

在这里,我们选择了“富文本”元字段,因为它允许您添加多行,还可以使用以下文本功能:

  • 标题和段落
  • 粗体和斜体字体
  • URL 链接
  • 要点
  • 编号列表

单击“保存”按钮完成产品元字段的设置。

Shopify 管理员中的产品元字段设置

正如您在下面看到的,常见问题解答产品元字段现已准备就绪。

Shopify 管理员中的产品元字段设置

步骤#4:在产品页面上添加元字段值

现在,在 Shopify 管理员中打开的任何产品页面上,您都会看到包含我们刚刚创建的常见问题解答字段的Metafields部分

但您可以在哪些产品上显示 FAQ 字段。如果您在某些产品上保留此字段为空,则这些产品页面将不会显示 FAQ。因此,请转到您想要添加 FAQ 字段的特定产品页面。

旁注:您甚至可以使用批量编辑功能将此元字段添加到多个产品上。

Shopify 产品页面上的元字段部分

转到Metafields部分并插入文本。

如前所述,我们使用标题、段落和 URL 链接等文本功能来创建用户友好的常见问题解答字段。它有助于提高可读性和搜索引擎优化 (SEO)

Shopify 产品页面上的元字段部分

完成后,点击顶部栏中的“保存”按钮。

Shopify 产品页面上的元字段部分

现在产品已在后端保存了元字段。但是,它仍然不会出现在已发布的网站上。为此,我们将进入下一步。

步骤#5:自定义主题

现在,是时候自定义您的主题以将元字段放置在您的产品页面模板上。

转到销售渠道 > 在线商店 > 主题,然后单击当前发布的主题上的自定义按钮。

Shopify 管理员中的主题设置

我们需要在 Shopify 主题编辑器中打开产品页面模板。

转到您添加了常见问题解答元字段的特定产品,以便我们可以看到实时更改。

Shopify 主题编辑器

点击产品后,Shopify 编辑器将打开“默认产品”模板。在此模板中,单击“添加部分”按钮并选择“富文本”部分。

Shopify 主题编辑器

“富文本”部分,您可以保留所需的块并隐藏/删除其他不需要的块。在这里,我们隐藏了第一和第三个块 — 并使用了中间的块,上面写着“共享信息...”。

Shopify 主题编辑器

我们将删除该块中的默认文本。(如果需要,您可以保留它们。)

Shopify 主题编辑器

然后,点击上面的图标“连接动态源” 。您将在下拉菜单中看到FAQ元字段。点击FAQ ,它将被插入到您的产品页面模板中。

Shopify 主题编辑器

现在,您可以根据需要使用不同的颜色自定义部分。我们只是将背景颜色更改为黑色。

一切设置完成后,只需单击“保存”按钮即可发布更改。

Shopify 主题编辑器

预览更改在您的实时网站上如何呈现。

常问问题

就是这样!

我们创建并发布了产品元字段,它帮助我们在产品页面上添加了常见问题解答字段。同样,您可以为产品、变体、系列、博客文章等创建许多不同类型的元字段。

专业提示:如果您想使用出色的设计元素来设计常见问题解答字段,则可以使用GemPages — Shopify 最受欢迎的页面构建器应用程序之一。GemPages 不仅可以轻松设计常见问题解答,还可以设计 Shopify 商店的任何部分 — 具有高级功能、专业设计的模板和可视化拖放编辑器。

GemPages 模板及常见问题解答
还没准备好承诺但仍想尝试一下?
没问题!开始使用 GemPages 的免费计划。探索可以为您的商店创造奇迹的精彩功能。

如何在 Shopify 中创建元对象?

现在,让我们逐步了解如何在 Shopify 中创建元对象。我们将继续之前讨论的示例,即使用元对象创建品牌资料。

步骤1:创建元对象定义

首先,转到Shopify 管理 > 设置 > 自定义数据。向下滚动一点,你会看到元对象的部分,上面写着 — “定义你的第一个元对象” 。然后点击“添加定义”

Shopify 元对象的设置

插入元对象的名称和描述。

Shopify 元对象设置

现在,是时候创建我们想要包含在元对象部分中的字段了。我们将创建以下字段:

1. 品牌名称
2. 品牌标识
3. 品牌类别
4. 品牌描述

对于品牌名称字段,我们将使用“单行文本”字段,因为我们只需要一行品牌名称文本。(根据信息类型,您可以选择相关字段。)

Shopify 元对象设置

现在,我们将添加更多信息并设置此字段的规则。对于必填字段,请选中“必填字段”选项卡。完成后,单击添加按钮。

Shopify 元对象设置

这样,我们的品牌名称字段就创建好了。接下来,我们将为品牌徽标创建另一个字段。由于品牌徽标将是一张图片,我们将在字段类型中选择文件

Shopify 元对象设置

然后,添加文件字段的详细信息和规则。由于我们需要添加品牌徽标图像,因此您可以勾选视频字段,以便它只接受图像。

完成后,单击添加按钮。

Shopify 元对象设置

现在,以同样的方式,我们将为“品牌类别”“品牌描述”创建接下来的两个字段

Shopify 元对象设置

至此,我们已准备好所有四个字段。您可以向下滚动并根据需要配置其余设置。我们保留了默认设置。

单击“保存”以完成创建元对象的过程。

Shopify 元对象设置

如您所见,我们的品牌简介元对象已经准备就绪。

Shopify 元对象设置

步骤2:创建带有元对象的部分

现在,我们可以开始在品牌简介元对象中为不同品牌创建部分。转到Shopify 管理 > 内容 > 元对象— 然后单击我们刚刚创建的品牌简介元对象。

Shopify 管理员中的内容选项卡

单击添加条目按钮开始添加品牌资料。

Shopify 管理员中的元对象

添加品牌资料详细信息:品牌名称、徽标图像、类别和描述。完成后,单击“保存” ,您的品牌资料就准备好了。

Shopify 管理员中的元对象

步骤#3:使用元对象创建产品元字段

由于我们想要在产品页面上添加/显示这个元对象,所以我们现在将创建一个产品元字段。

因此,我们将遵循与之前创建产品元字段时类似的流程。转到自定义数据 > 元字段定义 > 产品。然后单击添加定义按钮。

Shopify 管理员中的元字段设置

现在,我们将创建一个名为“产品页面上的品牌简介”的产品元字段。插入名称和描述,然后单击“选择类型”选项卡。从字段下拉列表中,选择“元对象”字段 - 然后点击“保存”按钮。

Shopify 管理员中的元字段设置

现在,我们已经准备好新的产品元字段——“产品页面上的品牌简介”

Shopify 管理员中的元字段设置

步骤#4:在产品页面中插入新的产品元字段

转到您想要添加品牌资料的产品页面。向下滚动,您将看到Metafields部分。它显示了我们之前创建的Gem Style品牌资料。我们将插入Gem Style品牌资料并将其保存在产品页面上。

品牌简介

步骤#5 自定义主题

现在,我们需要在主题中添加产品元字段。转到销售渠道 > 在线商店 > 主题,然后单击自定义按钮。

Shopify 管理员中的主题部分

就是这样!

现在,您可以在产品页面上预览品牌资料部分。

品牌简介

现在,我们将添加一个 多行 部分,然后添加我们的产品元字段 - “产品页面上的品牌简介”

演示网站上的品牌资料部分

这是另一个示例,说明如何添加 作者简介 按照我们添加品牌资料的相同流程添加到您的页面。

演示网站上的作者简介部分

关于元字段和元对象的最终思考

元字段和元对象可帮助您使商店定制更加灵活,尤其是对于产品页面。

找出确切的要求并相应地创建元字段和元对象。这两项功能不仅可以增强用户体验,还可以帮助 SEO。

要了解有关电子商务营销和策略的更多见解,请查看我们的博客并加入GemPages Facebook 社区

准备好提升您的 Shopify 店面了吗?
使用 GemPages 页面构建器将您的店面提升到新的水平。提供免费计划。随着规模的扩大而升级。

Shopify 元字段和元对象的常见问题解答

What is an example of a metafield?
Metafield lets you add a block of information or content on your Shopify store pages. For example, if you’d like to add a block of text for “product specifications”, you can create a product metafield containing information on product specifications.
Can you bulk edit metafields?
Yes. You can edit metafields on multiple products using the Bulk edit feature through the Products section in Shopify admin.
Are metafields and metaobjects good for SEO?
Yes, they are. Metafields and metaobjects can help you in search engine optimization (SEO) by letting you add more relevant keywords and better organize information.
Topics: 

Start selling

Create your Shopify Store with $1/mo in first 3 months

Create Shopify store

Start using GemPages

Explore our brands