如何在 WooCommerce 产品页面上显示热门产品(2 种方式)

您想了解如何在 WooCommerce 产品页面上添加热门产品吗?

在您的在线商店页面上展示热门产品是一种行之有效的促进销售的方法.这就是亚马逊、沃尔玛和所有其他大型商店都有畅销小部件的原因.

在本文中,我们将向您展示如何在您的 WooCommerce 产品页面上显示热门产品.

How to display popular products on WooCommerce product pages

为什么要在 WooCommerce 中显示热门产品?

展示受欢迎的 WooCommerce 产品是增加在线商店销售额的一种简单方法.

这些产品已被证明可以转化,因此通过在这些产品上获得更多关注,您可以轻松实现更多销售.

您甚至可以创建一个单独的流行 WooCommerce 产品页面,就像亚马逊拥有自己的畅销书排行榜一样.

Amazon popular products example

话虽如此,让我们来看看如何将热门产品添加到 WooCommerce 产品页面.

如何找到流行的 WooCommerce 产品

您需要做的第一件事是找出哪些产品受欢迎且畅销.使用 WordPress 插件,您可以查看所有 WooCommerce 分析数据以及哪些产品最受欢迎.

MonsterInsights 是 WordPress 的最佳分析插件.它可以一目了然地向您展示您的在线商店的表现以及哪些产品最受欢迎.

有关更多详细信息,请参阅有关如何设置 WooCommerce 转化跟踪的分步指南.

将 WooCommerce 与 MonsterInsights 集成后,您可以通过导航到 Insights » 查看最受欢迎的产品.报告,然后点击电子商务标签.

WooCommerce top products

您可以在此处查看哪些产品为您带来的收入最多、销售了多少件商品以及有关您商店业绩的总体统计数据.

MonsterInsights 的另一个重要功能是您可以简单地将您的热门产品添加到您的博客文章的末尾以促进销售.

要执行此操作,请导航至 见解 »热门帖子,然后点击"热门产品"菜单选项.

Customize popular products blog post

在此屏幕上,您可以自定义热门产品的显示方式.

您可以控制设计、布局选项、特色产品数量等等.

进行更改后,请务必点击屏幕顶部的"保存更改",您的热门产品将自动显示在您的帖子末尾.

Display popular products end of blog post

现在,我们将向您展示两种最流行的方式来展示流行的 WooCommerce 产品,而不仅仅是将它们添加到您的博客文章中.

使用下面的快速链接选择您希望如何将热门产品添加到 WooCommerce.

  • 使用 SeedProd 创建一个受欢迎的产品页面
  • 将热门产品添加到 WooCommerce 产品页面

方法 1:使用 SeedProd 创建热门产品页面

SeedProd 是超过 100 万个网站使用的最佳拖放式 WordPress 页面构建器.

使用此插件,您可以简单地将热门产品添加到您的 WooCommerce 产品页面,并为您的产品创建登录页面以提高转化率.

它有一些 WooCommerce 模块,可让您轻松创建和自定义产品页面.

您需要做的第一件事是安装 SeedProd 插件.有关更多详细信息,请参阅有关如何在 WordPress 中安装插件的分步指南.

注意:您可以使用免费版本的 SeedProd,但我们将使用专业版,因为它具有更多功能.

激活后,您需要转到SeedProd »设置并输入您的许可证密钥.此信息位于您在 SeedProd 网站上的帐户下.

Enter SeedProd license key

完成后,导航至 SeedProd »模板.

您可以使用数百个预制页面模板,或者您可以选择我们在本教程中使用的"电子商务感谢页面"模板.

Select SeedProd page template

找到要使用的模板后,将鼠标悬停在它上面并点击"对勾"图标.

您需要为您的页面命名,然后单击"保存并开始编辑页面"按钮.

Name your SeedProd popular products page

之后,您将进入页面编辑器屏幕.页面的每个元素都可以通过拖放构建器完全自定义.

在左侧菜单中,您会看到一个标记为"WooCommerce"的区块部分.

选择"产品网格"选项并将其拖到您的页面上.

Select WooCommerce products grid

注意:您会看到可以使用的"畅销产品"选项,但是,我们将使用我们的 MonsterInsights 数据创建自定义产品列表.

之后,单击"齿轮"图标以显示"阻止设置"菜单.

Edit products block settings

接下来,在"查询"类别下,打开"按 SKU 选择"开关.

然后,选择与您的热门产品相匹配的 SKU.

Select popular product SKUs

要选择未一起列出的多个产品,请在 Mac 上按住"Command"键,或在 PC 上按住"CTRL"键.

添加完热门产品后,请务必点击"保存"以保存更改.要实时发布此页面,请点击"保存"旁边的箭头并选择"发布".

Publish popular products page

您现在已将最受欢迎的产品添加到一个独特的热门产品页面.

使用 SeedProd,您可以对该页面进行几乎无限的自定义以提高转化率.

Popular products page example

您还可以将此页面添加到 WordPress 导航菜单中,以鼓励访问者浏览您的热门产品.

方法 2:使用 WooCommerce 简码将热门产品添加到产品页面

WooCommerce 具有内置的短代码,您可以使用它来自定义您的产品页面和在线商店的其他区域.

这些短代码可以轻松地在您现有的 WooCommerce 产品页面上显示您的热门产品.

为此导航到产品»所有产品,然后打开您要自定义的产品.

Add popular products shortcode

在产品编辑器屏幕中,您将添加以下短代码.有关更多详细信息,请参阅我们的初学者指南,了解如何在 WordPress 中添加短代码.

您可以使用以下 MonsterInsights 短代码自动显示您的热门产品:

[monsterinsights_popular_posts_products]

MonsterInsights 会随着热门产品的变化自动更新列表.

或者,您可以使用内置的 WooCommerce 简码手动选择要显示的产品:

[products limit="3" columns="3" skus="logo-collection, Woo-tshirt-logo, woo-long-sleeve-tee"]

上面的短代码将创建一行三个产品.您可以增加"产品限制"和"列"以在您的页面上列出更受欢迎的产品.

"skus"是指您可以在 WooCommerce 产品页面上找到的产品 SKU.

确保将上面短代码中的 SKUS 替换为您自己最受欢迎的产品.

您可以通过导航回产品»找到您的产品SKU.所有产品.

Locate product SKUs

完成产品页面编辑后,点击"更新".

现在,您的访问者将看到您的常规产品列表和下方突出显示的最受欢迎的产品.

Popular products page example

如果您正在寻找更多增加销售额的方法,那么您可以创建 WooCommerce 弹出窗口或在 WooCommerce 中添加免费送货栏.

我们希望本文能帮助您了解如何在 WooCommerce 产品页面上展示热门产品.您可能还想查看我们的最佳 WooCommerce 主题列表以及我们为您的商店精选的最佳 WooCommerce 插件.

7

发表回复