第 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 %}