跳转到主要内容
免运费

Shopify 免运费进度条,与结账收费始终一致

满 75 美元免运费、满 100 美元免运费,或任何符合你利润空间的门槛:Stackable 会将运费类别折扣与实时购物车进度条配对,两者由同一套服务器端引擎计算,因此进度条上的数字与结账时的运费永远不会出现偏差。

痛点

Shopify 论坛上的商家这样问……

我在主题里加了一条「满 75 美元免运费」的横幅,但它只是一段静态文字,并不知道实际的折扣规则。一旦我更改门槛金额,就得记得同步修改横幅,而且购物车变化时也没有实时倒计时。

Shopify 原生可以在达到消费门槛时自动免运费,但没有任何原生店面组件能显示顾客距离达成门槛的进度。商家要么手动写死门槛金额来制作横幅,一旦折扣规则改动就会失去同步,要么干脆不做提示,指望顾客在结账时自己发现免运费。

工作原理

Stackable 如何解决

截图即将上线

活动编辑器:「类型」步骤,已选中「免运费」。
01

选择「免运费」作为优惠类型

这是一种独立的运费类别优惠类型,与商品折扣或订单折扣区分开。

截图即将上线

活动编辑器:「阶梯」步骤,展示单一消费门槛档位,设置为运费立减 100%。
02

设置消费门槛和奖励

最常见的设置是运费立减 100%,但设置较低的百分比或固定金额折扣同样可行。可以添加多个门槛,形成阶梯式递进。

截图即将上线

购物车抽屉进度条,以满宽度显示「你已解锁免运费」。
03

购物车进度条实时倒计时

进度条会读取实时购物车总额,倒计时至门槛金额,一旦达成就会切换为已解锁提示,样式可在主题编辑器中自定义。

使用示例

这样使用

场景

一个蜡烛品牌希望设置一个明确的激励:满 75 美元免运费。

设置

类型 = 免运费。单一档位:最低消费 75 美元,奖励为运费立减 100%。

结果

每个满 75 美元及以上的购物车在结账时都会免运费,进度条会从任意购物车金额开始倒计时至 75 美元,随后切换为已解锁提示。

场景

一家家居用品店希望在完全免运费之前先给一个温和的提示:满 50 美元运费减半,满 100 美元完全免运费。

设置

类型 = 免运费。两个档位:最低消费 50 美元,运费立减 50%;最低消费 100 美元,运费立减 100%。

结果

购物车金额在 50 到 100 美元之间会自动获得运费减半;超过 100 美元后运费全免,进度条会始终指向下一个尚未达成的档位。

场景

一个护肤品牌同时开展满 75 美元免运费和满 120 美元减 10 美元的消费门槛优惠。

设置

将两个优惠创建为独立的活动,两者会同时保持上线状态。

结果

同一条购物车进度条会显示距离更近的那个目标:未满 75 美元时显示免运费倒计时,一旦免运费解锁,会自动切换指向 120 美元的消费门槛奖励,无需维护单独的组件或主题代码。

常见问题

常见问题

运费折扣一定是 100% 全免吗?

不一定,虽然这是最常见的设置。你可以将奖励设置为 100% 实现完全免运费,也可以设置较低的百分比或固定金额,作为运费的部分折扣。

进度条会在不刷新购物车页面的情况下更新吗?

会。它会读取主题自身购物车数据中的实时购物车总额,并在每次添加、更新或移除商品时重新渲染,无论这发生在购物车页面还是购物车抽屉中。

支持多币种销售的店铺会发生什么?

如果顾客结账所用的币种与店铺的基础币种不同,进度条会自动隐藏,而不是显示一个 Stackable 无法保证准确的换算金额。当顾客以店铺自身币种结账时,进度条会自动重新显示。

免运费可以和批量折扣或消费门槛优惠组合吗?

可以,前提是在每个优惠上分别开启对应的组合开关。默认状态为关闭,因此在你明确开启之前不会有任何叠加,购物车模拟器会在上线前确认组合后的结果。

安装 Stackable,从免运费开始

每种优惠类型都运行在同一套服务器端引擎上,无论如何组合,结账金额始终准确。

提供免费套餐,无需信用卡。

我们使用必要 Cookie 来运行本网站,并仅在获得你许可的情况下,使用分析 Cookie 来了解访问情况。详见我们的 Cookie 政策.