Shopify 小窍门：用 Metafields 给产品页添加自定义字段

作者： /

为什么要用 Metafields 给产品页加自定义字段？

我遇到不少客户，像上月帮一个做五金配件的客户，他们产品信息复杂，需要额外展示“材料成分”、“使用寿命”等字段，而默认 Shopify 产品页没法直接满足。用 Metafields 就能轻松扩展，给产品页加上专属信息，提升用户体验和转化率。

外贸建站实战经验

怎么操作？一步步教你搞定

Shopify 后台早已支持 Metafields，操作其实很简单，跟我一起做：

  • 进入后台：登录 Shopify 后台，点击左侧“设置” → “Metafields”。
  • 选择产品：在 Metafields 页面，点击“产品”来创建产品的自定义字段。
  • 添加定义：点“添加定义”，填写字段名，比如“材料成分”（英文建议用 materials_composition），选择字段类型，比如“单行文本”或“多行文本”。
  • 保存后返回产品页：打开任意产品编辑页，滑到最下方会看到新加的自定义字段，直接填入对应内容。

怎么把 Metafields 显示在前端产品页？

这部分需要动动代码，Shopify 主题用 Liquid 模板语言，下面是我给客户改的示例：

{% if product.metafields.custom.materials_composition %}
  <div class="product-materials">
    <strong>材料成分：</strong> {{ product.metafields.custom.materials_composition }}
  </div>
{% endif %}

这里的 custom 是你创建 Metafields 时选择的命名空间（默认是 custom），如果你定义时用的是别的名字，替换一下就行。把这段代码放在 product-template.liquid 或对应产品详情页模板合适的位置，比如价格下方。

常见问答：Metafields 还能做什么？

Q1：Metafields 支持哪些数据类型？

单行文本、多行文本、数字、日期、URL、文件、布尔值等，类型很多。选对类型，数据展示更精准。

Q2：我用 Shopify 2.0 主题，可以用元字段吗？

绝对支持，而且 Shopify 2.0 主题可以直接通过主题编辑器把 Metafields 拖进去展示，免写代码，超方便。

Q3：产品多了，自定义字段要批量导入怎么办？

可以用 Shopify 的 CSV 导入功能，或者用第三方 App 批量管理 Metafields，效率高又省心。

结尾小贴士

上次帮客户做这个功能后，产品页的用户停留时间提升了 20%，转化率也有明显上涨。Metafields 虽小，却能让你的 Shopify 店铺更灵活，满足各种复杂需求。别怕动手，试试看吧！

滚动至顶部