如何在 Shopify 中添加产品过滤器?

Steven 76阅读12分11秒

优质的在线商店需要有组织良好的产品分类方式。 产品过滤器和排序选项是使搜索更加高效和用户友好的绝佳工具。 在这篇文章中,您将找到关于什么是排序和过滤的简短说明、您可以选择添加商店过滤器的方式,以及有关如何在 Shopify 中添加产品过滤器的详细说明和提示。

如何在 Shopify 中添加产品过滤器?

在线商店过滤器:什么和为什么

商店过滤器的主要目标是促进客户的产品搜索。 商店拥有的产品和变化越多,组织就应该越好。 创建和添加产品过滤器可以让在线商店的访问者限制他们的搜索并更快地找到必要的商品,从而增加销售机会。

Shopify 是一个功能强大的电子商务平台,可让您为您的产品添加各种过滤和排序选项。 让我们探索它们是如何工作的。

排序与过滤

排序 是一种内置功能,允许客户根据选择的标准以特定顺序展示商品,例如,从最低价格到最高价格。 另一个常见的排序选项是按字母顺序显示产品,从 A 到 Z 或从 Z 到 A。排序不会限制人们看到的商品数量,因为它只会改变他们的顺序。

过滤,与排序相反,它让人们看到满足特定条件的项目。 不显示与所选选项不对应的任何剩余产品。

排序和过滤相辅相成,改善了用户体验,这仅仅意味着以正确的方式设置排序和过滤选项是对成功销售策略的明智投资。

您可以信任 Shopify 专业人员来构建直观的商店布局、实施产品过滤器并根据您的商店需求自定义解决方案。 或者,您可以自己创建和应用 Shopify 过滤器。

Shopify 产品过滤器实施:专业服务

专业 Shopify 开发服务的主要优势在于,它们为您提供必要的商店功能以及布局自定义。 专业服务的主要优势如下。

  1. 它们具有时间效率。 您无需花时间选择最适合您商店的必要 Shopify 应用程序。 从事过众多项目的专业开发人员将非常乐意为您提供建议。 同样,您可以节省创建和应用过滤器的时间。
  2. 您可以获得定制解决方案。 如果您设想的产品组织和过滤方式与标准方法不同,专业服务将是有益的。 这使您可以摆脱主题的有限设置。 此外,您独特的商店布局将代表您的愿景并满足客户的需求。

让我们看一些 Shopify 自定义解决方案的示例。 对于由 PSD2HTML.com 实现的 ABV 网站,您会看到一个动画产品选择菜单。 这家葡萄酒商店的定制菜单使人们可以缩小搜索范围并更快地找到所需的系列。 无需进行额外的点击并在必要的类别上使用悬停功能,您将很快看到多个选项,以便做出选择。

如何在 Shopify 中添加产品过滤器?

上面的屏幕截图显示,动画菜单可让您按生产商、国家、地区、工艺或颜色选择葡萄酒。 还有一个其他选项列表可供选择。 内置动画可以节省时间,因此该过程比单击过滤器要快得多。

过滤和排序的另一个很好的例子是珠宝品牌网站 Young In The Mountains 的案例。 通过专业的产品过滤器 Shopify 定制设置,该品牌获得了独特的产品定制器解决方案来打造个性化珠宝。 该解决方案由产品过滤器和搜索应用程序显示的专家定制补充。 因此,网站访问者可以清楚地看到所有排序选项。

如何在 Shopify 中添加产品过滤器?

他们还可以通过设置所需的珠宝价格范围来过滤产品。

这种由专业人士实施的简约设计让客户可以轻松浏览网站并找到相关的珠宝。

如何在自己的 Shopify 中添加产品过滤器:分步说明

如果您不需要专业帮助或自定义解决方案,您可以自行将过滤选项添加到商店。 这是它是如何完成的。

1. 检查主题的过滤器可用性

在组织产品和添加过滤器之前,确保您的 Shopify 模版支持产品过滤器至关重要。 为此,请转到您的在线商店管理面板部分并选择导航。

在这里,您会找到两个部分:菜单和集合以及搜索过滤器(您可能需要向下滚动页面才能看到集合和搜索过滤器部分)。 如果您的主题不支持过滤器,您将在收藏和搜索过滤器中看到有关此的通知(如下面的屏幕截图所示)。

如果您看到通知,则不会在您的店面上看到过滤器。 这意味着最好选择支持过滤器的主题。

2.在导航中启用过滤器

Shopify Search & Discovery 是一款免费的 Shopify 过滤器应用程序,可让您为产品、产品变体和产品系列添加和管理各种过滤器。 添加此应用后,您可以启用或禁用必要的过滤器。 如果没有活动过滤器,即没有启用过滤器(如下面的屏幕截图所示),您将不会在您的店面看到它们。

您的店面可能有排序选项但没有过滤(如下所示)。

当您打开 Shopify 搜索和发现应用时,您应该转到“查看过滤器”。

从这里您可以为您的商店添加多达 24 个过滤器。

默认产品 Shopify 过滤器是:可用性、价格、产品类型和供应商(品牌)。

如果您已经修改了产品并创建了产品变体(例如尺寸变化),您将在“产品选项”部分看到这些过滤器。 您也可以启用必要的过滤器。 保存您的首选项后,您的搜索和发现过滤器页面将显示它们。

您的店面现在也将显示过滤器。

您可能已经注意到我们启用了三个过滤器(可用性、价格和产品类型)。 然而,在店面中只有两个可见(可用性和价格)。

为确保产品类型筛选器在店面中也可见,您应该转到产品选项并为每个选项分配必要的产品类型。

您可以从标准选项列表中进行选择或创建您的自定义类型。 例如,我们将“连衣裙”类型分配给一种产品,将“婚礼和新娘派对礼服”类型分配给另一种产品; 这两种类型都可以在标准列表中找到。

因此,店面也将显示此过滤器和可用选项。

3.添加自定义过滤器

很可能,您已经发现仅按可用性、价格和产品类型过滤产品效率不高。 如果客户正在浏览连衣裙系列,他们可能希望根据季节(例如夏季/春季或秋季/冬季)查看连衣裙。 例如,在夏季连衣裙中,可以有十几种其他选择,例如颜色、长度、袖型、合身、图案、材料等。在这种情况下,定制过滤器是一个完美的解决方案。

如果您需要创建自定义过滤器,则必须使用元字段。 为了让这更容易理解,我们将从添加一个自定义过滤器/元字段开始 - 季节。

创建要在过滤器中使用的元字段

要创建元字段并将它们用作自定义过滤器,您需要转到商店设置(您可以在管理面板底部找到)。

然后向下滚动以查找元字段。

下一步是选择要使用元字段修改商店的哪个部分。 在我们的例子中,我们将元字段应用于产品。

单击“添加定义”开始编辑您的元字段。

在这里,您可以为过滤器编写合适的名称,添加描述(可选)并选择元字段的内容类型。 关于同一件衣服春夏秋冬都可以穿,我们选择内容类型“单行文字”,选项“值列表”。 元字段列表允许您为单个产品添加多个值/参数,如果您希望它针对多个标准显示(例如适合春季和夏季的连衣裙)。

保存元字段后,您将在产品元字段列表中看到它。

编辑产品元字段

然后您可以开始修改您的产品。 您将在产品设置中看到元字段并输入必要的参数。

更新您的过滤器

完成后,请记住激活过滤器列表中的元字段并保存设置。

结果,您会在店面看到过滤器,您可以在其中检查它,应用选项。

如有必要,您可以添加其他元字段以涵盖可用的产品可变性。 在下面的屏幕截图中,您可以看到我们在季节过滤器的右侧添加了颜色、长度和袖子等过滤器。

这样客户就可以只应用一个过滤器,例如只选择红色连衣裙。

他们也可能有一个非常具体的要求,例如“有库存的黄色夏季短袖短裙”,并使用所有过滤器,包括标准过滤器和定制过滤器。

还可以扩展排序标准并添加适合、图案、材料、样式等过滤器。此外,不同的产品类别可能需要不同的过滤器。 例如,您将不需要用于牛仔裤的 Sleeve 过滤器。

修改过滤器的店面外观

根据您的主题选项,您可以更改店面过滤器外观。 在前面的示例中,我们有一个水平过滤器对齐。 如果您编辑收藏页面,则可以应用垂直对齐方式。

过滤器在店面将如下所示:

Shopify 过滤器实施技巧

以下是一些有用的建议,您在创建过滤器时应牢记这些建议。

1.仔细检查你的名字

您应该记住过滤器是区分大小写的,因此当您在尺寸过滤器中写入“s”和“S”时,Shopify 会将它们显示为多个选项(如下面的屏幕截图所示)。

类似地,“Short”、“Short sleeve”、“Short Sleeve”和“Short-sleeved”在 Sleeve 过滤器中都可以是不同的选项,尽管它们应该指的是相同的连衣裙类型。

请记住在任何地方都遵循所选的过滤器名称并仔细检查您的收藏。

2.头脑风暴变化

“露肩”、“露肩”和“冷肩”都可以是同一种着装类型的不同名称,但不要忘记保持一致。 选择一个您喜欢的名称并在您的商店中使用它。 如果您使用我们提到的 Search & Discovery App,您可以定义产品同义词并帮助客户找到必要的产品。 这也将有助于搜索引擎显示与购物者查询匹配的相关产品。

3.不要过度

对客户进行彻底搜索的愿望可能会导致创建大量过滤器。 然而,大量的过滤器并不总是用户体验的最佳选择。 花几分钟时间尝试对多个过滤器和附加到它们的任何选项进行排序可能会令人沮丧。

结论

综上所述,产品过滤器对于拥有大量商品的在线商店来说是必不可少的。 您应该提前考虑您的产品组织,以了解限制搜索所需的过滤器。 Shopify 允许您应用默认过滤器并创建自定义过滤器。 同时,您应该记住不要包含太多过滤器,因为它们可能会使用户感到困惑。

延伸阅读

  • 如何聘请值得信赖的 Shopify 专家来建立您的电子商务商店?
  • Shopify 评论 (2022) – 主要优点和缺点

相关文章
Steven
  • 本文由 发表于 9月 16, 2022
  • 转载请务必保留本文链接:https://l0760.com/how-to-add-a-product-filter-in-shopify/