网站搭建完成后，最重要的工作就是上传自己的商品。只有商品名称、价格、图片和详情等信息完整展示出来，访客才能了解产品，并进一步加入购物车或提交订单。
通过SHOPAGG搭建的WordPress B2C网站，商品、购物车、订单和结账等电商功能主要由WooCommerce提供。发布商品看起来有很多设置，第一次操作其实只需要掌握几个核心步骤。
本节是《WordPress建站教程》的第6课，先从最简单的“简单产品”开始，带你发布第一个WooCommerce商品，并在网站前台检查实际展示和购买流程。
WooCommerce发布商品的基本流程
第一次发布商品，可以先记住下面这条流程：
进入产品管理 → 添加产品 → 填写名称和描述 → 选择简单产品 → 设置价格 → 上传主图 → 选择分类 → 发布并查看前台。
按照WooCommerce官方说明，创建简单产品最基本的信息是产品名称和常规价格；描述、图片、分类、库存等内容可以继续完善。实际运营时不建议只填写最低必填项，因为信息越完整，客户越容易理解和信任产品。查看WooCommerce官方添加产品说明
第一步：进入WooCommerce产品管理
登录WordPress后台，在左侧菜单中找到“产品”。部分后台布局中，它可能显示在WooCommerce相关菜单下面。
打开产品列表后，可以看到成品网站模板导入时附带的演示商品。这些商品用于展示模板效果，并不是你的真实产品。
如果不需要演示商品，可以批量删除：
- 点击列表顶部的全选框；
- 在“批量操作”中选择“移至回收站”；
- 点击“应用”。
移入回收站的商品不会继续显示在商店中，但在彻底清空回收站前通常还可以恢复。如果后续课程还需要参考演示商品的设置，也可以暂时保留，等自己的商品准备好后再删除。
第二步：新建一个WooCommerce商品
在产品管理页面点击“添加产品”或“添加新产品”，进入商品编辑页面。
WooCommerce产品编辑器通常包含以下主要区域：
| 设置区域 | 主要作用 |
|---|---|
| 产品名称 | 显示商品的正式名称 |
| 产品描述 | 展示完整详情、参数、卖点和图片 |
| 产品数据 | 设置产品类型、价格、库存、配送等信息 |
| 产品简短描述 | 在价格和购买按钮附近概括核心卖点 |
| 产品图片 | 设置商品主图 |
| 产品相册 | 展示更多角度和细节图片 |
| 产品分类 | 将商品归入对应栏目 |
| 发布 | 保存商品并正式展示到网站前台 |
不同版本的WordPress、WooCommerce和主题可能会调整编辑器的排列位置，但核心设置基本一致。
第三步：填写产品名称
产品名称会显示在商品详情页、商店列表、分类页和部分搜索结果中。名称应该让客户快速知道产品是什么，而不是只填写内部编号。
例如，与其只写：
YF-001
不如写成：
Women's High-Waist Seamless Yoga Leggings
如果型号对采购和区分产品很重要，可以将产品名称与型号结合：
Women's High-Waist Seamless Yoga Leggings – YF-001
好的产品名称通常包含产品类型、关键材质或核心特征，但不要把颜色、尺寸、产地和所有关键词全部堆在标题中。
第四步：填写产品详情描述
产品名称下方的大型编辑区域是“产品描述”，通常显示在商品详情页下部。这里可以添加文字、图片、参数表、使用场景和其他媒体内容。
建议根据产品实际情况包含：
- 产品核心卖点；
- 材质、尺寸和规格；
- 使用方法或适用场景；
- 包装、运输和交付信息；
- 保养或注意事项；
- 售后与退换说明；
- 面向批发客户时的起订量和定制能力。
点击“添加媒体”可以从WordPress媒体库选择已有图片，也可以上传新图片插入详情。不要只复制供应商提供的一小段通用文案；真实、清楚且独立的产品内容更有利于客户判断，也更适合SEO。
第五步：选择正确的产品类型
产品数据区域中最需要注意的是“产品类型”。本节主要介绍简单产品和可变产品。
简单产品
简单产品适合只有一套主要购买信息、不需要客户选择不同款式或规格的商品。例如一本书、一个固定型号的配件，或者只有一个统一价格的商品。
这是最容易上手的产品类型。第一次学习WooCommerce时，建议先用简单产品熟悉完整发布流程。
可变产品
可变产品适合同一商品存在多个选项的情况，例如：
- 不同颜色；
- 不同尺寸；
- 不同材质；
- 不同容量；
- 不同配置。
每个变体可以拥有单独的价格、SKU、库存和图片。可变产品需要先设置属性，再生成对应变体，操作比简单产品复杂，可以在熟悉基础发布流程后继续学习。WooCommerce对这两类产品的区分与设置，可参考其官方产品管理文档。
第六步：设置常规价格和促销价格
选择“简单产品”后，在产品数据的常规设置中填写价格。
- 常规价格： 商品平时正常销售的价格；
- 促销价格： 商品参加促销时显示的优惠价格。
例如，常规价格填写99，表示商品正常售价为99个当前网站货币单位。如果没有促销活动，促销价格可以留空。
填写价格前，还应确认WooCommerce后台使用的币种是否符合目标市场。面向美国客户的商店通常使用美元，面向其他市场则应结合客户地区和收款方式选择合适币种。
第七步：按需设置库存
如果需要追踪实际库存，可以在产品数据的库存区域启用库存管理，并填写库存数量、SKU和缺货处理方式。
新手至少应理解以下几个字段：
- SKU： 商品的唯一内部编号，便于订单和仓库管理；
- 库存数量： 当前可销售数量；
- 库存状态： 有货、缺货或允许延期交货；
- 单独出售： 限制每个订单只能购买一个。
库存设置应与实际可售数量保持一致，避免客户付款后才发现无法发货。没有库存管理需求时，也可以只设置库存状态，但正式运营前必须确认前台显示正确。
第八步：设置产品分类
产品分类决定商品在商店中的归属，也会影响网站导航和客户查找产品的效率。
导入成品网站后，系统可能已经创建了一些演示分类。可以进入“产品 → 分类”统一删除、修改或新增，也可以在编辑商品时直接点击“添加新分类”。
例如，发布瑜伽服时，可以新建并勾选：
Yoga Wear
分类名称应从客户角度设计，避免直接使用内部部门或仓库编号。商品较多时可以建立父级和子级分类，但层级不宜过深。
第九步：上传产品主图
右侧的“产品图片”是商品主图。它通常会显示在商店列表、分类页和商品详情页最醒目的位置。
点击“设置产品图片”，从媒体库中选择已有图片，或上传一张新图片，然后确认设置。
主图建议做到：
- 产品主体清楚，背景不过分杂乱；
- 使用统一的图片比例和视觉风格；
- 保证足够清晰，但控制文件大小；
- 不在图片上堆放太多文字和促销元素；
- 图片内容与客户实际收到的商品一致。
第一张图片决定客户是否愿意继续点击，因此主图质量比盲目增加图片数量更重要。
第十步：添加产品相册
产品相册用于展示主图之外的其他图片，例如不同角度、细节、包装、尺寸对比和使用场景。
点击“添加产品相册图片”，可以一次选择多张图片。上传成功后，商品前台通常会在主图附近显示可切换的缩略图。
WooCommerce本身不会要求只能上传固定数量的相册图片，但图片越多，页面需要加载的资源也越多。建议只保留真正能够帮助客户理解产品的图片，并在上传前压缩文件。
常见的产品图片组合可以是：
- 白底或干净背景主图；
- 正面、侧面和背面；
- 材质或工艺细节；
- 尺寸与规格说明；
- 实际使用场景；
- 包装或配件展示。
第十一步：添加产品主图视频
如果当前SHOPAGG主题的产品编辑页面提供视频功能，可以为商品添加MP4视频，或粘贴YouTube视频链接。
两种方式各有特点：
| 视频方式 | 优点 | 注意事项 |
|---|---|---|
| 上传MP4文件 | 视频文件由自己的网站管理 | 占用服务器存储和流量，文件过大会拖慢页面 |
| 使用YouTube链接 | 减少网站服务器的存储和播放压力 | 访客所在地区需要能够正常访问YouTube |
直接上传手机拍摄的高清或4K原始视频，文件可能达到几百MB，会快速占满存储空间，并明显增加页面加载时间。
上传前应先压缩视频。本教程建议尽量控制在10MB以内；实际大小还需要结合画面时长、清晰度和产品展示需求。相比通过聊天软件二次压缩，更稳妥的方式是使用剪辑软件降低分辨率和码率后重新导出，这样更容易控制画质。
第十二步：填写产品简短描述
“产品简短描述”通常显示在商品标题、价格和加入购物车按钮附近，适合概括最重要的购买理由。
它与完整产品描述的区别是：
| 内容位置 | 适合填写什么 |
|---|---|
| 产品简短描述 | 3至5个核心卖点、关键规格、发货或服务优势 |
| 产品完整描述 | 详细参数、图片、使用说明、包装、售后和品牌内容 |
简短描述没有必要写成很长的文章。客户在首屏应能迅速理解产品的主要价值，详细信息再放到下方产品详情中。
第十三步：发布并查看商品前台
完成基本设置后，点击“发布”。系统提示产品已发布后，可以点击“查看产品”打开商品详情页。
重点检查：
- 产品标题是否正确；
- 分类是否已经显示；
- 常规价格和促销价格是否正确；
- 简短描述是否位于购买区域附近；
- 主图、相册和视频能否正常切换；
- 完整产品描述是否排版清晰；
- 数量选择和“加入购物车”按钮是否可用；
- 手机端是否方便浏览和购买。
发现问题后返回后台修改商品，再点击“更新”即可。
为什么商品可以加入购物车，却无法付款？
发布商品后，客户通常已经可以选择数量、加入购物车并进入结账页面。但如果网站还没有配置支付网关，WooCommerce会提示没有可用的付款方式，客户无法完成在线支付。
商品发布和收款配置是两个不同步骤。网站正式上线前，还需要设置：
- 支付方式；
- 网站币种；
- 配送区域和运费；
- 税费规则；
- 结账页面和通知邮件；
- 必要的退款、隐私和服务条款。
后续课程会继续讲解网站收款平台的配置方法。在支付方式设置完成前，可以先测试商品页面、购物车和结账信息填写流程，但不要正式投放广告获取订单。
如何调整商店列表的商品顺序和数量？
发布的新商品不一定自动显示在商店列表最前面，因为前台可能使用默认排序、菜单排序、热度或其他规则。
根据当前主题提供的设置，可以将商品列表调整为按最新发布时间排序，也可以设置每页显示9个、12个、18个或24个商品，并在大图、中图和小图布局之间切换。
设置时要平衡信息密度和加载速度：
- 产品不多时，可以使用较大的图片突出视觉效果；
- 产品较多时，可以使用更紧凑的布局和合理分页；
- 每页商品越多，需要同时加载的图片也越多；
- 手机端不宜一次显示过多信息。
这些选项属于主题或商店页面的展示设置，不会改变商品本身的数据。
WooCommerce产品发布前检查清单
正式上线前，可以按下面的清单逐项检查：
- 产品名称清楚，没有拼写错误；
- 产品类型选择正确；
- 常规价格、促销价格和币种正确；
- SKU和库存状态符合实际情况；
- 产品分类已经勾选；
- 主图清晰且文件大小合理；
- 相册图片没有重复和模糊；
- 视频能够播放且没有拖慢页面；
- 简短描述突出核心卖点；
- 产品详情包含规格、包装和必要说明；
- 加入购物车和结账流程可以正常打开；
- 支付、配送和税费已经按业务要求配置。
常见问题
1. WooCommerce发布商品最少需要填写什么？
创建简单产品时，最基本的是产品名称和常规价格，然后点击发布。实际销售时还应补充主图、描述、分类、库存和必要的配送信息。
2. 简单产品和可变产品有什么区别？
简单产品只有一套主要购买信息；可变产品包含颜色、尺寸等多个选项，每个变体可以拥有不同价格、SKU、库存和图片。
3. 产品主图和产品相册有什么区别？
产品主图是商品的主要展示图片，常用于商店列表和详情页首图；产品相册用于补充展示其他角度、细节和场景。
4. 商品图片是不是越多越好？
不是。图片应该覆盖客户需要了解的信息，但重复和无价值的图片会增加页面加载量。重点是图片清楚、统一并经过压缩。
5. 可以直接上传手机拍摄的4K视频吗？
技术上可能可以上传，但不建议。原始4K视频文件很大，会占用服务器空间并拖慢网站，应先压缩，或使用合适的外部视频平台链接。
6. 商品发布后为什么商店页面没有显示？
可以检查商品是否已经正式发布、目录可见性是否正确、是否设置了分类，以及商店页面是否存在缓存。清理缓存后再次查看。
7. 商品发布后就能收款吗？
不一定。还需要配置至少一种可用的支付方式，并检查币种、配送、税费和结账设置。没有支付网关时，客户可能无法提交付款订单。
8. 演示商品删除后可以恢复吗？
移入回收站后，在彻底删除前通常可以恢复。确认不再需要时再清空回收站。
本节小结
WooCommerce发布一个简单产品，核心步骤并不复杂：
填写名称和描述 → 选择简单产品 → 设置价格和库存 → 选择分类 → 上传主图、相册和视频 → 填写简短描述 → 发布并检查前台。
第一次操作不要急着填写所有高级选项。先完成一个商品的完整发布流程，再逐步学习可变产品、属性、配送、税费和支付设置，会更容易理解。
通过SHOPAGG官网可以快速部署带有WooCommerce电商功能的WordPress网站，并在统一的主机管理面板中完成域名、备份和日常维护，适合希望快速开始跨境独立站业务的新手卖家。
