[SVIP 2.0] 28th Shopify 弹窗购物车中直接使用折扣码快速结账的实现原理

默认的店铺存在什么问题?

绝大部分店铺的流量都以来自移动端为主,而 Shopify 的结账页面在手机端默认会将 Order Summary 折叠起来,折扣码输入框需要手动点击,展开之后才能看到。

有一点你可能会觉得理所当然或者难以置信,真的并不是每个客户都知道点开那里可以输入折扣码,可能 Ta 并没有频繁在 Shopify 店铺上购物,或者即使买过也不一定清楚;又或者,即使 Ta 知道那里可以填折扣码,但等到浏览完准备结账的时候,已经忘记折扣码具体是什么了。

这无疑会增加弃购,降低 Shopify 店铺的订单转化率。

如何解决?

最近 增强版主题 添加了 免插件直接在弹窗购物车中使用折扣码的功能 (这个功能的确可以单独做成一个插件,因为本期讲解的原理在每个主题中都能使用)。

不借助于插件来实现,可以避免影响店铺网速,同时不用支付插件每个月的订阅费用。

还能 配合之前的折扣码一键复制功能使用,复制折扣码 => 加入购物车 => 使用折扣码发起结账,一气呵成。直接在购物车中就把折扣码用了,配合复制粘贴,不存在忘记的可能性。

点击查看视频演示效果

最开始在增强版主题中添加折扣码一键复制功能,就是为了尽可能地避免客户在结账的时候因为忘记了折扣码具体是什么,而导致弃购。现在更进一步,直接在购物车中就能使用。

实现方法和原理

通俗来讲就是:用户填写折扣码 => 获取折扣码并跳转到结账。

接下来提供相应的代码,并通过视频讲解实现原理。

SVIP 可免费观看本教程,非 SVIP 如有需要也可 单独购买