网店包邮进度条
设置包邮金额,并用购物车总额控件测试。进度条会随之填满,顾客达到条件时提示语会改变。
使用方法还差 ¥ 30 即可包邮
广告
网店包邮进度条: 用途
包邮进度条向顾客显示还差多少就能免运费,鼓励他们再往购物车里加一件商品,而不是因为运费放弃。设置最低金额、还差时的提示语(用 {valor} 的位置放人民币金额)和达到时的提示语。
代码会创建函数 freteGratis(total),在购物车总额变化时调用。进度条使用 progress 元素,提示语会播报给读屏软件。可以直接在页面上用总额控件测试。
使用方法
- 设置包邮金额。
- 写下提示语并选择颜色。
- 复制代码,并在购物车中调用 freteGratis(total)。
使用场景
- 网店购物车。
- 商品页面顶部。
- 结账页面。
常见问题
包邮进度条能提高销量吗?
它会显示还差多少就能享受优惠,鼓励顾客再加一件商品,而不是因为运费放弃购物车。当最低金额略高于店铺的平均客单价时效果最好。
怎么把进度条接入我的购物车?
代码会创建函数 freteGratis(total)。每当购物车总额变化时调用该函数,例如 freteGratis(87.5),进度条和提示语就会更新。在现成的平台上,把调用放到购物车更新事件中。
无障碍吗?
是的。进度条使用读屏软件能理解的 progress 元素,提示语位于 aria-live 区域,内容变化时会被播报。
真的免费吗?
是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。