如何使用 Blocksy 内容块在购物车页添加满额包邮提示

在运营 WooCommerce 商店时,“满额包邮”策略是一种有效的促销方式,能够有效提升客单价并刺激用户下单。使用的是 Blocksy Content Blocks功能,不用改动代码或使用额外插件,就可以轻松在购物车页面添加一个醒目的“满额包邮提示”。

20250625113704245-image

一、为什么要在购物车页面添加“满额包邮提示”?

购物车页面是促使用户做出购买决定的关键节点。在这个阶段告知用户“再消费多少元即可享受包邮”,可以实现以下目标:

  • 提升客单价:鼓励用户加购以获得优惠。
  • 降低放弃率:让用户感受到“接近优惠”的心理激励。
  • 提高品牌体验:页面提示更人性化,避免用户结账才发现运费。

二、启用 Blocksy 内容块功能

2.1 安装并激活 Blocksy 主题与插件

  • 进入 WordPress 后台 → 外观 → 主题,确保你使用的是 Blocksy。
20250625113414555-image

2.2 启用内容块模块

  • 安装并启用 Blocksy Companion 插件,启用了这个插件,使用内容块(Content Blocks)功能。
20250625113553228-image

三、创建内容块用于“满额包邮提示”

3.1 添加新的内容块

  • 进入 WordPress 后台 → 内容块 → 添加新内容块。
  • 取个标题,例如“购物车满额包邮提示”。
20250625111526611-image

3.2 编辑内容块内容

在编辑器中插入展示的内容,例如: 当前购物金额不足包邮条件!满 ¥200 即可享受免运费优惠!

20250625111746897-image

3.3 设置显示条件

  • 向下滚动找到 显示位置(Location)
  • 选择 WooCommerce : Added to Cart → Before actions
  • 设置显示(Display Conditions)方式为Entire Website,根据页面结构选择展示位置。

20250625111908271-image
20250625112249941-image-1

3.4 设备显示条件

  • 设备条件:选择仅在桌面端显示。
20250625112457362-image

3.5 发布显示

20250625112648593-image

四、样式优化建议

可以通过自定义 CSS 美化提示框样式。例如在主题自定义 CSS 或内容块中添加如下样式:

.free-shipping-notice {
  background: #fffbe5;
  color: #444;
  border: 1px solid #f5c518;
  padding: 12px 20px;
  margin-bottom: 20px;
  font-size: 16px;
  border-radius: 6px;
}

五、总结

20250625113120159-image

Blocksy 的内容块功能可以适用于页眉、页脚、弹窗和 404 页面,还可灵活嵌入任意页面,通过条件逻辑精准控制展示对象与位置。对于 WooCommerce 用户来说,这是一种不用复杂设置就可以实现个性化营销提示的高效方案,非常值得实践应用。


了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读