第 177 期 Shopify 弹窗购物车中展示折扣信息 方便客户下单前查看 提升转化

点击这里查看 带字幕 视频教程    本期 YouTube 链接(免登录观看 4K)

💡
在弹窗购物车中展示折扣信息,既可以提醒客户折扣码是什么,也能促进下单,提升转化

额外演示(第 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 %}