如何添加WooCommerce短代码？

用户在使用WooCommerce进行跨境电商独立站搭建工作时，有可能会借助WooCommerce短代码实现更加醒目的页面布局，帮助商家更加直观地展示产品。那么这一步骤该如何实现呢？商家可以借助一些WooCommerce短代码示例，在WordPress编辑器中直接添加WooCommerce短代码来实现这一功能，下文将为大家具体介绍WooCommerce短代码有关知识。

一、WooCommerce短代码是什么

也许大多数人都熟悉在WordPress独立站中使用短代码，它显示为两个方括号[shortcode]之间的一小段文本、WooCommerce短代码有以下两个主要核心内容：

• WooCommerce简码在电子商务网站上执行某种有效的操作。例如让客户跟踪他们的订单。
• 店主可以通过展示具有多种展示风格的产品相关内容来优化他们的WooCommerce商店。例如展示评价最高或最畅销的产品。

WooCommerce短代码的作用

• 通过添加一小段代码来获得完整的操作
• 除了进行简单的复制和粘贴外，不需要任何编码知识
• 通过更改参数可以很容易地修改代码
• 根据要求将其添加到网站上的任何位置
• 显示和隐藏特定类别和事件的产品
• 定义显示的产品编号和订单
• 通过同时进行多项交易来节省时间
• 甚至还有一些更关键的好处，比如通过向访问者展示一些相关产品来吸引他们的兴趣

二、WooCommerce短代码示例

• [woocommerce_product_search]—在网站上的任何位置显示产品搜索字段，让客户输入和搜索。
• [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_sales]—用于过滤特价商品。
• [woocommerce_product_filter_stock]—过滤有库存的产品。
• [woocommerce_product_filter_reset]—添加一个按钮以禁用所有实时过滤器。

三、如何使用WooCommerce短代码

1、使用经典编辑器

如何在经典编辑器中使用WooCommerce短代码，如果在WordPress经典编辑器中正在使用短代码，只需插入即可，请注意它必须位于方括号之间。

2、使用Gutenberg块编辑器

使用Gutenberg编辑器时，单击（+）图标添加新块。然后使用搜索栏浏览短代码块。一旦看到它，只需选择它并在字段中添加短代码，请注意别忘了保存页面。

此外可以在单个页面中使用多个短代码，这是通过将短代码与其他短代码结合使用来实现的。例如可以使用类似[woocommerce_my_account]和[woocomerce_order_tracking]的代码设置表单页面。

推荐阅读：

《WooCommerce是什么?》

《跨境建站：WooCommerce使用教程》

《如何测试WooCommerce的网络性能？》