【shopify】paidy（ペイディ）なら月々〇〇円 の実装

paidyは、メールアドレスと電話番号のみで利用できる後払い決済です。
ECを運営するときには設定しておきたい決済方法の1つですね。

そして、paidyを導入したら設定したいのがこちら↓

ペイディなら月々〇〇円

商品価格のそばに表示しておくことで、コンバージョン率が上がりそうですね。
今日は、この設定方法をメモしておきます。
入れ込むコードは2箇所です。

header.liquid

まず、header.liquidにコードをコピペします。
入れるコードはこれ。

<script src="https://cdn.paidy.com/promotional-messaging/general/paidy-opt-v2.js" defer="defer"></script>

header.liquidの<style>タグが始まる前あたりに入れておくと良いでしょう

main-product.liquid

次に、実際に表示させたい場所に以下のコードを入れ込みます。

<span class="_paidy-promotional-messaging" data-amount="{{product.price | money}}"></span>

私は金額のすぐ下に表示させたかったのでココに入れ込みました。

テーマやカスタマイズ状況により、行数は異なりますが、こちらのコードを入れることで表示ができます。