Smartpayオンサイトメッセージのライブラリを追加する

オンサイトメッセージを利用するために、Smartpayのライブラリを追加いただく必要があります。
以下の動画ガイド、または、詳細な手順をご参考ください。(一般的な手順を示しております。コードを挿入すべき箇所はサイトによって異なるため、下記の方法で設置できない場合は、貴社エンジニアにご相談ください)

動画ガイド

一般的な手順(下記の方法で設置されない場合は、貴社エンジニアにご相談ください)

「オンラインストア」 → 「テーマ」 → 「現在のテーマ」 → 「アクション」 → 「コードを編集」をクリック
theme.liquid を開く
On-Site Messaging code builder の1つ目のコードをコピー（Head部分）
コピーしたコードを theme.liquid のHeadタグ内に貼り付ける(コピーしたコード内の<head>と</head>を削除)
<YOUR_PUBLIC_KEY> 部分を「Smartpay Public Live Key」と入れ替える（Smartpay の管理画面 → 「プロフィール」 → 「設定」 → 「開発者」より確認可能）
変更を保存する

商品ページプロモーション

購入を検討しているお客様に無料分割払いを伝えると、コンバージョン率と購買単価が向上します。

動画ガイド

一般的な手順(下記の方法で設置されない場合は、貴社エンジニアにご相談ください)

(「Smartpayオンサイトメッセージのライブラリを追加する」完了後、) product-template.liquid を開く
On-Site Messaging code builder のカテゴリーで「Product」を選択する
「主題」、「ロゴ」、「タイプ」を調整し、お好みのデザインに変更する
2つ目のコードをコピー（Body部分）
コピーしたコードを product-template.liquid の商品価格に対応するコード部分の直後に貼り付ける(コピーしたコード内の<body>と</body>を削除)
正しい商品価格の分割金額を表示するため、価格(デフォルトでは15400)をShopifyテーマに応じたコードに入れ替える(以下の表参考)

変更を保存する

テーマ	バージョン	コード
Debut	全て	`{{ current_variant.price \| times: 0.01 }}`
Showcase		`{{ product.price \| times: 0.01 }}`
Prestige	5.0.0以上	`{{ product.selected_or_first_available_variant.price \| times: 0.01 }}`

Smartpayの柔軟な支払いスケジュールを表示することで、消費意欲を高め、カゴ落ちを減らすことができます。

一般的な手順(下記の方法で設置されない場合は、貴社エンジニアにご相談ください)

(「Smartpayオンサイトメッセージのライブラリを追加する」完了後、) cart-template.liquid を開く
On-Site Messaging code builder のカテゴリーで「Payment Method」を選択する
2つ目のコードをコピー（Body部分）
コピーしたコードを cart-template.liquid のお好みの位置に貼り付ける(コピーしたコード内の<body>と</body>を削除)
正しいカート合計価格の分割金額を表示するため、価格(デフォルトでは15400)を{{ cart.total_price | times: 0.01 }}に入れ替える
変更を保存する