WooCommerce 简码：2021 年终极指南
已发表: 2020-01-11如果您有 WooCommerce 业务，您可能听说过短代码。 它们是小片段，可让您添加和自定义在线商店的不同方面，而无需编写长行代码。 在本指南中，我们将了解 WooCommerce 短代码是什么，为什么要使用它们，以及如何充分利用它们。
WooCommerce 简码：所有你需要知道的
如果您使用 WordPress，您可能熟悉 WooCommerce。 目前，93.7% 的 WordPress 电子商务网站使用著名的 WooCommerce 插件。 这个由 WooThemes 开发的开源、完全可定制的平台一开始就像任何其他插件一样，但很快就获得了数百万的下载量，这引起了 WordPress 董事会的注意。 迄今为止，它已经被下载了 7000 万次，并已成为领先的电子商务插件，为 28% 的在线商店提供支持。
尽管享有盛誉和成功，WooCommerce 团队仍在不断努力使其变得更好。 在整个开发过程中，它向用户提供了多种不同类型的简码来定制他们的网站。 有了这样的短代码，他们可以改造他们的商店并定制他们的界面、结账、功能、产品上市流程等等。
因此，为了帮助您充分利用简码，在本指南中，我们将了解：
- 简码的简要说明
- 为什么它们对您的业务是必要的
- WooCommerce 短代码列表
- 如何充分利用它们
什么是 WooCommerce 简码？
让我们从基础开始。 WooCommerce 短代码是小片段，可帮助您在电子商务网站上实现功能或显示内容，而无需编写大量代码。 换句话说，它们是允许与您的站点内容进行动态交互的宏。
您可以在商店的任何地方使用简码对其进行自定义、展示产品或只是号召性用语按钮。 最好的部分是您不需要任何编码知识即可开始使用它们。 您只需要对在线业务充满热情，并深刻了解您想要为您的商店提供什么。 简码将干净利落地完成其余的工作。
简而言之，WooCommerce 短代码在三个方面有益：
- 它们有助于节省时间，因为您不必编写长行代码，从而为您提供更多时间来处理其他事情。
- 由于他们不向帖子内容添加标记，因此店主稍后将能够编辑页面的样式。
- 更大的灵活性。 尽管这将取决于用户设置的参数，但他们可以针对不同的情况应用相同的简码。
为什么需要 WooCommerce 简码？
还是不服气？ 再想一想，WooCommerce 短代码可以做的比你想象的要多得多。
首先，使用简码，您将获得对网站的完全控制权。 这意味着您可以在商店的任何位置自由展示产品、添加号召性用语按钮或任何类型的按钮，而无需寻求任何开发人员的帮助。 这也意味着您也不必处理冗长而复杂的代码段。
这对于那些想在他们的在线商店尝试各种策略的人来说是完美的。 例如，您可能希望在您的热门帖子之一上显示添加到购物车按钮以鼓励转化，而不是像任何其他商店那样引导您的客户完成标准销售流程。 最好的部分是短代码允许您在放置在您网站上的许多号召性用语按钮中进行选择。
此外，WooCommerce 短代码允许您将产品添加到主页，创建一个销售商品网格以向客户展示它们，并在您想要的任何地方展示您的热门产品。 甚至可以创建订单跟踪页面！ 这就是短代码的魔力，它们为您提供了无限的选项来自定义您的商店。
有哪些类型的 WooCommerce 简码？
由于很难说 WooCommerce 提供了多少短代码，我们将根据它们的类别列出它们。 以下是我们将在本指南中介绍的 WooCommerce 短代码的快速概述：
- 页面简码
- 产品简码（这是最强大的类别）
- 产品页面简码
- 相关产品简码
- 添加到购物车按钮或 URL 简码
如何充分利用WooCommerce 短代码？
现在，让我们看看每种类型的短代码可以做什么以及如何充分利用它们：
1.页面简码
通常，WordPress 带有 4 个默认页面，其中包含短代码，因此您无需手动添加它们。 但是，如果由于某种原因并非如此，您可以使用简码重新创建页面并在设置中阐明它们。
在页面短代码中，您会发现：
大车
[ woocommerce_cart ]它用于购物车页面，一旦您的客户将产品添加到他们的购物车，它有助于显示购物车内容。 此外，它还显示优惠券代码、购物车零碎以及标准购物车页面的其他元素的界面。 这是一个简单的简码，因此您无需向其中添加任何条件或参数。
查看
[ woocommerce_checkout ]一旦您的客户收集了他们想要的所有产品/服务，他们将单击结帐，这就是结帐短代码起作用的时候。 它将显示购物者在结帐前需要查看的所有必要信息，例如付款方式、帐单信息、运输信息等。这也是一个简单的短代码，不接受任何附加参数。
我的帐户
[ woocommerce_my_account ]客户应该能够查看和修改他们的个人资料详细信息，例如姓名、电子邮件地址、密码，以及他们的订单详细信息，例如送货和账单地址。 使用此简码，用户将能够查看、编辑和更新这些详细信息。 此外，它包含一个参数，将显示有关当前购物者的信息。
订单跟踪表
[ woocommerce_order_tracking ]与前三页短代码不同，默认情况下不会自动生成此短代码，但您可以添加它，以便您的客户可以查看和跟踪他们正在进行的订单的状态。 如果他们想检查订单的状态，购物者必须在订单跟踪表中输入他们的订单详细信息。
您可以将此 WooCommerce 简码用于单个页面，或将其与其他简码结合使用以显示跟踪表单。 例如，您可以在“我的帐户”页面上使用此短代码让您的客户访问跟踪表格。
2.产品简码
请记住，要使用产品简码，您需要 WooCommerce 3.2 及更高版本。 这些版本让您可以使用产品简码进行各种产品展示。 如果您有以前的版本，请查看此文档，因为您需要为每种类型的产品分组使用不同的简码。
[ products ]2.1 产品简码属性
使用产品简码时，您需要根据不同的条件指定要显示的产品，这将允许您按帖子 ID、SKU、类别、属性等过滤产品。 它们还支持分页、随机排序和产品标签。
让我们来看看一些产品简码：
限制产品数量
使用 limit 属性，您可以限制显示的产品数量。 例如，您可以使用以下内容将要显示的产品数量限制为 8 个项目：
[ products limit="12" ]. 请注意，默认情况下，限制为“-1”，这意味着将显示所有产品。
改变产品布局
使用 WooCommerce 短代码，您还可以更改布局以使产品展示多样化。 只需根据客户的偏好在以下属性中进行选择： columns、paginate 或 orderby。
一个。 列
如果要设置一定数量的列，则必须添加“列”属性并明确所需的数量。 因此，如果您想要 6 列中的每列都有不同的产品，您可以使用简码：
[ products limit="12" columns="4" ]湾。 分页
另一个例子是 paginate 属性，它将您的产品分成不同的页面。 使用此简码，您可以指定每页显示的项目数。
要使用它，请设置 paginate = “true”，然后输入以下简码：
[ products limit="12" columns="4" paginate="true" ]C。 使用“orderby”对产品进行排序
orderby属性提供了广泛的选项，因为它允许您根据多个条件对产品进行排序，以通过添加条件来按您的意愿显示它们。 这些包括：
- id：按产品id显示产品。
- 流行度：使用此属性，购买最多的产品将首先显示。
- 标题：按标题对产品进行排序。 这是 orderby 的默认顺序。
- rating ：另一种对产品进行排序的有趣方法是基于它们的平均评分值。
- date ：根据项目的发布日期对项目进行排序。 默认情况下，最旧的产品首先显示。 但是，您可以使用 date 属性更改此设置。
- rand ：使用此属性，您可以在重新加载页面时更改产品的顺序。 尽管如此，对于启用了缓存并且产品以固定顺序保存的站点，此属性可能不起作用。
- menu_order ：这仅在您设置菜单订单时才有效，它将根据该订单显示产品。 最小的数字将首先显示。
如果您想要更多的自定义，您可以更进一步，只需在它们之间添加一个空格即可组合这些选项。 例如，您可以尝试混合短代码以根据产品受欢迎程度按顺序显示六列产品，如下所示：
[ products limit="12" columns="4" orderby="popularity" ]更多产品属性
WooCommerce 中还有更多产品属性，您可以将它们与“产品”短代码结合使用。 一些主要的有：
- SKU：您可以根据 SKU（库存单位）展示您的产品。 如果要添加多个 SKU，只需用逗号分隔即可。
- on_sale ：顾名思义，此属性将显示您商店的所有在售产品。
- category ：按类别显示产品也是一个好主意。 您可以有多个类别，用逗号分隔 slug。
- best_sales ：如果您想首先展示您最受欢迎和最畅销的产品，这是一个不错的选择。
- top_rated ：按照相同的逻辑，您还可以显示您的评价最高的项目。
- class ：此属性通过添加 HTML 包装类来帮助您使用自定义 CSS 更改顺序。
例如，如果你想展示你最畅销的产品，每行四个，最多十二个项目，你可以使用这个短代码：
[ products limit="12" columns="4" best_selling="true" ]能见度
此属性允许您根据可见性设置显示产品。 一些选项是：
- 目录：它检索仅在商店页面上可见的产品
- 搜索：它显示仅在搜索页面上可见的产品
- 可见：它是前两者的组合，因为它检索在商店页面和搜索结果上可见的产品。
- hidden：显示只能通过直接 URL 访问的产品。
- 特色：它只会检索标记为特色的产品
例如，如果你想展示你的特色产品，每行四个，最多十二个项目，你可以使用这个短代码：
[ products limit="12" columns="4" visibility="featured" ]内容产品属性
在产品简码中，您可以使用内容产品属性来检索特定页面或帖子上的产品。 更具体地说，可以根据可用的属性或属性项（这是该属性的变体）检索内容。 您可以通过包含 slug、指定术语并将它们与属性组合来做到这一点。 这可能有点令人困惑，所以让我们仔细看看它们中的每一个：
- 属性：它通过封闭 slug 来帮助展示产品
- 术语：它提到了用逗号分隔的属性术语
- terms_operator：它使您可以更好地控制如何显示属性。 共有三种运算符：
- AND ：它将显示您选择的所有属性的产品。
- IN ：它显示具有该选定属性的产品。
- NOT IN ：它将显示不具有所选属性的产品。
类别
遵循与内容产品属性相同的逻辑，您还可以根据其类别显示项目：
- 类别：选择要显示的类别
- cat_operator：您可以应用条件来显示您想要的项目：
- AND：显示的产品需要属于所有选择的类别
- IN：显示的产品需要至少属于所选类别之一
- 不在：显示的产品不需要在任何选择的类别中
- 您还可以根据逗号分隔的 Post ID 列表或 SKU 列表显示产品。
- 还有几个属于产品简码的简码/属性：特殊属性、产品类别和产品类别。 逻辑与您在上面阅读的内容非常相似，但如果您想看一看，可以检查一下。
- 如果您想了解有关短代码的更多信息，可以访问此页面并查看 8 个场景。
例如，如果您想显示特定类别的产品，每行四个，最多十二个项目，您可以使用此短代码：
[ products limit="12" columns="4" category="hoodies, tshirts" ]3.产品页面简码
使用这种类型的 WooCommerce 短代码，您可以使用两个属性显示不同的产品页面：产品 ID 和 SKU。 代码是 .
请务必注意，您甚至可以使用以下两个短代码：
[ product_page ]或者
[ product_page sku="hoodie" ]4. 相关产品简码
如果您使用过亚马逊或阿里巴巴等电子商务商店，您可能已经注意到，当您查看产品时，它们会向您展示其他相关商品。 例如，如果您正在寻找帐篷，他们会向您展示其他类似的帐篷和睡袋。 那是因为如果你需要一个帐篷，你也可能对睡袋感兴趣。
因此，向您的购物者展示相关产品是提高销售额的好主意。 在 WooCommerce 中，这可以通过相关产品简码实现。 您可以准确指出您希望用户看到多少产品。 例如，如果你想展示 4 个产品，短代码应该是：
[ related_products limit="4" ]5.加入购物车按钮
添加到购物车按钮是改善商店客户体验和提高转化率的另一种绝佳方式。 最好的部分是它非常简单。
假设您想在帖子或页面上显示产品的价格和“添加到购物车”按钮，您需要使用的简码是
[ add_to_cart sku="hoodie" ]WooCommerce 短代码还允许您将购物者重定向到另一个 URL，而不是将商品添加到购物车。 为此，您需要编写
[ add_to_cart_url ]对于 id 为 219 的产品。
WooCommerce有用的简码列表
最后，这是您可以在您的网站上使用的最有用的 WooCommerce 短代码列表。
- 购物车页面简码。
[ woocommerce_cart ]- 签出页面
[ woocommerce_checkout ]- 用户帐号。
[ woocommerce_my_account ]- 订单跟踪表。
[ woocommerce_order_tracking ]- 产品简码。
[ products ]- 特色产品。
[ featured_products ]- 销售产品。
[ sale_products ]- 畅销产品。
[ best_selling_products ]- 最近的产品。
[ recent_products ]- 产品属性。
[ product_attribute ]- 顶级产品。
[ top_rated_products ]- 产品类别：展示特定类别的产品。
[ product_category ]- 产品类别：显示您的所有产品类别。
[ product_categories ]- 店铺消息：显示消息。
[ shop_messages ]- 产品过滤器：显示产品搜索过滤器。
[ woocommerce_product_filter ]- 过滤器属性。
[ woocommerce_product_filter_attribute ]- 产品过滤器类别。
[ woocommerce_product_filter_category ]- 过滤器价格。
[ woocommerce_product_filter_price ]- 产品过滤标签。
[ woocommerce_product_filter_tag ]- 过滤器评级。
[ woocommerce_product_filter_rating ]- 产品过滤器销售：显示销售产品的实时过滤器。
[ woocommerce_product_filter_sale ]- 产品过滤器重置：显示一个按钮以清除所有实时过滤器。
[ woocommerce_product_filter_reset ]WooCommerce 简码：结论
总而言之，WooCommerce 短代码将帮助您自定义您的商店，而无需编写长行代码。 通过这种方式，您可以测试不同的布局和替代方案，以找到适合您商店的布局。 尽管它们起初看起来很复杂，但事实是，通过一些练习，它们会让您的生活更轻松，并帮助您将业务提升到一个新的水平。
有关自定义在线商店的更多选择，您可以查看我们的指南：
- 在 WooCommerce 中以编程方式添加到购物车功能
- WooCommerce Ajax 添加到购物车
您如何看待 WooCommerce 短代码？ 请在下面的评论中告诉我们您的想法。