在商店的任何地方显示 WooCommerce 简短描述或产品主要描述
‘在商店的主商店页面和类别页面上显示简短的 WooCommerce 产品描述,使客户可以轻松做出快速购买决定。 它让他们知道产品是什么,并鼓励他们了解更多。
唯一的问题是 WooCommerce 仅在单个产品页面上显示简短描述 – 以及主要的长描述。 没有选项可以将 WooCommerce 简短描述添加到您的主商店页面、产品类别页面或您网站上的其他位置。 您也无法在产品页面之外显示主要描述。
幸运的是,还有另一种方法可以直接在 WooCommerce 商店的主页上显示产品描述、其他重要产品信息和各种购买选项:
此外,您可以在简短描述中包含任何内容,包括格式、音频和视频播放器或短代码中的内容。 您可以对 WooCommerce 主要描述执行相同的操作。
在这篇文章中,我们将向您展示如何在您的主商店页面、类别页面和存档页面上自定义和显示 WooCommerce 产品简短描述。 您还将学习如何使用 WooCommerce 产品描述表或快速查看灯箱在您网站上的任何位置显示产品详细描述。
在我们开始之前,让我们快速了解一下您可能首先考虑这样做的一些原因。
为什么您可能想要显示额外的产品信息
大多数 WooCommerce 商店使用默认的商店页面布局,该布局在显示选项方面受到限制。 对于每个产品,它通常会显示产品图片、评论、价格、标题和添加到购物车按钮。
虽然这对于某些在线商店来说可能非常有效,但这并不是最好的解决方案 每一个 在线商店的类型。 例如,如果您销售许多外观相似的产品(例如床垫),您将需要一种更好的方式让客户了解每种产品与下一种产品的不同之处。 在这种情况下,您不能只依赖产品的名称。
以下是通过向商店和类别页面添加 WooCommerce 简短描述或详细描述来增强客户购物体验的一些方法:
- 改善购物用户流客户无需点击进入单个产品页面即可阅读 WooCommerce 产品的简短描述或查看其他详细信息。 这在购买用户流程中迈出了一步,如果您的客户通常一次从您那里购买多种产品,这将特别有用。
- 帮助客户快速做出购买决定客户可以直接在主商店页面上查看产品的简短描述,甚至是详细描述。 这有助于他们做出更快的购买决定,因为他们所要做的就是找到他们正在寻找的东西并将其添加到购物车中。 他们不会因为必须访问多个页面而迷失方向。
两个插件可帮助您显示 WooCommerce 简短或长描述
您可以通过两种不同的方式在主商店页面和类别页面上显示额外的产品信息:
1. 创建 WooCommerce 产品描述表
在商店和类别页面上显示额外产品信息的一种方法是使用 WooCommerce 产品表。 该插件可让您在整洁的前端 WooCommerce 产品描述表中列出所有产品以及重要的产品数据。 它使您的客户可以一目了然地看到更多信息。
您可以准确控制表格中显示的信息。 这包括:
- 专门用于每个产品的简短描述的“摘要”列。
- 包含 WooCommerce 长产品描述的长描述列。 这是通常出现在单个产品页面上的主要描述。
- 产品摘录。
2.使用产品快速查看
在商店或类别页面上显示额外产品信息的另一种方法是使用 WooCommerce Quick View Pro 插件。 虽然它不会在初始页面加载时显示简短描述或长描述,但它添加了一个按钮,购物者可以单击该按钮以打开包含更多产品详细信息的灯箱。
然后,该插件允许您在灯箱弹出窗口中包含产品简短描述。 此外(或取而代之),您可以包含产品详细描述或主要描述。 总之,该插件复制了灯箱内单个产品页面的基本信息。 这使得购物速度更快,因为客户始终保持在同一页面上,而不是访问多个页面。
您可以在几个地方向 WooCommerce 商店添加快速查看按钮:
- 到您的主商店页面和类别页面(添加到购物车按钮旁边)。
- 作为使用创建的产品表中的“快速查看”列 WooCommerce 产品表.
总体而言,WooCommerce 产品表和 WooCommerce 快速查看 Pro 插件允许您在 WooCommerce 商店的任何位置显示长或短的 WooCommerce 产品描述,包括主商店页面和类别页面。
使用插件的主要好处是您不必编写代码或 HTML/CSS。 这样可以避免你乱来 add_action
函数或 post_excerpt
功能。 编码方法涉及创建一个新的过滤器 woocommerce_short_description
在你的 functions.php
文件。
正是我们需要的
如何在商店和类别页面上显示 WooCommerce 简短描述
在这里,我们将向您展示如何在商店和类别页面上自定义和显示简短的 WooCommerce 产品描述或主要描述。
我们将介绍上面讨论的两种方法:
我们还将讨论如何同时使用这两种方法。
方法 #1:创建 WooCommerce 产品描述表以包含简短描述和主要描述
在第一部分中,我们将向您展示如何使用 WooCommerce 产品表来显示产品简短描述或长产品描述。
1.安装插件
获取 WooCommerce 产品表插件并在您的 WordPress 网站上安装并激活它。

接下来,前往 WooCommerce → 设置 → 产品 → 产品表 并复制粘贴插件的许可证密钥。 您现在可以开始使用该插件了。
2.配置插件的设置
在您添加许可证密钥的同一区域中,您还可以配置您的 WooCommerce 产品描述表。
有很多有用的设置,比如过滤器、批量添加到购物车等等。 但是如果要显示产品的短描述或长描述,你最需要注意的设置是 列 选项。
在这里,您可以定义将在 WooCommerce 产品描述表中显示的确切列,包括您的简短描述。 您可以在此处查看所有列选项,但一个很好的起点是:
image,name,price,short-description,buy
– 这将创建一个带有简短描述列的产品表。
要么
image,name,price,description,buy
– 这将创建一个带有长主要描述列的产品表。
简短描述的完整长度将始终显示在 WooCommerce 产品描述表中。 但是,您会在页面下方找到“描述长度”选项。 如果您为长产品描述添加了一列,那么您可以在此处完整显示或自动截断它。
随意浏览其他设置,因为您可能会找到可以帮助您的商店的其他设置。 例如,也许你想要一个 excerpt
列呢?
3.在前端显示你的产品表
要将产品表添加到商店的前端,您有两种选择:
- 您可以添加
[product_table]
任何帖子或页面的简码。 默认情况下,它将显示您的所有产品,但您可以使用短代码修饰符来过滤来自特定类别、标签等的产品。 了解如何选择您的产品。 - 或者,您可以在商店和类别页面上自动启用产品表布局。 编辑您的 WooCommerce 商店的模板文件,用您的新表格布局替换本机 WooCommerce 商店和存档页面。
如果你选择 #1,你所做的就是添加短代码,你就完成了。
如果你想使用选项 #2,您可以在插件设置页面上执行此操作。
查看完整的教程 如何构建自定义 WooCommerce 商店页面 了解详细的分步说明。
完成后,您的主商店页面应如下所示:
方法#2:添加一个包含简短描述的快速查看灯箱
对于方法 #2,我们将向您展示如何设置 WooCommerce Quick View Pro 插件以将快速查看灯箱按钮添加到您的商店和存档页面。 这可以包括产品简短描述或详细描述:
您还可以使用快速查看灯箱让客户:
- 查看完整的产品画廊。
- 查看其他信息(例如 WooCommerce 简短描述)。
- 选择产品变体。
- 将产品添加到购物车。
要将其添加到 WooCommerce 产品表中,您需要执行以下操作:
- 获取 WooCommerce Quick View Pro 插件并在您的 WordPress 网站上安装并激活它。
- 导航 WooCommerce → 设置 → 产品 → 快速查看 并输入您的许可证密钥。
- 选择要在快速查看灯箱中显示的产品信息。 您应该为您的产品启用简短描述和/或详细描述。
而已! 您的商店页面上会有一个产品快速查看按钮。 当购物者点击它时,他们会在灯箱中看到您的产品简短描述、详细描述和其他详细信息。
专家提示: 您还可以禁用指向各个产品页面的链接。 向下滚动到 快速浏览 在同一页面上设置并启用此选项。
你可以结合这两种方法
如果要同时使用产品表布局 和 产品快速查看,您可以将 WooCommerce 产品表与 WooCommerce Quick View Pro 集成。
如果您的站点上的两个插件都处于活动状态,则可以添加一个新的 quick-view
列到您的产品表布局以包含产品快速查看按钮。
这是它的外观示例:
添加 WooCommerce 产品描述以改善用户流程
我们解释了如何:
- 提升客户的购买用户流和
- 帮助他们做出快速、明智的购买决定
… 只需将长或短的 WooCommerce 产品描述添加到您的主商店页面和类别页面。
您可以单独使用 WooCommerce 产品表插件进行简单布局。 或者,您可以将它与 WooCommerce Quick View Pro 插件配对,以获得一些额外的简洁功能。
您认为在主商店页面上显示 WooCommerce 简短描述会影响您的转化率吗? 还是最好包含完整的长描述? 通过下面的评论让我们知道!