商品ページでのクーポン割引表示

デモ概要

クーポンを商品ページで訴求することでCVRの改善はもちろん、直帰率や会員登録率まで改善が期待できます。

表示されるコードは下記となりますので、CSSを変えて自由にデザインを変更可能です。

<div class="coupon-jp-discount coupon-jp-discount--default" data-sid="********" data-template="[discount_rate]のディスカウントで、[discount_amount]引きで購入できます" data-variant-price="100000" style="display: block; cursor: pointer;">
  <div class="coupon-jp-discount__content"><span class="coupon-jp-discount__rate">10%OFF</span>のディスカウントで、<span class="coupon-jp-discount__amount">¥100</span>引きで購入できます</div>
</div>

設定方法

アプリをインストール後、クーポンを登録するとSIDが付与されます。
アプリブロックを用意していますので、商品説明のセクションで設定するだけで表示が可能です。