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

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

图片[1]-如何使用 Blocksy 内容块在购物车页添加满额包邮提示

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

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

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

二、启用 Blocksy 内容块功能

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

  • 进入 WordPress 后台 → 外观 → 主题,确保你使用的是 Blocksy。
图片[2]-如何使用 Blocksy 内容块在购物车页添加满额包邮提示

2.2 启用内容块模块

  • 安装并启用 Blocksy Companion 插件,启用了这个插件,使用内容块(Content Blocks)功能。
图片[3]-如何使用 Blocksy 内容块在购物车页添加满额包邮提示

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

3.1 添加新的内容块

  • 进入 WordPress 后台 → 内容块 → 添加新内容块。
  • 取个标题,例如“购物车满额包邮提示”。
图片[4]-如何使用 Blocksy 内容块在购物车页添加满额包邮提示

3.2 编辑内容块内容

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

图片[5]-如何使用 Blocksy 内容块在购物车页添加满额包邮提示

3.3 设置显示条件

  • 向下滚动找到 显示位置(Location)
  • 选择 WooCommerce : Added to Cart → Before actions
  • 设置显示(Display Conditions)方式为Entire Website,根据页面结构选择展示位置。
图片[6]-如何使用 Blocksy 内容块在购物车页添加满额包邮提示
图片[7]-如何使用 Blocksy 内容块在购物车页添加满额包邮提示

3.4 设备显示条件

  • 设备条件:选择仅在桌面端显示。
图片[8]-如何使用 Blocksy 内容块在购物车页添加满额包邮提示

3.5 发布显示

图片[9]-如何使用 Blocksy 内容块在购物车页添加满额包邮提示

四、样式优化建议

可以通过自定义 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;
}

五、总结

图片[10]-如何使用 Blocksy 内容块在购物车页添加满额包邮提示

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






联系我们
教程看不懂?联系我们为您免费解答!免费助力个人,小企站点!
客服微信
客服微信
电话:020-2206-9892
QQ咨询:1025174874
邮件:[email protected]
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:Millie
THE END
喜欢就支持一下吧
点赞785 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容