WoodMart 购物车与结账流程配置

图片[1]-WoodMart 购物车与结账流程配置-WP独立站学院
生成摘要
AI 生成,仅供参考

一、迷你购物车(Mini Cart)

💡 迷你购物车是页眉中购物车图标悬停时弹出的一个小面板,显示当前购物车中的商品列表和总价,用户无需跳转页面即可查看购物车内容。

🛒 1.1 添加购物车图标到页眉

  1. 进入 WoodMart → Header Builder。
  2. 在 Header Main 区域添加一个 Cart 元素。
  3. 购物车图标会自动显示,并带有商品数量角标。

⚙️ 1.2 迷你购物车展开方式与加购后动作

迷你购物车的相关设置分两处:

  • 展开方式:在 Header Builder 中点击 Cart 元素,元素设置里可选择购物车窗格的展开方式——鼠标悬停展开或点击展开。

  • 加购后动作:进入 主题设置 → Shop,找到 Action after add to cart(加购后动作),可选:弹出购物车窗格(Display widget)、直接跳转购物车页、或无动作。

💡 建议桌面端使用悬停展开,体验更流畅;移动端不支持悬停,会自动改为点击展开。「加购后动作」建议设为弹出购物车窗格,用户加购后能立即看到商品已入车,又不用离开当前页面。

⚡ 1.3 AJAX 加入购物车

AJAX 加入购物车让用户点击「加入购物车」按钮后无需刷新页面,商品直接添加到购物车,迷你购物车自动更新。需要分别在两个层面开启:

  1. 归档页(商店/分类页):进入 WooCommerce → 设置 → 产品 → 常规,勾选 Enable AJAX add to cart buttons on archives。
  2. 产品详情页:进入 主题设置 → Single product → Add to cart,开启 AJAX Add to cart——这是 WoodMart 在 WooCommerce 原生功能基础上的扩展,让详情页加购也不再刷新页面。

💡 两个开关建议都打开,保证列表页和详情页的加购体验一致。


二、购物车页面

📄 2.1 检查购物车页面

WooCommerce 安装时会自动创建购物车页面。检查方法:

  1. 进入 页面,查找名为「Cart」或「购物车」的页面。
  2. 编辑该页面,确认内容中包含短代码:[woocommerce_cart]
  3. 如果页面不存在,新建一个并添加上述短代码。
前台购物车页面

⚙️ 2.2 购物车页面设置

  1. 进入 WooCommerce → 设置 → 高级。
  2. 确认 Cart page(购物车页面)已正确关联。
  3. 交叉销售(Cross-sells)无需在主题里额外开启:只要在编辑产品时,于 产品数据 → Linked Products → Cross-sells 字段中添加了搭配产品,它们就会自动显示在购物车页面底部。

💡 交叉销售用于推荐搭配购买的商品。例如:用户买了手机,就在 Cross-sells 里加上手机壳和贴膜,客户在购物车页结账前会看到推荐。


三、结账页面

📄 3.1 检查结账页面

  1. 进入 页面,查找名为「Checkout」或「结账」的页面。
  2. 编辑该页面,确认内容中包含短代码:[woocommerce_checkout]
  3. 如果页面不存在,新建一个并添加上述短代码。
前台结账页面

⚙️ 3.2 结账页面设置

  1. 进入 WooCommerce → 设置 → 高级。
  2. 确认 Checkout page(结账页面)已正确关联。
  3. 进入 WooCommerce → 设置 → 常规,配置:

  4. 商店位置:设置商店所在国家/地区

  5. 默认客户地址:建议设为「不根据地理位置计算」


四、支付网关配置

💳 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)

  1. 进入 插件 → 安装插件,搜索 WooCommerce PayPal Payments(PayPal 官方开发),安装并启用。
  2. 进入 WooCommerce → 设置 → 支付,找到 PayPal,点击进入配置。
  3. 点击 Connect to PayPal,登录并授权你的 PayPal 商家账号,插件会自动完成对接。
  4. 需要测试时,在插件设置中开启 Sandbox / 测试模式,连接 PayPal Sandbox 测试账号即可。
  5. 保存更改。

⚠️ 测试完成后,记得关闭 Sandbox 模式并连接正式的 PayPal 商家账号,否则真实订单无法收款。

🔗 4.3 配置 Stripe

  1. 需先安装 WooCommerce Stripe Gateway 插件(WordPress 插件库免费下载)。
  2. 安装并启用后,进入 WooCommerce → 设置 → 支付。
  3. 找到 Stripe,点击「管理」,配置参数如下。
  4. Publishable Key(公钥):从 Stripe 后台获取

  5. Secret Key(私钥):从 Stripe 后台获取

  6. Test mode:测试模式,先开启用于测试

  7. 保存更改。

💡 Stripe 的 API Key 在 Stripe Dashboard → Developers → API Keys 中获取。测试模式使用 pk_test_ 和 sk_test_ 开头的 Key,正式模式使用 pk_live_ 和 sk_live_ 开头的 Key。

🧪 4.4 支付测试

  1. PayPal 测试:使用 PayPal Sandbox 测试账号完成一笔模拟交易。
  2. Stripe 测试:使用 Stripe 提供的测试卡号 4242 4242 4242 4242(有效日期和 CVC 随便填未来的日期和任意三位数字)。
  3. 确认订单能在后台正确生成,状态为「处理中」或「已完成」。

⚠️ 测试完成后,务必关闭测试模式,切换到正式 API 配置。


五、订单确认邮件

📧 5.1 邮件设置入口

  1. 进入 WooCommerce → 设置 → 邮件。

订单邮件列表
2. 你会看到以下邮件类型:

邮件类型触发条件收件人
New order(新订单)客户下单管理员
Cancelled order(取消订单)订单被取消管理员
Failed order(失败订单)支付失败管理员
Processing order(处理中)订单进入处理状态客户
Completed order(已完成)订单标记为已完成客户
Order on-hold(保留)订单待付款(如货到付款)客户

⚙️ 5.2 配置邮件模板

  1. 点击每种邮件类型的「管理」按钮进入设置,配置。
  2. 启用/禁用:是否发送该邮件

  3. 邮件主题:邮件标题,可使用变量如 {site_title}、{order_number}

  4. 邮件内容:邮件正文模板

  5. 邮件类型:HTML 或纯文本

⚠️ 5.3 邮件发送问题排查

如果客户收不到订单邮件:

  1. 检查邮件设置是否已启用。
  2. 确认 WordPress 发送邮件功能正常(设置 → 常规 → 管理员邮箱)。
  3. 安装 SMTP 插件(如 WP Mail SMTP),配置专业邮件发送服务(如 SendGrid、Mailgun、Amazon SES)。
  4. 检查邮件是否被归到垃圾箱。

💡 站点邮件进垃圾箱是跨境站点常见问题。使用专业 SMTP 服务可以显著提升邮件到达率。


六、订单管理

📋 6.1 查看订单

  1. 进入 WooCommerce → 订单。
  2. 订单列表显示所有订单,可按状态筛选(待付款、处理中、已完成、已取消、已退款)。

⚙️ 6.2 处理订单

  1. 点击订单编号进入订单详情。
  2. 可执行操作:

  3. 修改订单状态

  4. 添加订单备注(客户可见或仅内部可见)

  5. 退款操作

  6. 重新发送订单邮件

💡 当你将订单状态改为「已完成」时,客户会自动收到一封「订单已完成」的邮件。你也可以在订单详情页手动重新发送该邮件。

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 共19条

请登录后发表评论

    暂无评论内容