如何创建 Shopify 元字段和元对象 [2024]
在设计电子商务商店时,最重要的一件事是定制的灵活性,而这正是 Shopify 相对有限的一个领域。
但 Shopify 的伟大之处在于它不断发展和改进其技术。因此,Shopify 提出了这两个很棒的功能 - Shopify 元字段和元对象。
在这篇博文中,我们将解释什么是 Shopify 元字段和元对象、它们的示例以及如何为各种目的创建元字段和元对象的分步指南。
元字段与元对象——有什么区别?
Shopify 元字段和元对象的名称和功能听起来很相似;但是,它们的用例有细微的差别。
以下是解释差异的最简单方法——
Shopify metafield可让您在商店页面上添加信息或内容块(例如,成分文本块)—超出页面上可用的默认字段。 |
Shopify 元对象允许您添加可能包含多个块的整个信息或内容部分(例如,分别作为作者的个人资料图片和个人简介的图像+文本)。 |
现在,让我们详细探讨这两个功能:
Shopify 中的元字段是什么?
“Metafields” 是 Shopify 商店的一项定制功能,可让您在 Shopify 管理员提供的默认字段之上向商店页面添加更多字段。
这意味着,您可以向特定商店页面的某些部分添加独立的自定义数据字段,例如在产品或收藏页面上添加文本字段。
为什么 Shopify 中需要元字段?
您可能会发现元字段的最大用例之一是自定义您的产品页面 - 因为这是您想要发挥创造力并以最大化转化率为目标的地方。
也就是说,您也可以为其他用例创建元字段,例如变体、客户、收藏、订单、博客文章等。
但是,让我们再次以最常见的例子为例,即使用产品页面的元字段。创建产品页面时,默认情况下,Shopify 允许您在某些字段中添加信息,例如:
- 标题
- 描述
- 媒体
- 价格
- 变体
那么,如果您想添加一个上述默认字段中没有的全新字段,该怎么办?例如,假设您想添加一个专用的“常见问题”字段。默认情况下,产品页面编辑器中没有这样的字段。
这就是元字段可以帮助您创建这个新字段的地方。
Shopify 中的元对象是什么?
“Metaobjects” 是 Shopify 的一项功能,可让您创建一个结构化信息部分,您可以将其添加到商店页面的任何位置以实现更多自定义。
为什么 Shopify 中需要元字段?
假设您创建了一个采用市场业务模式的 Shopify 商店,并且想要销售来自多个品牌的产品。在每个产品页面上,您希望显示品牌的资料,即品牌名称、徽标、描述等。
您可以为品牌配置文件创建一个元对象,其中包含所有这些详细信息的多个字段,而不必在所有产品描述中插入这些详细信息。
我们将在本文后面的分步指南中看到此操作的实际演示。
了解更多: 7 款适合初学者的最佳网站构建器 — 功能、优点和缺点
如何在 Shopify 中创建元字段?
首先,让我们了解如何创建和使用 Shopify 元字段的分步指南。
我们讨论了为产品页面创建专用 FAQ 字段的示例。因此,我们将继续使用相同的示例,并为 FAQ 字段创建产品元字段。
步骤#1:打开“自定义数据”设置
转到 Shopify 管理员,然后单击设置 > 自定义数据。
您会发现两个部分:
1. 元字段定义
2. 元对象定义
步骤#2:选择元字段定义
根据您的要求选择元字段定义。
由于我们需要在产品页面添加常见问题解答字段,因此请选择“元字段定义”下的产品。
步骤3:添加元字段定义
然后,单击添加定义按钮来创建您的第一个产品元字段。
填写所需的详细信息 — 元字段名称和描述。我们在名称字段中插入了“常见问题” 。然后,添加可以帮助我们识别元字段内容的描述。
单击“选择类型”按钮,选择您想要用于常见问题解答字段的元字段类型。
在这里,我们选择了“富文本”元字段,因为它允许您添加多行,还可以使用以下文本功能:
- 标题和段落
- 粗体和斜体字体
- URL 链接
- 要点
- 编号列表
单击“保存”按钮完成产品元字段的设置。
正如您在下面看到的,常见问题解答产品元字段现已准备就绪。
步骤#4:在产品页面上添加元字段值
现在,在 Shopify 管理员中打开的任何产品页面上,您都会看到包含我们刚刚创建的常见问题解答字段的Metafields部分。
但您可以在哪些产品上显示 FAQ 字段。如果您在某些产品上保留此字段为空,则这些产品页面将不会显示 FAQ。因此,请转到您想要添加 FAQ 字段的特定产品页面。
旁注:您甚至可以使用批量编辑功能将此元字段添加到多个产品上。
转到Metafields部分并插入文本。
如前所述,我们使用标题、段落和 URL 链接等文本功能来创建用户友好的常见问题解答字段。它有助于提高可读性和搜索引擎优化 (SEO) 。
完成后,点击顶部栏中的“保存”按钮。
现在产品已在后端保存了元字段。但是,它仍然不会出现在已发布的网站上。为此,我们将进入下一步。
步骤#5:自定义主题
现在,是时候自定义您的主题以将元字段放置在您的产品页面模板上。
转到销售渠道 > 在线商店 > 主题,然后单击当前发布的主题上的自定义按钮。
我们需要在 Shopify 主题编辑器中打开产品页面模板。
转到您添加了常见问题解答元字段的特定产品,以便我们可以看到实时更改。
点击产品后,Shopify 编辑器将打开“默认产品”模板。在此模板中,单击“添加部分”按钮并选择“富文本”部分。
在“富文本”部分,您可以保留所需的块并隐藏/删除其他不需要的块。在这里,我们隐藏了第一和第三个块 — 并使用了中间的块,上面写着“共享信息...”。
我们将删除该块中的默认文本。(如果需要,您可以保留它们。)
然后,点击上面的图标“连接动态源” 。您将在下拉菜单中看到FAQ元字段。点击FAQ ,它将被插入到您的产品页面模板中。
现在,您可以根据需要使用不同的颜色自定义部分。我们只是将背景颜色更改为黑色。
一切设置完成后,只需单击“保存”按钮即可发布更改。
预览更改在您的实时网站上如何呈现。
就是这样!
我们创建并发布了产品元字段,它帮助我们在产品页面上添加了常见问题解答字段。同样,您可以为产品、变体、系列、博客文章等创建许多不同类型的元字段。
专业提示:如果您想使用出色的设计元素来设计常见问题解答字段,则可以使用GemPages — Shopify 最受欢迎的页面构建器应用程序之一。GemPages 不仅可以轻松设计常见问题解答,还可以设计 Shopify 商店的任何部分 — 具有高级功能、专业设计的模板和可视化拖放编辑器。
如何在 Shopify 中创建元对象?
现在,让我们逐步了解如何在 Shopify 中创建元对象。我们将继续之前讨论的示例,即使用元对象创建品牌资料。
步骤1:创建元对象定义
首先,转到Shopify 管理 > 设置 > 自定义数据。向下滚动一点,你会看到元对象的部分,上面写着 — “定义你的第一个元对象” 。然后点击“添加定义” 。
插入元对象的名称和描述。
现在,是时候创建我们想要包含在元对象部分中的字段了。我们将创建以下字段:
1. 品牌名称2. 品牌标识
3. 品牌类别
4. 品牌描述
对于品牌名称字段,我们将使用“单行文本”字段,因为我们只需要一行品牌名称文本。(根据信息类型,您可以选择相关字段。)
现在,我们将添加更多信息并设置此字段的规则。对于必填字段,请选中“必填字段”选项卡。完成后,单击添加按钮。
这样,我们的品牌名称字段就创建好了。接下来,我们将为品牌徽标创建另一个字段。由于品牌徽标将是一张图片,我们将在字段类型中选择文件。
然后,添加文件字段的详细信息和规则。由于我们需要添加品牌徽标图像,因此您可以勾选视频字段,以便它只接受图像。
完成后,单击添加按钮。
现在,以同样的方式,我们将为“品牌类别”和“品牌描述”创建接下来的两个字段。
至此,我们已准备好所有四个字段。您可以向下滚动并根据需要配置其余设置。我们保留了默认设置。
单击“保存”以完成创建元对象的过程。
如您所见,我们的品牌简介元对象已经准备就绪。
步骤2:创建带有元对象的部分
现在,我们可以开始在品牌简介元对象中为不同品牌创建部分。转到Shopify 管理 > 内容 > 元对象— 然后单击我们刚刚创建的品牌简介元对象。
单击添加条目按钮开始添加品牌资料。
添加品牌资料详细信息:品牌名称、徽标图像、类别和描述。完成后,单击“保存” ,您的品牌资料就准备好了。
步骤#3:使用元对象创建产品元字段
由于我们想要在产品页面上添加/显示这个元对象,所以我们现在将创建一个产品元字段。
因此,我们将遵循与之前创建产品元字段时类似的流程。转到自定义数据 > 元字段定义 > 产品。然后单击添加定义按钮。
现在,我们将创建一个名为“产品页面上的品牌简介”的产品元字段。插入名称和描述,然后单击“选择类型”选项卡。从字段下拉列表中,选择“元对象”字段 - 然后点击“保存”按钮。
现在,我们已经准备好新的产品元字段——“产品页面上的品牌简介” 。
步骤#4:在产品页面中插入新的产品元字段
转到您想要添加品牌资料的产品页面。向下滚动,您将看到Metafields部分。它显示了我们之前创建的Gem Style品牌资料。我们将插入Gem Style品牌资料并将其保存在产品页面上。
步骤#5 自定义主题
现在,我们需要在主题中添加产品元字段。转到销售渠道 > 在线商店 > 主题,然后单击自定义按钮。
就是这样!
现在,您可以在产品页面上预览品牌资料部分。
现在,我们将添加一个 多行 部分,然后添加我们的产品元字段 - “产品页面上的品牌简介” 。
这是另一个示例,说明如何添加 作者简介 按照我们添加品牌资料的相同流程添加到您的页面。
关于元字段和元对象的最终思考
元字段和元对象可帮助您使商店定制更加灵活,尤其是对于产品页面。
找出确切的要求并相应地创建元字段和元对象。这两项功能不仅可以增强用户体验,还可以帮助 SEO。
要了解有关电子商务营销和策略的更多见解,请查看我们的博客并加入GemPages Facebook 社区。