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

スタートアップ

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

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

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

<script
    src="https://lite.checkout.rakuten.co.jp/s/js/checkout-lite-v1.js"
    data-key="sandbox_public_ad89781aee2ff9e346324634c2e57f1cbc8b40c5e8da59d9b318ff70fd1c6ce60133c213ba6bb489b146b3f800ac375b"
    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秒後に自動的に閉じられ、元の御社サイトに復帰します。