🛒
ECサイト向け手順書
1. SDKを読み込む
ECサイトのheadタグ内に、以下のタグを配置します。
Markdown
検証環境で利用する場合は以下を使用します。
検証環境に接続され、テスト決済等が有効になります
Markdown
2. SDKを配置するDOMを作成する
商品ページなど、ECサイトの任意の場所に以下のようなDOMを配置します。
Markdown
※ 一意のIDが指定されたdivタグを用意してください。配置やスタイルは適宜変更してください
3. SDKを初期化する
※ 重要:
YOUR_STORE_ID
には、別途通知される加盟店IDを指定してください。※ 重要:
YOUR_PRODUCT_ID
には、別途ダッシュボードに登録した商品IDを指定してください。Markdown
▼ SPAなど、動的に商品IDを変更したい場合
marvle.setSkuId()
関数を利用することで、動的に商品IDを変更することができます。Reactを用いた例:
TypeScript