在主题设计中配置元字段(Metafields)
为了帮助您自主拓展字段,灵活定制商品详情、商品列表页面,SHOPLINE升级元字段(Metafields)功能模块,通过主题设计的可视化配置实现个性化需求,极大地提升店铺装修的灵活度、拓展性和可定制能力,有效降低您在店铺定制化过程中面临的技术成本。
元字段介绍
元字段(Metafields)模块支持您为商品和类别创建特定的拓展字段,并展示在页面上。您可以添加文本(单行&多行)、图片、URL、数字、颜色、JSON、参考商品等,用于向顾客总结注意事项、提供使用说明、展示更多商品细节,并帮助您的店铺获得更多顾客的好感与信任。
功能效果
以一家女装店为例,在其商品详情页中,需要展示服装信息,包括一些标准化的介绍性内容,例如服装主图、面料材质、详细颜色展示、洗涤建议、可下载文件和设计规格。您可以利用元字段创建标准化流程。统一配置信息后,可以自动为不同商品生成介绍信息,降低配置过程的复杂性。
- 在商品管理页面为一个商品添加元字段。
- 您可以在店铺设计页面的【商品详情页】>【图文模块】添加图片和文本元字段。添加后,每个商品对应的图片和描述文字将显示于【图文模块】中。 例如:
应用范围
所支持的页面及组件:
| 所属资源 | 页面 | 组件 |
|
商品
|
商品详情页/ |
涵盖商品详情页面中的所有默认/可选 section(不包括页头/页脚和其他全页组件) |
|
首页/商品列表页/自定义页 分类页/博客/博客集合/购物车页/404/搜索页
|
仅单个商品 | |
|
商品分类
|
商品列表页 | 涵盖商品列表页面中的所有默认/可选 section(不包括页头/页脚和其他全页组件) |
|
首页/商品详情页/自定义页 分类页/博客/博客集合/购物车页、其他页面 - 404/搜索页 |
|
可添加控件
控件名称 |
支持配置的元字段数据类型 |
单选/多选 |
示例图 |
richtext/textarea |
文本:单行、多行文本
数字:整数、浮点数 |
多选:每次选择动态源只能选择一个,但一个输入框可以添加多个动态源 | |
text |
文本:单行
数字:整数、浮点数 |
多选 |
|
color |
颜色 | 单选 |
|
url
|
url |
单选 |
注:不包含视频url输入框 |
image_picker |
参考:文件 | 单选 |
|
page_picker
|
参考:自定义页面 |
单选 |
显示范围:自定义页面内容,即富文本编辑器中的所有内容; |
product_picker |
参考:商品 | 单选 |
操作步骤
配置元字段共4个步骤,分别为:
本文以「女装店」为示例给予参考。
创建元字段
- 前往首页,点击左下角【设置】>【自定义数据】。
- 在元字段管理页面,您可以为【商品】、【商品分类】、【商品款式】、【页面】、【客户】、【博客】、【博客集合】、【订单】定义元字段。此处以【商品】为例说明。
-
点击【添加字段】。
- 给商品创建一个元字段定义。
- 字段名称:用于在 SHOPLINE 后台中标识元字段,例如 Color。
- 命名空间和密钥:元字段的唯一识别码。您可以使用命名空间将类似元字段分组到一起,但每个命名空间和密钥必须唯一。例如 custom.color。
- 描述(可选):供您提供描述性信息,例如要为元字段输入的值。
- 数据类型:元字段存储的数据类型,例如文本、文件或 URL。支持配置单个或多个数据类型。
-
访问选项:可设置用于自动生成的商品分类。
例如:销售文案,并填写命名空间、密钥、描述。选择其数据类型;这里选择文本。此外,您还可以根据需求选择颜色、文件、数字、url、重量、尺寸等。
选择文本后,会出现一个【单行文本】或【多行文本】的选择框。根据您的需求,选择【多行文本】,输入内容,然后点击【添加】按钮。创建完成后,则自动返回列表页,并跳出弹窗确认创建成功。列表第一行显示您刚才新创建的元字段【销售文案】,其当前【字段值个数】为 0。
给元字段赋值
根据需求,您可以为商品创建多个元字段,例如,详情图片-颜色展示、详情图片-面料展示、商品保养指南等。创建元字段后,您需要返回商品管理页面,并为每个所需商品的元字段填写相应的值。
- 前往【商品】>【商品详情】页面。
- 滑到页面底部,您会看到元字段文本框。输入相应字段或添加图片,填写完后点击【更新】。
- 完成后,点击右上角的【更新】,并对多个商品重复上述步骤。
- 返回元字段管理页面。字段值个数已从 0 变为 1,表示已为销售文案元字段赋值的商品数量。
根据需求在装修店铺时选择元字段
创建元字段并为其赋值后,您可以在店铺装饰时选择元字段,以进行统一配置。
- 在商品详情下方添加一个【图文模块】组件,用于显示主图和面料信息
- 点击【图文模块】组件,再点击图标以添加元字段。
- 对于【图文模块】
选择标题,点击右上角图标,将动态源修改为商品标题,最后点击【保存】。 - 选择富文本,点击右上角图标,将动态源修改为销售文案,最后点击【保存】。
修改元字段
您也可以修改元字段,更改其值和显示方式。
- 修改元字段:点击首页左下角,前往【设置】>【自定义数据】>【商品】>【商品元字段】,然后点击某个元字段。
此时,您只能修改【字段名称】和【描述】。 - 修改元字段的值:前往【商品】>【商品管理详情页】>【元字段】部分,点击元字段,直接修改,然后进行保存。
- 修改显示方式:只需点击元字段,然后从【编辑值】、【更改动态源】和【删除动态源】中选择。
- 编辑值:这将跳转至商品管理界面,您可以直接修改该商品元字段的值。
- 更改动态源:您可以切换到另一个元字段。
- 删除动态源:直接删除,或按键盘上的删除键将其移除。
实操建议
1. 自主拓展字段,灵活定制商品详情页
好的商品详情页能够为买家提供让他们做出购买决策所需的充足信息。在竞争激烈的跨境电商市场,细节常常决定成败。如果卖家能在商品详情页向买家展示与众不同的细节,也能帮助卖家获取到买家更多的好感和信任,形成差异化竞争,从而超越竞争对手。
比如某个卖家想为某款商品添加洗涤说明,可以在该商品中创建洗涤说明的拓展字段,这样买家就能在该商品详情页中看到洗涤说明提醒,提升对商品的信任感和好感,并且更不容易因为洗涤出错发生退货情况。
除了洗涤说明,像商品的材质、产地、体型等信息,只要有需求,卖家都可以通过元字段进行添加,展示在商品详情页中。
2. 简单代码定制,实现个性化功能需求
| 注意:开发者可前往 Metafileds 概述。 |
除了能够灵活展示更多的信息,元字段还能够基于特定业务场景,通过简单代码定制来实现个性化功能需求,有效降低卖家在店铺定制化过程中面临的技术成本和技术门槛。
比如商品描述实现 TAB 切换、添加相关资料下载区、添加相关商品推荐区等。
-
商品描述实现 TAB 切换:
有时候商品详情页需要展示的信息较多,如果这些信息全部放在商品详情页会显得杂乱拥挤,让买家难以第一时间找到他们想要的信息,导致购物体验不佳,容易造成客户流失。
这时卖家可以使用 TAB 切换模板,将信息进行分类归纳,统一置于一个内容框中展示,让买家可以通过 TAB 切换来浏览不同类别的信息。这样既能保证商品详情页展示的信息全面,又能兼顾页面美观性。
以往卖家如果想要在页面中增加该功能,需要额外花钱请技术人员进行创建,并不方便。有了元字段管理工具后,卖家可以自主创建一个新的拓展字段,将简单的 TAB 切换模板代码复制粘贴上去,这样就能够轻松搭建好一个商品描述 TAB 切换模板,并展示在商品详情页。
-
添加相关材料下载区:
并不是所有的信息都能够直接在商品详情页进行展示,有一些必要的材料说明,由于内容较多,以文件的形式展示给消费者会更合适,比如安装说明书、材料成分说明。
使用元字段,卖家可以给需要的商品添加相关材料的下载链接,并支持买家点击下载后,直接在本地查阅。
-
添加相关商品推荐区:
数据表明,在单个商品详情页加入相关商品推荐,不仅能够有效增加消费者在页面的浏览时长,还能够提高店铺客单价。
以往卖家想要实现相关商品推荐,需要借助特定的插件功能。有了元字段管理工具,卖家可以随时随地创建一个相关商品推荐模块。
除了允许卖家为商品、品类、顾客、订单、博客、页面和店铺等资源对象创建额外的拓展字段并存储一些特定的信息,元字段还能通过 admin API 实现跟其他电子商务系统(CRM/IMS/ERP)之间的数据传输和交互,让 SHOPLINE 店铺能更开放、更轻松地对接到其它系统,卖家也能更方便地管理和查看各种数据。