一、迷你购物车(Mini Cart)
💡 迷你购物车是页眉中购物车图标悬停时弹出的一个小面板,显示当前购物车中的商品列表和总价,用户无需跳转页面即可查看购物车内容。
🛒 1.1 添加购物车图标到页眉
- 进入 WoodMart → Header Builder。
- 在 Header Main 区域添加一个 Cart 元素。
- 购物车图标会自动显示,并带有商品数量角标。
⚙️ 1.2 迷你购物车展开方式与加购后动作
迷你购物车的相关设置分两处:
展开方式:在 Header Builder 中点击 Cart 元素,元素设置里可选择购物车窗格的展开方式——鼠标悬停展开或点击展开。
加购后动作:进入 主题设置 → Shop,找到 Action after add to cart(加购后动作),可选:弹出购物车窗格(Display widget)、直接跳转购物车页、或无动作。
💡 建议桌面端使用悬停展开,体验更流畅;移动端不支持悬停,会自动改为点击展开。「加购后动作」建议设为弹出购物车窗格,用户加购后能立即看到商品已入车,又不用离开当前页面。
⚡ 1.3 AJAX 加入购物车
AJAX 加入购物车让用户点击「加入购物车」按钮后无需刷新页面,商品直接添加到购物车,迷你购物车自动更新。需要分别在两个层面开启:
- 归档页(商店/分类页):进入 WooCommerce → 设置 → 产品 → 常规,勾选 Enable AJAX add to cart buttons on archives。
- 产品详情页:进入 主题设置 → Single product → Add to cart,开启 AJAX Add to cart——这是 WoodMart 在 WooCommerce 原生功能基础上的扩展,让详情页加购也不再刷新页面。
💡 两个开关建议都打开,保证列表页和详情页的加购体验一致。
二、购物车页面
📄 2.1 检查购物车页面
WooCommerce 安装时会自动创建购物车页面。检查方法:
- 进入 页面,查找名为「Cart」或「购物车」的页面。
- 编辑该页面,确认内容中包含短代码:
[woocommerce_cart] - 如果页面不存在,新建一个并添加上述短代码。

⚙️ 2.2 购物车页面设置
- 进入 WooCommerce → 设置 → 高级。
- 确认 Cart page(购物车页面)已正确关联。
- 交叉销售(Cross-sells)无需在主题里额外开启:只要在编辑产品时,于 产品数据 → Linked Products → Cross-sells 字段中添加了搭配产品,它们就会自动显示在购物车页面底部。
💡 交叉销售用于推荐搭配购买的商品。例如:用户买了手机,就在 Cross-sells 里加上手机壳和贴膜,客户在购物车页结账前会看到推荐。
三、结账页面
📄 3.1 检查结账页面
- 进入 页面,查找名为「Checkout」或「结账」的页面。
- 编辑该页面,确认内容中包含短代码:
[woocommerce_checkout] - 如果页面不存在,新建一个并添加上述短代码。

⚙️ 3.2 结账页面设置
- 进入 WooCommerce → 设置 → 高级。
- 确认 Checkout page(结账页面)已正确关联。
进入 WooCommerce → 设置 → 常规,配置:
商店位置:设置商店所在国家/地区
默认客户地址:建议设为「不根据地理位置计算」
四、支付网关配置
💳 4.1 支付网关概述
跨境电商独立站最常用的两种支付方式:

| 支付方式 | 说明 | 适用场景 |
|---|---|---|
| PayPal(PayPal Payments 插件) | 全球使用最广的在线支付,买家可用 PayPal 余额或信用卡付款 | 所有跨境站点必备 |
| Stripe | 直接在站内接收信用卡支付,支持 Apple Pay / Google Pay | 欧美市场主力支付 |
⚠️ 注意:WooCommerce 早年内置的 PayPal Standard 网关已退役——新版本 WooCommerce 不再自带,PayPal 官方也在停用该接口。当前正确做法是安装官方免费插件 WooCommerce PayPal Payments。
🔗 4.2 配置 PayPal(WooCommerce PayPal Payments)
- 进入 插件 → 安装插件,搜索 WooCommerce PayPal Payments(PayPal 官方开发),安装并启用。
- 进入 WooCommerce → 设置 → 支付,找到 PayPal,点击进入配置。
- 点击 Connect to PayPal,登录并授权你的 PayPal 商家账号,插件会自动完成对接。
- 需要测试时,在插件设置中开启 Sandbox / 测试模式,连接 PayPal Sandbox 测试账号即可。
- 保存更改。
⚠️ 测试完成后,记得关闭 Sandbox 模式并连接正式的 PayPal 商家账号,否则真实订单无法收款。
🔗 4.3 配置 Stripe
- 需先安装 WooCommerce Stripe Gateway 插件(WordPress 插件库免费下载)。
- 安装并启用后,进入 WooCommerce → 设置 → 支付。
- 找到 Stripe,点击「管理」,配置参数如下。
Publishable Key(公钥):从 Stripe 后台获取
Secret Key(私钥):从 Stripe 后台获取
Test mode:测试模式,先开启用于测试
- 保存更改。
💡 Stripe 的 API Key 在 Stripe Dashboard → Developers → API Keys 中获取。测试模式使用
pk_test_和sk_test_开头的 Key,正式模式使用pk_live_和sk_live_开头的 Key。
🧪 4.4 支付测试
- PayPal 测试:使用 PayPal Sandbox 测试账号完成一笔模拟交易。
- Stripe 测试:使用 Stripe 提供的测试卡号
4242 4242 4242 4242(有效日期和 CVC 随便填未来的日期和任意三位数字)。 - 确认订单能在后台正确生成,状态为「处理中」或「已完成」。
⚠️ 测试完成后,务必关闭测试模式,切换到正式 API 配置。
五、订单确认邮件
📧 5.1 邮件设置入口
- 进入 WooCommerce → 设置 → 邮件。

2. 你会看到以下邮件类型:
| 邮件类型 | 触发条件 | 收件人 |
|---|---|---|
| New order(新订单) | 客户下单 | 管理员 |
| Cancelled order(取消订单) | 订单被取消 | 管理员 |
| Failed order(失败订单) | 支付失败 | 管理员 |
| Processing order(处理中) | 订单进入处理状态 | 客户 |
| Completed order(已完成) | 订单标记为已完成 | 客户 |
| Order on-hold(保留) | 订单待付款(如货到付款) | 客户 |
⚙️ 5.2 配置邮件模板
- 点击每种邮件类型的「管理」按钮进入设置,配置。
启用/禁用:是否发送该邮件
邮件主题:邮件标题,可使用变量如
{site_title}、{order_number}邮件内容:邮件正文模板
邮件类型:HTML 或纯文本
⚠️ 5.3 邮件发送问题排查
如果客户收不到订单邮件:
- 检查邮件设置是否已启用。
- 确认 WordPress 发送邮件功能正常(设置 → 常规 → 管理员邮箱)。
- 安装 SMTP 插件(如 WP Mail SMTP),配置专业邮件发送服务(如 SendGrid、Mailgun、Amazon SES)。
- 检查邮件是否被归到垃圾箱。
💡 站点邮件进垃圾箱是跨境站点常见问题。使用专业 SMTP 服务可以显著提升邮件到达率。
六、订单管理
📋 6.1 查看订单
- 进入 WooCommerce → 订单。
- 订单列表显示所有订单,可按状态筛选(待付款、处理中、已完成、已取消、已退款)。
⚙️ 6.2 处理订单
- 点击订单编号进入订单详情。
可执行操作:
修改订单状态
添加订单备注(客户可见或仅内部可见)
退款操作
重新发送订单邮件
💡 当你将订单状态改为「已完成」时,客户会自动收到一封「订单已完成」的邮件。你也可以在订单详情页手动重新发送该邮件。


















暂无评论内容