如何显示 WooCommerce 相关产品:3 种无代码解决方案

已发表: 2022-03-01

在线销售时,个性化对于提高利润、转化率和整体客户满意度至关重要。 为客户提供个性化体验的一种方法是学习如何展示 WooCommerce 相关产品。

根据您选择的设置,WooCommerce 可以在产品页面上向人们展示相关产品——作为追加销售或交叉销售——在购物车中,甚至在结帐区域。 出于多种原因,WooCommerce 相关产品是一种有价值的工具,因此请继续阅读以了解相关产品的所有优势(以及如何在 WooCommerce 中设置它们)。

目录:

展示 WooCommerce 相关产品的优势

相关产品有多种形式:有些是用于交叉销售或提示客户在他们已经购买的产品之上添加其他产品到他们的购物车。 其他人则努力追加销售,说服用户选择更昂贵或更有利可图的产品,因为这些产品为客户提供了更多价值。 最后,一些相关的产品策略最关注个性化,他们根据过去的浏览历史、归入同一类别的商品以及客户已经在他们的购物车中拥有什么来定制所有推荐。

这些方法具有独特的优势,因此我们想探索在您的在线商店中展示相关产品的真正好处。

  • 更多收入:使用相关产品时,平均订单价值增加 10%,点击产品推荐的购物者中有 37% 会返回以进行更多购物[1]
  • 减少购物车放弃率:研究表明,当商店使用个性化产品推荐时,放弃购物车率会降低 4.35% [2]
  • 提高转化率:同一项研究认为,点击相关产品推荐的客户的转化率提高了 5.5 倍。
  • 改善客户体验:追加销售和交叉销售帮助客户找到他们想要的产品,而不是强迫他们搜索。 它们还有助于为用户已经在查看的内容添加补充项目。

总体而言,在您的电子商务网站上实施某种相关产品策略通常只需几分钟。 这可能会带来更多收入、减少购物车放弃、提高转化率以及更强大的客户体验。 如果您确信,请继续阅读以了解如何在您的商店中展示 WooCommerce 相关产品!

如何在没有插件的情况下显示 WooCommerce 相关产品

默认情况下,WooCommerce 已经具有显示相关产品的功能。 因此,从技术上讲,您不必安装单独的插件或主题。 只需使用 WooCommerce 配置在线商店。 您还必须添加产品才能查看相关产品选项。

要在不安装额外插件的情况下显示 WooCommerce 相关产品,请打开 WordPress 仪表板并转到Products > All Products 。 选择要为其添加相关产品部分的项目。 打开该项目的编辑产品页面。

转到 WordPress 中的产品页面以添加 WooCommerce 相关产品

Edit Product页面上向下滚动,直到找到Product Data模块。 WooCommerce 的相关产品功能的优点在于它适用于所有产品类型:简单产品、可变产品、分组产品和外部产品。 因此,尽管我们建议为您的业务需求选择正确的产品类型,但您为相关产品选择哪一种并不重要。

单击链接产品选项卡以显示用于设置相关产品的两个字段:

  • 追加销售:这些显示在产品页面本身,在产品描述等主要项目详细信息下方。 追加销售主要用于说服客户购买更昂贵/有价值的商品,而不是他们目前正在寻找的商品。
  • 交叉销售:这些出现在购物车中,就在用户即将输入他们的支付信息并完成交易之前。 交叉销售往往会推荐与购物车中的商品相关的商品,例如为购买剃须刀的人推荐剃须膏和须后水。
关联产品

要向任何产品添加追加销售,请单击追加销售字段并开始输入与目录中其他项目相关的关键字。 我建议打开一个单独的窗口来记住你的库存中还有什么。 与您输入的内容相关的产品会显示为建议。 选择要链接到此产品页面的项目。

添加追加销售作为 WooCommerce 相关产品

您添加的每一个都存储在 Upsells 字段中。 您可以在此处添加任意数量的追加销售,但我们建议将其限制为大约五种产品,以免压倒客户并使界面混乱。

保存产品以追加销售

要激活追加销售产品,请确保单击编辑产品页面顶部的更新按钮。 如果您正在创建一个全新的页面,您可能会看到一个发布按钮。

更新按钮

转到您的产品的前端视图。 因此,您现在应该会看到主产品页面信息下方列出的选定项目,通常位于产品描述和评论下方。 WooCommerce 显示“您可能还喜欢……”的标题,这正是追加销售的重点。

现在,客户可以在购物车中放置一件、两件或所有这些物品,而无需导航到网站的其他部分。

前端的 WooCommerce 相关产品

继续前进,您还可以选择创建交叉销售。 如前所述,交叉销售不在产品页面上,而是在结帐模块上,用于在有人购买商品之前增加购物车价值。 把它想象成你可能在杂货店登记处购买的最后一分钟小吃。

添加交叉销售的工作方式与追加销售相同,您可以在交叉销售字段中键入以生成要附加的潜在产品。

交叉销售领域

我们建议为您的每个库存项目激活至少三个交叉销售,但不要添加超过五个或六个。 如您所见,每个交叉销售商品都存储在该字段中,直到您将它们保存在产品页面上。

进入交叉销售领域的 WooCommerce 相关产品

转到页面顶部,然后更新发布产品页面。

更新按钮

要显示交叉销售,客户必须将商品添加到购物车。

添加到购物车按钮

然后,交叉销售显示在购物车下方,他们可以在其中快速添加商品并跳转到结帐模块。 WooCommerce 使用“您可能对……感兴趣”文本来说服客户考虑购买其他产品以搭配他们已经在购物车中拥有的产品。

WooCommerce 相关产品在购物车中显示为交叉销售

这些是显示 WooCommerce 相关产品的两个内置功能。 接下来的部分通过使用插件、页面构建器和主题来探索相关的产品方法。

用于显示 WooCommerce 相关产品的插件

如果内置的相关产品功能缺少您网站所需的功能或自定义选项,我们建议您查看可用于此目的的许多插件中的一些。

WooCommerce 的第三方相关产品插件对现有的在线商店具有优势,因为您不必出去购买页面构建器或通过获取新主题来完全改变网站的设计。 使用插件,您可以坚持当前的设计/页面构建过程,同时添加更高级的相关产品。

此外,您还可以解锁默认 WooCommerce 追加销售和交叉销售无法找到的功能潜力。 我们在下面概述的一些插件包括以下功能:

  • 使用简码将相关产品放在您网站上的任何位置
  • 使用独特的显示格式,如滑块和拼贴画
  • 根据标签、类别或产品关键字设置相关产品显示
  • 从展示中排除某些产品
  • 自定义从购买按钮到产品照片大小的所有内容

下面,您将找到信誉良好的插件来帮助您改进相关产品列表的功能。

  1. PeachPay 的 WooCommerce 相关产品
  2. WebToffee 的 WooCommerce 相关产品
  3. 推荐引擎
  4. WooCommerce 的产品推荐
  5. WooCommerce 的助推器

1. PeachPay 的 WooCommerce 相关产品

PeachPay 的相关产品插件提供简码,用于向您网站不同区域的客户推荐其他产品。 它还具有使用滑块而不是停滞的缩略图列表的选项。 您可以更改模块的标题,更改应显示的产品数量,并根据产品的类别或标签展示产品。

2. WebToffee 的 WooCommerce 相关产品

WooCommerce 插件的相关产品来自 WebToffee 的开发人员。 该插件会立即停用 WooCommerce 中的默认相关产品工具,并允许您设置自定义相关产品。

您还可以根据标签、属性或类别配置更自动化的产品建议。 我特别喜欢该插件设置商店范围内相关产品的能力,这意味着您的工作更少。 除了滑块、产品排除规则和模块定制器之外,这个看起来像是赢家。 而且大部分功能都是免费的。

3.推荐引擎

推荐引擎

推荐引擎插件是 Element Stark 提供的每年 79 美元的高级解决方案,您可以直接从 WooCommerce 商店购买。 这个想法是推荐类似于您在亚马逊和 Netflix 上看到的产品建议的产品,其中相关产品会根据客户过去购买和查看的内容进行个性化。 它允许您发布自动追加销售和交叉销售,同时还可以根据购买历史、查看和一起购买的产品等多种操作推荐产品。

4. WooCommerce 的产品推荐

产品推荐

产品推荐插件由 WooCommerce 开发,它扩展了您从 WooCommerce 获得的内容,提供“经常一起购买”建议、跨目录推荐和最近查看的建议的设置。 这是一个高级插件,每年售价 79 美元。

5. WooCommerce 的助推器

WooCommerce 插件的助推器可用作强大的套件,当您想用一个可以完成所有工作的插件替换所有第三方 WooCommerce 插件时。

相关产品功能提供基于标签、属性和类别的推荐。 您还可以隐藏产品并自定义模块中产品的顺序、列和数量。 此外,该插件还提供按钮标签、价格转换、额外费用、购物车定制等功能。 它有免费和付费版本。

页面构建器或主题可以改善您的相关产品吗?

简短的回答是肯定的。 如果您想进一步改善相关产品的外观,您应该考虑使用页面构建器插件或高级主题。

使用内置 WooCommerce 工具时,您对相关产品的控制有限。 除非使用自定义代码,否则您不能在加售/交叉销售的位置上移动,并且格式和颜色通常保持不变。

但是,页面构建器和高级主题通常会提供自己的相关产品功能以及更高级的自定义选项。

市场上有数以千计的主题和页面构建器,因此我们无法涵盖所有​​内容。 但是,如果您当前使用在线商店主题,或者您正在使用流行的页面构建器,我们鼓励您查看其设置。

具有推荐产品功能的主题倾向于将它们放在 WordPress 定制器中的 WooCommerce 选项卡下。

信誉良好的页面构建器还让您有机会改进 WordPress 中的相关产品。 有时这些功能需要订阅,但绝对值得检查一下您是否已经有可用的东西。

例如,Elementor 页面构建器提供了一个“产品相关”块来拖放产品页面上的任何位置。

来自 Elementor 的相关产品块

然后,您可以在前端查看相关产品并自定义显示的内容和外观。

elementor 中推荐的前端视图

概括

有几种方法可以显示 WooCommerce 相关产品,但最简单的选择是使用内置的相关产品功能。 除此之外,您可能会考虑:

  • 使用插件获取更多相关产品功能
  • 使用主题或页面构建器使相关产品更漂亮(并更好地融合)

请记住,在 WooCommerce 上激活相关产品只需几分钟。 之后,该系统几乎可以自行运行,并提高您进行高价值销售的机会。

如果您对将 WooCommerce 相关产品添加到您的商店有任何其他问题,请在评论中告诉我们。 此外,如果您有这方面的经验,请分享您对最佳方法的看法。

免费指南

加快速度的 5 个基本技巧
您的 WordPress 网站

将加载时间缩短 50-80%
只需遵循简单的提示。