EP587-590. “WooCommerce 入门：介绍、基础设置、创建简单产品与侧边栏管理”

• WooCommerce 背后是全球超过 40% 的电商网站在用——市占率比任何其他电商平台都高
• 短描述该写的是 Benefits（感性卖点），长描述才是 Features（理性规格）——两者位置和语气完全不同
• 产品详情页想去掉侧边栏，别把整站的 Widget 都删光——那样连博客的侧边栏也会一起消失

重点内容

EP587：WooCommerce 是什么

WooCommerce 定义： WooCommerce 是一个 WordPress 插件，安装后把普通 WordPress 网站变成功能完整的在线商店。

核心功能：

• 添加商品（实体/数字/服务）
• 设置支付网关（100+ 种支付方式）
• 购物车（Add to Cart）
• 结账流程（Checkout）
• 库存管理
• 订单处理

WooCommerce 的市场地位： 全球 40% 以上的电商网站使用 WooCommerce——比任何其他电商平台都多。

可以卖什么：

为什么选 WooCommerce：

1. 极低门槛——设置简单，普通人也能操作
2. 免费（核心版），上百个付费扩展插件
3. 由 Automattic（WordPress 母公司）维护，持续更新
4. 安全性高——40%+ 市占率背后有大量开发者维护

EP588：WooCommerce 基础设置

安装步骤：

1. WordPress 后台 → Plugins → Add New → 搜索「WooCommerce」（Automattic 出品，4M+ 活跃安装）→ Install Now → Activate
2. 安装后会出现「Setup Wizard（设置向导）」→ 选择「Not right now」（先不用向导，课程会手动配置）

创建 WooCommerce 默认页面：

1. WordPress 后台 → WooCommerce → Status → Tools 标签
2. 找到「Create default WooCommerce pages」→ 点击「Create Pages」
3. WooCommerce 会自动创建以下必需页面：

[截图：WooCommerce Status → Tools 标签页 Create default pages 按钮]

• Shop（商店）
• Cart（购物车）
• Checkout（结账）
• My Account（我的账户）

基础设置（WooCommerce → Settings）：

General 标签：

Currency Options（货币）：

Products 标签：

把「Shop」加入导航菜单：

1. Appearance → Menus
2. 左边找到「Shop」页面 → 勾选 → Add to Menu
3. 拖动到菜单里正确的位置（例：放在 Blog 之后）→ Save Menu
4. 访问网站 → 菜单出现「Shop」链接 → 购物车图标也自动显示在菜单右上角

EP589：创建第一个简单产品（Simple Product）

进入创建产品界面： WordPress 后台 → WooCommerce → Products → Add New

基本信息：

1. Product Name（产品名称）：填入「Gaming Mouse」（作为示例）
2. 点击「Publish」→ 产品立刻出现在商店页面

长描述（Product Description）：

• 位置：编辑器上方大文字框
• 内容：详细的产品介绍（功能、规格、技术参数）
• 出现在：产品页面底部「Description」标签

Product Data（产品数据区域）：

[截图：WooCommerce 产品编辑页 Product Data 区域，General/Inventory/Shipping/Advanced 标签]

Simple Product 主要设置：

1. General（价格）：

2. Inventory（库存）：

SKU 最佳实践：

• 从数字 1 开始（不从 0 开始，避免混淆）
• 可以编码产品类别：MO1001 = Mouse 类别，第 1001 号产品，第 1 个变量
• 避免使用字母 O（容易和数字 0 混淆）→ 用数字代替
• 可以使用供应商的 SKU → 有助于客户搜索到你的产品（如果他们已知 SKU）

3. Shipping（运费）：

4. Advanced（进阶）：

短描述（Short Description）：

• 位置：页面底部 Short Description 文字框
• 内容：1–3 句话强调产品卖点和好处（Benefits，不是 Features）
• 出现在：产品页面主图旁边（最显眼的位置）→ 这里要「卖」产品

例：

• 短描述：「专为游戏玩家设计，超灵敏 2000 DPI，让你的游戏反应快人一步。」
• 长描述：「DPI：200–2000；重量：85g；接口：USB；尺寸：12cm × 6cm × 4cm。」

产品分类（Product Categories）： 右边栏 → Product Categories → Add New Category（例：「Gaming」→ 再加子分类「Mouse」，Parent = Gaming）→ 勾选后 Update

产品标签（Product Tags）： 右边栏 → Product Tags → 添加相关搜索词（例：「7DX, ergonomic, 2000DPI」）→ 用逗号分隔 → 有助于产品被搜索到

产品主图： 右边栏 → Product Image → Set Product Image → 上传产品正面图（高质量！）→ Set Product Image

产品图库（Product Gallery）： 右边栏 → Product Gallery → 添加多张图片（正面/侧面/背面）

• Mac：按住 Command 多选
• PC：按住 Shift 多选
• 上传后设置每张图片的 Title 和 Alt Text（SEO + 描述性文字）

EP590：移除侧边栏（Sidebar）

WooCommerce 安装后，商店和产品页面默认带侧边栏。移除侧边栏让产品图片和描述有更多展示空间。

三种场景，三种方法：

方法 1：只移除产品详情页的侧边栏（推荐） 让商店列表页保留侧边栏（导航用），但点进单个产品时全幅显示：

1. 访问网站 → 点进任何一个产品 → Customize（顶部栏）
2. 左侧找到「WooCommerce」（安装 WooCommerce 后新增的项目）
3. → Single Product → Layout → 选「Full Width」或「100% Full Width」
   • Full Width = 内容区全宽，有轻微边距
   • 100% Full Width = 完全铺满（更极简）
4. Publish → 产品详情页侧边栏消失

[截图：Customize → WooCommerce → Single Product Layout 选择 Full Width 的设置界面]

方法 2：用 Ocean WP 逐页移除侧边栏 适合：商店列表页、购物车、结账页等页面分别设置：

1. WordPress 后台 → Pages → All Pages
2. 找到「Shop」→ Edit（普通编辑，不是 Elementor）
3. 右侧（或底部）找到 Ocean WP 的 Content Layout 设置 → 改为「Full Width」
4. Update → 该页面侧边栏消失
5. 重复应用到：Cart、Checkout、My Account 页面

方法 3：删除所有 Widget，全站移除侧边栏 适合：整个网站都不想要侧边栏：

1. Appearance → Widgets
2. 找到「Default Sidebar」
3. 展开每个 Widget → 点击「Delete」删除
4. 当 Default Sidebar 里没有任何 Widget → 侧边栏消失

课程推荐方案： 商店相关页面（Shop、Cart、Checkout、My Account）用方法 2（Ocean WP 逐页）→ 博客保留侧边栏 → 两全其美。

核心概念速查

行动步骤

安装 & 配置：

1. Plugins → WooCommerce → Install → Activate → 跳过 Setup Wizard
2. WooCommerce → Status → Tools → Create Default Pages
3. WooCommerce → Settings → General → 填写地址，设置货币（左置，2 位小数）
4. Products → Weight Unit + Dimensions Unit → 保持一致
5. Appearance → Menus → 添加 Shop 到主导航

创建产品：

1. WooCommerce → Products → Add New → 填写产品名称
2. General → Regular Price + Sale Price（可设定促销日期）
3. Inventory → Manage Stock → 填写数量 → 设置 Low Stock Threshold
4. 填写 SKU（建议：类别缩写 + 编号，如 MO1001）
5. Advanced → Purchase Note → Enable Reviews
6. 短描述（Benefits）→ 长描述（Features）
7. 右侧：设置分类 → 添加标签 → 上传主图 → 添加图库

移除侧边栏：

1. 产品详情页：Customize → WooCommerce → Single Product → Full Width → Publish
2. 商店相关页面：Pages → Shop → Edit → Ocean WP Content Layout → Full Width → Update
3. 重复用于 Cart、Checkout、My Account 页

工具 & 资源

常见误区

• ❌ 直接用 Setup Wizard 设置——课程推荐手动配置，能更清楚了解每个选项的作用
• ❌ 产品图片用低质量图片——产品图是最重要的销售工具，必须用清晰的高质量图
• ❌ 不设置 Alt Text 和图片 Title——这两个字段对 SEO 很重要，上传图片时就要填
• ❌ Short Description 写规格参数——Short Description 是最显眼的位置，要写能触动情感的「好处」，规格放 Long Description
• ❌ 不开启 Reviews（评价）——社交证明是最有效的转化工具，除非产品有特殊情况否则永远开启

Sources

Udemy（课程 transcript）：

1. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 587
2. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 588
3. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 589
4. The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 590