WooCommerce短代码使用指南：从入门到高级技巧

WooCommerce 作为 WordPress 领域的领先电子商务插件，已帮助无数企业成功将网站转型为功能强大的在线商店。然而，许多用户对 WooCommerce 短代码的应用仍缺乏了解。本指南将全面解析 WooCommerce 短代码的奥秘，从基础的产品展示和购物车管理，到高级的定制化用户体验，带您深入了解这些微小代码片段如何为您的电子商务网站带来革命性变化。掌握 WooCommerce 短代码的使用，不仅能让您轻松创建高度定制的销售页面，还能构建令人惊叹的销售漏斗，为任何业务场景打造强大的电子商务平台。

### 什么是短代码？

简码是 WordPress 中执行特定功能的一小段代码，当您将其添加到页面、文章或小工具区域时，就能触发相应操作。这些代码的功能多样，有的用于加载文章内容，有的用于显示联系表单，应用场景广泛。作为 WordPress 核心功能的一部分，短代码的格式统一，通常以 `[shortcode]` 的形式呈现。不同插件和主题的短码前可能会加上插件名称以区分，例如 `[pluginname_shortcode]`，但具体形式取决于插件设计。

### WooCommerce 短代码详解

WooCommerce 短代码专为 WooCommerce 插件设计，包含数十种短码，用于构建和展示各类页面。在您首次安装 WooCommerce 并完成设置向导后，系统会自动创建多个页面，这些页面都包含相应的短码。例如，`[woocommerce_cart]` 短码用于加载购物车页面。WooCommerce 短码主要应用于以下页面：

– 产品展示
– 购物车
– 结账
– 用户账户
– 订单跟踪

### 使用 WooCommerce 短代码的优势

短码是定制 WooCommerce 商店的最便捷方式之一。通过简单粘贴并调整参数，您就能轻松打造个性化的电子商务网站，自由选择展示的产品、订购流程和页面布局。更妙的是，您无需具备编程知识，只需复制粘贴几行代码即可。这种简单性极大地降低了定制门槛，让每个人都能轻松掌握。

### 如何插入短代码

在 WordPress 网站中使用 WooCommerce 短码前，请确保已安装并激活 WooCommerce 插件。登录 WordPress 仪表板，导航至“插件”>“安装新插件”，搜索“WooCommerce”，点击安装并启用。完成安装后，按照 WooCommerce 设置向导配置店铺详情、支付方式和运输选项。安装 WooCommerce 后，您的网站会自动生成购物车、结账和用户账户页面。接下来，我们将深入探讨如何利用短码进一步优化产品展示。

#### 简码的基本语法

WooCommerce 短码通常包含多个属性，用于自定义输出。基本结构如下：`[shortcode attribute1=”value1″ attribute2=”value2″]`。例如，`[products limit=”4″ columns=”2″]` 以两栏布局显示四种产品。

#### 添加短码的方法

**古腾堡区块编辑器**：点击加号添加新块，搜索“Shortcode”，选择短码区块，输入您的短码，保存页面即可查看效果。

**经典编辑器**：直接在编辑器中输入短码，确保包含 `[` 和 `]` 括号。

**小工具**：在文本小工具中添加短码，加载页面后，侧边栏将显示短码内容。

### WooCommerce 短代码的工作原理

短码看似简单，实则功能强大。让我们拆解其组成部分：

– **短码本身**：如 `[products]` 或 `[woocommerce_order_tracking]`，部分短码需要参数才能完整运行。
– **参数**：附加信息，使短码功能更具体。例如，`[products on_sale=”true”]` 用于显示正在销售的产品。

### 基本 WooCommerce 短码

#### 产品展示短码

`[products]` 是最通用的 WooCommerce 短码之一，允许您根据多种条件展示产品列表。它拥有丰富的属性，如：

– `limit`：控制显示的产品数量。
– `columns`：设置列数。
– `orderby`：按特定条件排序产品。
– `order`：设置产品顺序（升序或降序）。
– `category`：按产品类别筛选。
– `tag`：按产品标签筛选。
– `paginate`：启用分页功能。

**示例**：

– `[products limit=”8″ columns=”4″ orderby=”date” order=”DESC”]`：以四列布局显示最新的八种产品，按添加日期降序排序。
– `[products category=”accessories” limit=”6″ columns=”3″]`：以三栏布局显示“accessories”类别的六种产品。
– `[product id=”22″]`：显示 ID 为 22 的单个产品。
– `[product_page id=”22″]`：显示 ID 为 22 的完整产品页面，包括标签、相关产品和评论。

#### 购物车和结账短码

WooCommerce 提供了专门的短码，用于展示购物车、结账和用户账户页面：

– `[woocommerce_cart]`：显示购物车页面，包括所有商品、数量和总价。
– `[woocommerce_checkout]`：显示结账页面，客户可输入账单和送货信息。
– `[woocommerce_my_account]`：显示用户账户页面，包含订单、下载、地址等信息。
– `[woocommerce_order_tracking]`：允许客户输入订单 ID 和电子邮件，跟踪订单状态。

#### 产品类别短码

`[product_categories]` 用于展示产品类别列表或网格，属性包括：

– `number`：要显示的类别数量。
– `columns`：列数。
– `orderby`：排序方式。
– `hide_empty`：是否隐藏空类别。

**示例**：

– `[product_categories number=”12″ columns=”4″ orderby=”name” order=”ASC”]`：以四列网格显示 12 个产品类别，按名称升序排序。

### 高级 WooCommerce 短码

除了基本短码，WooCommerce 还提供高级短码，提供更多控制和自定义选项：

#### 自定义产品展示

`[products]` 短码支持多种属性组合，实现灵活的产品展示：

– `on_sale`：显示正在销售的产品。
– `best_selling`：显示最畅销的产品。
– `top_rated`：显示评分最高的产品。

**示例**：

– `[products on_sale=”true” limit=”8″ columns=”4″]`：显示四种正在销售的产品。
– `[products category=”accessories” best_selling=”true” limit=”6″ columns=”3″]`：以三栏布局显示“accessories”类别的六种最畅销产品。

#### 针对特定用例的短码

WooCommerce 提供多种短码，满足不同场景需求：

– `[recent_products]`：显示最近添加的产品。
– `[featured_products]`：显示标记为特色的产品。
– `[sale_products]`：显示当前正在销售的产品。
– `[best_selling_products]`：显示畅销产品。
– `[top_rated_products]`：显示评分最高的产品。

**示例**：

– `[recent_products limit=”5″ columns=”5″]`：以五栏布局显示五个最近添加的产品。
– `[featured_products limit=”6″ columns=”3″]`：以三栏布局显示六个特色产品。
– `[sale_products limit=”8″ columns=”3″]`：显示三种正在销售的产品。

### WooCommerce 短代码列表

以下是一些最有用的 WooCommerce 短码及其功能：

– `[woocommerce_cart]`：显示购物车页面。
– `[woocommerce_checkout]`：显示结账页面。
– `[woocommerce_my_account]`：显示用户账户页面。
– `[woocommerce_order_tracking]`：显示订单跟踪表单。
– `[products]`：显示产品列表，支持多种自定义属性。

#### 产品展示短码的参数

– `limit`：控制显示的产品数量。
– `category`：按类别筛选产品。
– `columns`：设置列数。
– `paginate`：启用分页功能。
– `orderby`：设置排序方式。
– `order`：设置产品顺序。
– `skus`：按 SKU 筛选产品。
– `tag`：按标签筛选产品。
– `class`：添加 HTML 类名，用于 CSS 样式。
– `on_sale`：显示正在销售的产品。
– `best_selling`：显示最畅销的产品。
– `top_rated`：显示评分最高的产品。

#### 产品属性短码

用于根据产品属性筛选产品：

– `attribute`：指定产品属性。
– `terms`：指定属性术语。
– `term_operator`：控制术语筛选方式（AND、IN、NOT IN）。
– `tag_operator`：控制标签筛选方式（AND、IN、NOT IN）。
– `visibility`：根据产品可见度筛选。
– `cat_operator`：控制类别筛选方式（AND、IN、NOT IN）。

#### 产品类别短码

– `[products _categories]`：显示所有产品类别。
– `[products _category]`：显示特定产品类别。

**示例**：

– `[products _categories ids=”1,2″]`：显示 ID 为 1 和 2 的类别。
– `[products _categories limit=”5″]`：显示五个类别。
– `[products _categories hide_empty=”1″]`：隐藏空类别。
– `[products _categories parent=”0″]`：显示顶级类别。
– `[products _categories orderby=”id”]`：按 ID 排序类别。
– `[products _categories order=”ASC”]`：按升序排序类别。

### 其他有用的短码

– `[add_to_cart]`：为特定产品创建“添加到购物车”按钮。
– `[add_to_cart_url]`：显示特定产品的 URL。
– `[shop_messages]`：在非 WooCommerce 页面显示 WooCommerce 通知。
– **优惠券短码**：通过 Smart Coupons 插件显示可用优惠券。

### 短代码故障排除

在使用短码时，可能会遇到一些常见问题：

– **短码位于标签之间**：确保短码不在 HTML 标签内，否则无法执行。
– **引号错误**：使用直角引号（`”`），而非卷曲引号（`“”）。

### 总结

WooCommerce 短码功能丰富，为电子商务网站提供了强大的定制能力。通过掌握这些短码，您不仅能轻松创建个性化的销售页面，还能构建高效的销售漏斗。无论您是 WooCommerce 新手还是资深用户，这些短码都能帮助您实现更多创意，提升用户体验。如果您已使用 WooCommerce，不妨尝试更多短码应用，探索无限可能。如果您对短码使用仍有疑问，欢迎在评论区分享您的经验和困惑，共同学习进步！