Learn Shopify Shopify Collections:完整指南(2024 年更新)

Shopify Collections:完整指南(2024 年更新)

GemPages Team
Updated:
10 minutes read
shopify collections complete guide

2021 年, Top Design Firms 对 500 名消费者进行了一项调查,发现 38% 的人在首次访问网站时会查看网页的导航链接。他们还发现,42% 的受访者会因为功能不佳而离开网站。Komarketing 进行的一项类似调查也得出了类似的结果,37% 的受访者表示,如果找不到他们想要的内容,他们会离开网站。

Shopify 系列 - Komarketing 调查结果

功能性和可用性是高转换率网站的关键。

轻松导航对消费者来说显然很重要,而 Shopify 收藏页面是实现这一点的一种方式。

Shopify 系列是转化渠道的重要组成部分——从访问者了解您的产品到最终购买所采用的路径。
Shopify 收藏页面对于创建高转化率的在线商店至关重要。您不仅可以向客户展示根据其需求创建的有组织的产品或服务目录,而且这还会促进您的销售!

什么是 Shopify 收藏页面?

Shopify 产品系列页面会将特定产品分组,如果您的企业规模较小且产品种类较少,则可将全部产品分组。简单来说,产品系列页面包含客户需要的所有产品信息,并按特定类型或类别进行组织。例如,如果您经营的是 Shopify 时装店,则可以使用产品系列页面将服装分为牛仔裤或T 恤
一旦您的客户确定了某个特定产品类别并导航至该类别,就会出现一个包含该类别所有相关产品的收藏页面。然后,买家可以快速滚动并筛选结果,选择他们感兴趣的产品。然后,他们可以在产品描述页面上购买这些产品。
shopify 集合示例

Alchemy Jewelry 使用 GemPages 为他们的珠宝店创建了这个系列。

毕竟,买家在您的电子商务商店购物时想要知道两件事:您卖什么以及他们可以在哪里买到。Alchemy Jewelry 的“顾客最佳选择”节日礼物系列就体现了这一点!
按照您的方式自定义 Shopify 产品系列页面
使用 GemPages Page Builder,您可以轻松创建定制的收藏页面来促进销售。

您将 Shopify Collection 用于什么用途?

产品系列页面在推动转化和为您的电子商务商店创造产品知名度方面发挥着至关重要的作用。借助 Shopify 产品系列,您可以创建各种产品系列页面,让购物者更轻松地浏览和购买。
您可以通过多种方式展示您的收藏:
  • 专门针对不同目标买家的产品。例如:男性、女性或儿童。
  • 具有特定用途或功能的产品。例如: 宠物用品、家具和书籍。
  • 具有特定规格的产品。例如:尺寸、款式和颜色。
  • 特价商品或用于特殊场合/季节性活动的产品。例如:返校用品或圣诞毛衣。
此外,Shopify 收藏页面有两种类型:手动收藏和自动收藏:
  • 手动系列:手动 Shopify 系列包括您选择添加的所有单个产品。这种类型的系列更难维护,如果您不添加或删除任何产品,它们将保持不变。您可以在限时抢购或特别折扣等场合使用手动系列。
  • 自动收藏:自动 Shopify 收藏会根据用户的特定条件添加产品。一旦产品满足消费者选择的必要条件,就会自动添加到收藏中。如果您有许多产品需要在收藏中展示,自动收藏有助于节省时间。
简而言之,产品系列页面可帮助客户评估您提供的所有商品。对于购物者来说,这些页面提供了多种产品选择、便捷的导航和简化的购物体验。对于卖家来说,这意味着更多的销售。

Shopify 收藏页面的组成部分

现在您已经了解了 Shopify 收藏页面以及它们如何为您的在线业务带来好处。让我们探索一下构成这一高效销售工具的组件。

类别名称

类别名称通常固定在顶部导航菜单中,并显示购物者可以浏览哪些类别。一个类别可能包含多个系列页面。在此示例中,Uniqlo 的“女装”类别以红色突出显示?这是一种设计效果,可帮助客户更轻松地识别他们当前正在查看的系列页面的类别。
shopify collections 类别名称

优衣库的“女装”类别以红色突出显示,以方便浏览。

面包屑

面包屑导航显示您的产品系列页面的父类别或子类别。购物者在浏览您的产品列表时,可以快速在各个类别之间移动并查看不同的产品系列页面。
shopify 集合面包屑

Gap 的面包屑导航至各个收藏页面。

排序菜单

排序菜单有各种选项,购物者可以根据不同的标准快速浏览产品,例如:“最畅销”、“按字母顺序排列”、“从 A 到 Z”、“价格从低到高”和“日期从新到旧”。
shopify 收藏夹排序菜单

客户可以按照不同的顺序或特定的规格(例如“最畅销”)查找和评估产品。

页面名称

如前所述,一个类别可以有多个集合页面,并且它们都是不同的。在下面的示例中,“化妆品”类别包含不同的集合页面,例如“所有化妆品”、“面部化妆品”或“唇部化妆品”。
shopify 收藏页面名称

梅西百货在其电子商务商店的每个类别中至少有 6 个产品系列页面。

页面

为了能够浏览和浏览每个产品系列页面包含的众多产品,用户必须浏览多个页面。通常,每页包含 10、50 或 100 多个产品是比较好的。
shopify 收藏页面

通过增强客户的浏览体验来增加互动并方便客户购买。

浏览方式

浏览菜单可让客户导航至您的产品系列页面中更具体的子类别页面。以下 COACH 的示例可让您亲眼见证这一点。
shopify 收藏品浏览

COACH 男士风格系列页面下的服装子类别。

过滤菜单

当顾客完成搜索并进入特定的产品系列页面后,他们可以使用过滤菜单按颜色、价格、尺寸、品牌、店内供应情况等属性缩小产品选项范围。
shopify 收藏夹过滤器菜单
Zappo 的客户可以使用各种过滤选项来进一步细化他们的要求。

商品详情

产品详情可帮助买家了解每件产品。信息包括产品名称、价格、可选颜色、客户评分、促销优惠等。
shopify 集合产品详细信息

Branelo Store 在其产品上附加标签,以便通知客户他们的特别优惠。

例如,除了基本的产品信息外,Branelo Store 还在其收藏页面上为每个产品附加一个网络星期一优惠标签。

如何在 Shopify 上添加收藏夹?

要将系列添加到特定的 Shopify 页面,您需要先创建一个系列。然后,您可以选择将其作为特色系列或系列列表添加并展示在所需的 Shopify 页面上。
以下是一步一步的操作方法。

1. 如何在 Shopify 上创建系列

步骤 1:Shopify 管理员,转到“产品” > “系列” 。单击“创建系列”
添加收藏集 Shopify 页面 创建新收藏集
第 2 步:输入收藏集的标题和描述。在收藏集类型部分,选择您要创建的收藏集类型。
添加收藏集shopify页面输入标题描述收藏集类型
完成后点击“保存”

步骤 3:在 Shopify 上将产品添加到收藏夹:导航到“产品”部分并找到您的产品。为该产品添加收藏夹。
添加收藏 Shopify 页面分配产品
完成后点击“保存”

>>阅读本文以了解有关使用 GemPages 创建新 Shopify 系列的更多信息。

2. 在 Shopify 页面中添加收藏夹

现在您的系列已全部设置完毕,是时候展示您最喜欢的系列了。假设您想在主页上重点介绍商店的目录。有两种方法可以做到这一点:
  • 在任何 Shopify 页面上展示精选系列展示您想要的产品,甚至所有产品,或者
  • 显示链接回您商店的收藏页面的收藏列表

2.1. 添加精选合集

步骤 1:在您的Shopify 仪表板上,转到在线商店 > 主题并选择“自定义”您的Live 主题
添加收藏shopify页面自定义当前名称
步骤 2:主题编辑器中,选择主页。接下来,点击“添加选择”并选择“精选合集”
添加收藏 Shopify 页面选择特色收藏编辑器
注意:单个精选系列的产品数量会根据您使用的主题而有所限制。这意味着您的产品数量应分别少于 25、30 或 50,以满足 Shopify 的 Debut、Simple 和 Brooklyn 主题的产品数量限制。如果您需要的产品数量超过此数量,则需要添加另一个精选系列。您可以根据需要添加任意数量的精选系列,直到达到您想要列出的确切产品数量。
添加收藏 Shopify 页面添加多个特色收藏
步骤 3:单击主题自定义编辑器中的特色系列部分,然后在左侧菜单栏中选择“选择系列”
添加收藏集 Shopify 页面选择收藏集
步骤 4:选择您创建的任何收藏集,完成后点击“选择”
添加收藏集 Shopify 页面 选择收藏集 多个收藏集
第 5 步:不要忘记为您的新特色收藏添加标题、描述并自定义网格布局!
添加收藏 Shopify 页面自定义特色收藏

2.2. 将收藏列表添加到您的 Shopify 页面

步骤 1:在您的Shopify 仪表板上,转到在线商店 > 主题并选择“自定义”
将收藏夹添加到 Shopify 页面自定义当前主题以添加收藏夹列表
步骤 2:主题编辑器中,选择主页。接下来,点击“添加选择”并选择“收藏列表”
将收藏夹添加到 Shopify 页面,在主题编辑器中选择收藏夹列表部分以添加收藏夹列表
步骤3:您可以点击一个收藏块,然后在左侧菜单栏上选择“选择收藏”来添加您的产品收藏。
添加收藏 Shopify 页面点击收藏块添加收藏列表
添加收藏集 Shopify 页面选择收藏集
步骤 4:选择您创建的任何收藏集作为收藏集列表,完成后点击“选择”
添加收藏 Shopify 页面选择收藏功能作为收藏列表
步骤5:重复相同的过程来填充其余的收藏列表块。
添加收藏shopify页面填写所有收藏列表块
第 6 步:添加标题、描述并自定义新收藏列表的网格布局。
添加收藏 Shopify 页面自定义收藏列表

如何使用 GemPages 创建定制的 Shopify 产品系列页面

您知道使用GemPages您可以对您的收藏页面做更多的事情吗

现在, GemPages 的仪表板已经升级,与 Polaris 设计系统同步,可以与 Shopify 管理员无缝集成。

通过这种整合,您可以在熟悉的 Shopify 界面内无缝地使用 GemPages 进行编辑,确保构建和自定义页面的流程统一而有效。

步骤 1: 从 Shopify 界面,您可以看到 GemPages 的仪表板。单击左侧边栏列表中的“页面” 。您将在右上角看到“创建新页面”选项。

使用 GemPages 创建页面

第 2 步:选择“收藏页面”几分钟后,您就会看到各种预建模板,您可以使用它们来创建收藏页面。选择您喜欢的模板,点击“选择”开始,或点击“预览”查看它是否符合您的需求。

使用 GemPages 创建收藏页面

否则,如果您已经有了设计想法,您可以通过选择“从头开始”从空白页开始编辑

注意:创建收藏页面后,您必须将一个或多个收藏分配给该模板才能使其上线。单击此处查看详细教程。

步骤 3:在编辑器内,单击产品列表元素进行配置,然后选择“分配集合”将集合分配到您创建的集合页面。
使用 GemPages 创建收藏页面的步骤
步骤 4:使用编辑器中的 GemPages 元素自定义您的收藏页面。只需拖放您想要的任何元素即可!
添加收藏 Shopify 页面使用 gempages 元素自定义收藏
注意:收藏模块包含各种子元素,用于显示收藏属性。这些子元素由 (C) 前缀定义,必须放置在收藏页面内才能正常工作。

使用 GemPages 的新功能 AI:图像到布局创建您的收藏页面

作为 GemPages 利用人工智能技术的一项出色功能,Image-to-Layout 可帮助将图像或 URL 转换为可编辑的布局。借助此功能,您可以快速解码参考文献的结构以供自定义。

按照上述步骤进入 GemPages 编辑器。您将看到一个引用框,可以插入您想要的图像或 URL:

使用 GemPages 创建收藏页面

单击“生成” ,让 GemPages 的 AI 读取参考资料。创建布局后,您可以使用我们的编辑器和大量元素列表轻松自定义页面以满足您的业务需求。

GemPages-AI功能帮助创建页面

使用 GemPages 将收藏集添加到任意页面

使用 GemPages,您可以自由地使用编辑器中的产品列表元素将收藏品添加到商店的任何页面。

步骤 1:产品列表元素拖放到页面上您想要显示您的系列的任何位置。
添加收藏 shopify 页面使用 gempages 将收藏添加到任何页面
第 2 步:点击“选择系列”为您的页面选择并分配一个系列。另外,请记住,您可以自定义和编辑产品数量、每行产品数量以及系列部分的间距。

创建高转换率 Shopify 产品系列页面的技巧和窍门

我们已经引导您完成了创建有效产品系列页面的所有步骤,现在是时候探索如何创建有效的 Shopify 产品系列页面了。以下列出了八个最佳实践:

应用杀手级 CTA

号召性用语是您要求(或告诉)客户接下来要做的事情。这是增加客户与您的品牌互动的直接方式。通过激发某些情绪(例如 FOMO 或热情),您可以让买家有理由采取 CTA 中所述的行动。
添加收藏 Shopify 页面应用杀手级 ctas

塔吉特 (Target) 的圣诞玩具横幅以高达 50% 的折扣邀请购物者访问其玩具收藏页面。

我们建议您为每个产品系列页面提供不同类型的 CTA。除了横幅广告(如上面的 Target 示例所示),您还可以使用弹出窗口,让客户“着迷”您的在线商店提供的所有诱人的折扣计划!

添加收藏 Shopify 页面 cta 弹出收藏页面

收藏页面上弹出的杀手级 CTA 可以激发客户购买更多产品

想象一下,你正在网上购物,终于找到了想要购买的产品。现在,当你准备退出页面去当地商店购买类似、更便宜的产品时,折扣信息弹出。太棒了!这个品牌不仅让你免去了去商店的麻烦,还为你省了一些钱!

使用引人注目的标题

标题非常适合吸引眼球并展示您品牌的产品声明。为什么?因为它们是您的网站访问者首先看到的东西。

添加 Shopify 收藏页面使用引人注目的标题

de Négoce 使用 GemPages 创建了一个视觉上吸引人的幻灯片标题,并带有一个链接到其葡萄酒收藏页面的 CTA。

因此,请充分利用这个黄金位置,在标题部分宣传您的热门特色产品、销售折扣和特别优惠。您越能吸引买家的注意力并创造良好的第一印象(我们指的是信息丰富且有价值),转化的可能性就越大!

提供优秀的产品布局

对于产品布局,最好利用所有可用空间。有两种方法可以实现这一点:网格视图或列表视图。

通常,网格视图最适合优化视觉体验。您可以看到,不需要具体信息,因为买家大多依靠完整图片来比较产品。

添加收藏 Shopify 页面网格收藏视图

H&M 通过别致、时尚的产品概述成功吸引买家点击其产品。

H&M 等时尚和美容品牌经常使用网格视图展示其最佳产品。为了优化用户体验,每行使用 2 到 4 张图片。
然而,对于需要更详细规格的任何行业(例如电子或食品),每行一个产品的视图可能是最好的。
添加收藏 Shopify 页面列表收藏视图

Newegg 在列表视图中显示其智能手表收藏页面,其中包含购物者评估其产品所需的所有信息(价格、产品信息、可用性等)。

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

保持最佳状态

让我们回到如何创造良好的第一印象。为了建立信任感并激励客户购买,请尝试在每个产品系列页面的顶部展示您的畅销产品。为了进一步提高您的表现,您可以使用“畅销产品”、“新品”或“20% 折扣”等徽章来吸引买家的注意力,并鼓励购物者浏览您的畅销产品。
添加收藏 Shopify 页面添加页面以吸引买家注意力

使用产品徽章和贴纸在收藏页面顶部进行诱人的产品推荐

突出价格,并通过诱人的触发因素吸引顾客

合理的价格总是有利的。合理定价的产品,提供折扣、限时抢购、列表评级和奖励积分!
添加 Shopify 收藏页面,使用邀请触发器突出显示定价

产品标签、精确的价格范围和评级使丝芙兰的美容系列页面对顾客更具吸引力。

提示:您知道有很多方法可以激发购物者的购买欲望吗?您可以利用 FOMO、添加评论或通过视觉增强功能打造有吸引力的产品优势!如何做到?释放LAI AliExpress Reviews的无限可能性 - 一站式电子商务自动化解决方案,用于客户评论、评级和推荐,具有各种布局选项。它还与 GemPages 完全集成。

优化产品缩略图

拥有精美的产品缩略图是引人注目的产品系列页面的必备元素。对于时尚或服装等视觉驱动型行业来说,这一点尤为重要。
添加收藏 Shopify 页面优化产品缩略图

Zara 以其效益驱动的内容和专业摄影展示了其新的儿童滑雪系列缩略图。

最好的情况是,产品系列页面的缩略图应与品牌的美感相得益彰,同时让客户立即了解产品。以下是一些您可以采用的最佳做法:
  • 三条规则:确保您的缩略图大小相同、质量高并且适合移动设备。
  • 添加悬停效果,以便客户可以放大。
  • 尽可能使用 3D 产品图像。
  • 展示正在使用的产品。例如,在视频中。
您还可以通过我们的Shopify 产品图片:初学者 10 分钟指南进一步了解如何设计包含文本、图标和产品图片的诱人产品列表。

让导航变得轻而易举

根据买家的需求和期望来构建您的产品系列页面。清晰直观的导航路径可让购物者快速找到并获得他们喜欢的产品。换句话说,导航应同时带来销售和客户满意度。
添加收藏shopify页面通过过滤系统添加导航

现在,买家可以通过 Gap 的过滤系统来寻找自己想要的东西。

Gap 在其过滤系统中使用了许多标准来帮助购物者对产品进行分类和比较:
  • 尺寸
  • 颜色
  • 价格
  • 上升
  • 合身
  • 长度
  • 面料材质
  • 袖长
注意:但是,在某些情况下,如果您的产品数量很少到平均水平,则不需要过滤器(例如,您是一家小型电子商务企业或单一产品商店)。

创建快捷方式

在收藏页面上使用添加到购物车按钮,这样客户无需离开收藏页面即可进行购买。这简化了购买流程并减少了结账所需的时间。请记住,您应该不断优化每个电子商务客户接触点以实现转化。收藏页面也不例外。
添加收藏 Shopify 页面创建快捷方式除了在其收藏页面上提供有用的信息之外,Endlessly Collection 还出色地利用 GemPages 在每个产品旁边添加了“添加到购物车”按钮。

Shopify 产品系列页面示例

我们有一些很棒的示例,说明我们的客户如何创建出色的产品系列页面并将其展示在他们的在线商店中。看看这些原创设计。

泰勒与布莱克

Taylor & Black 凭借这款奢华优雅的男士西装系列页面一箭双雕。它采用静态简约设计,配有大型产品缩略图。他们将其用作独立系列页面和主页。
将系列添加到 Shopify 页面 - GemPages 系列页面示例

Taylor & Black 在其主页上展示了多个风格迥异、别具一格的系列产品。

我们认为这家店很棒,因为他们知道如何展示他们的系列。这个简洁明了的概览会让任何访问这家网上精品店的绅士感到满意!'
添加收藏 shopify 页面示例 gempages 收藏套装

该品牌的系列页面是一个量身定制的精品店,为客户提供满足其西装需求所需的所有款式和选择!

大包莱科

Big Bag Lecco 是另一个在其细分市场中打造出精品页面的时尚品牌。
添加收藏 Shopify 页面示例 gempages 收藏页面 bag

Big Bag Lecco 展示了如何时尚地携带他们的包包。

这个意大利皮革品牌用摄影表达了视觉效果。没有任何文字,但仍然别致而优雅。2022/23 秋冬新品系列有一系列包袋,非常适合所有包袋爱好者!

狗国

Dog Nation 只是 GemPages 友好的宠物用品供应商之一!他们向我们展示了客户互动在建立客户信任和忠诚度方面发挥着至关重要的作用,尤其是对于我们亲爱的四足朋友而言。

除了明亮清晰的产品英雄图像外,该品牌还为其系列中的每件产品提供尺寸、颜色、领型选项,甚至来自客户的评分和评论。

Dog Nation 的所有产品系列都展现了活泼而温暖的精神!
添加收藏 shopify 页面示例 gempages 收藏页面 pet

这是号召宠物爱好者采取行动的完美方式:收集页面包含评级、评论和产品选项/变化!

您的收藏页面可能看起来像这样
免费试用 GemPages 来创建令人惊艳、转化率高的收藏页面。无需编码。

准备将收藏夹添加到您的 Shopify 页面吗?

瞧!我们向您展示了有关 Shopify 产品系列页面的所有知识 - 从创建有效产品系列页面的最佳实践,到技巧和窍门(以及示例!),再到如何设计高转换率的产品系列。

现在是时候采取行动并升级您的电子商务收藏页面了!

有关 Shopify Collections 的常见问题解答

Topics: 
Shopify pages

Start selling

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

Create Shopify store

Start using GemPages

Explore our brands