ナビ
楽天ペイ(オンライン決済 LITE版)
メニュー

スタートアップ

楽天ペイ(オンライン決済 LITE版)をご利用頂く為の手順をご説明致します。

Step1. お支払いボタンの設置

お支払いボタンを表示したい箇所に下記コードを貼り付けてください。(以下はサンプルコードです)

<script
    src="https://lite.checkout.rakuten.co.jp/s/js/checkout-lite-v1.js"
    data-key="sandbox_public_888a3f17ab713c77c63ae105a44c46ee8f796c5fceb9bc3f78aea14b94b054c8ebd0fafd81b7595afe466226b787bbe3"
    class="checkout-lite-button"
    data-item-id-1="itemId-001"
    data-item-name-1="商品名"
    data-item-unit-price-1="2000"
    data-item-quantity-1="1">
</script>

下記のボタンが表示されれば成功となります。

Step2. 動作確認

Step1で設置したお支払いボタンをクリックすると、ログイン画面がポップアップする事を確認してください。 すでにサービスをご利用になったことがあり、ログイン画面にて「次回からログインを省略する」を選択した場合、ログイン画面はスキップし決済確認画面が表示されます。 Live環境のテストとSandbox環境(上記のサンプルボタン)では決済頂いても実際にクレジットカードの課金およびポイントが消費されることはありません。 お支払いボタンをクリックすると、お支払い完了画面が表示され、5秒後に元の画面に戻ります。

お支払いボタンをクリック後、下記のような画面遷移となります。

  1. 1. ログイン画面
    1. ログイン画面
    楽天会員のログイン画面になります。 「次回からログインを省略する」を選択すると、次回からこの画面はスキップされます。
  2. 2. 確認画面
    2. 確認画面
    お支払い確認画面になります。 楽天スーパーポイントの利用およびクレジットカードの設定が変更できます。
  3. 3. 完了画面
    3. 完了画面
    決済処理が完了するとこの画面が表示されます。 5秒後に自動的に閉じられ、元の御社サイトに復帰します。