WooCommerce 内置短代码介绍:让你轻松调用产品与功能模块

什么是 WooCommerce 短代码?
WooCommerce 是 WordPress 最流行的电商插件之一。为了让用户更灵活地展示商品、分类、购物车等功能模块,WooCommerce 提供了一系列内置短代码(Shortcodes),可以直接插入在文章、页面、甚至小工具中,快速调用电商内容。
短代码格式一般如下所示:
无需写 PHP,只需复制粘贴短代码,即可生成完整的商城模块页面,非常适合非技术用户快速建站。
常用 WooCommerce 短代码一览(带示例)
以下是一些最常用的 WooCommerce 内置短代码,涵盖产品展示、分类页、购物车、结账等场景:
1. [woocommerce_cart] – 显示购物车页面
用于创建一个显示购物车内容的页面,通常你的网站“购物车”菜单页就是这个短代码生成的。
2. [woocommerce_checkout] – 显示结账页面
用于呈现订单填写、支付方式选择等内容。
3. [woocommerce_my_account] – 用户账户中心
用于展示用户登录、注册、订单列表、账户信息修改等功能。
4. [products] – 灵活展示产品
这是最强大的产品调用短代码之一,可以通过多个参数自由组合。
-
limit
:显示的产品数量 -
columns
:每行显示几列 -
orderby
:排序方式(如 date, price, popularity) -
order
:升序 ASC 或降序 DESC
更多参数示例:
5. [product_page id=”99″] – 显示指定商品详情页
或使用 slug:
这个短代码可以把一个产品的完整页面内容嵌入到任意页面中。
6. [product_category] – 显示单个分类的商品列表
也可以控制显示数量和列数:
7. [recent_products] – 最新上架产品
自动调用最新上架的商品,非常适合放在首页或“新品推荐”版块。
8. [featured_products] – 精选产品
这些产品需要在后台编辑时勾选“设为精选产品”。
9. [sale_products] – 打折促销商品
只会显示当前有“销售价”的商品,非常适合做一个促销页或首页模块。
如何使用这些短代码?
-
文章或页面编辑器中直接粘贴短代码
-
使用 Gutenberg 的“短代码模块”区块
-
在小工具中嵌入文本组件使用短代码
-
用于 Elementor、Bricks、Oxygen 等构建器的 HTML 模块中
使用建议和 SEO 小贴士
-
✅ 合理使用 limit 和 columns,确保页面布局美观
-
✅ 不要堆叠太多短代码在一个页面,避免加载过慢
-
✅ 定期更新精选和促销产品标签,保持内容新鲜感
-
✅ 结合产品分类和标签进行内容营销优化
-
✅ 为短代码生成的页面添加合适的标题和描述,有助于 SEO
常见问题解答
问题 | 解决方法 |
---|---|
页面显示 [shortcode] 原样不解析 | 确认是否正确放在支持短代码的位置,例如文本块或编辑器中 |
页面加载很慢 | 控制产品数量,避免一次性展示过多内容 |
无法显示产品 | 检查产品是否已发布、库存充足、分类或标签名称拼写正确 |
官方参考文档
总结
WooCommerce 短代码是电商建站的强大工具,不仅能快速搭建产品展示页,还能灵活组合出个性化首页、促销页、分类页。对于非程序员用户来说,掌握这些短代码可以极大提升建站效率与页面灵活性。