第 177 期 Shopify 弹窗购物车中展示折扣信息 方便客户下单前查看 提升转化
💡
在弹窗购物车中展示折扣信息,既可以提醒客户折扣码是什么,也能促进下单,提升转化
额外演示(第 178 期)
Shopify 弹窗购物车中直接使用折扣码 以及 产品页显示预估配送信息
效果预览
- 参考视频展示,图片和文字形式可二选一
添加代码
- 在 Snippets 文件夹 ~ cart-drawer.liquid 中搜索:
<cart-drawer-items
- 在 <form 上方添加代码
图片形式
{% unless cart == empty %}
<img loading="lazy" style="max-width: 100%;" src="https://cdn.shopify.com/s/files/1/0562/8529/8762/files/Code.jpg?v=1692857975" alt="discount-code">
{% endunless %}
文字形式
{% unless cart == empty %}
<h3>Coupon</h3>
<p>Buy 2 Get 1 Free, Code: B2G1</p>
{% endunless %}