MultiPay (Legacy)

🚧

新規導入の場合非推奨です

KOMOJU MultiPay はポップアップ型の支払いウィジェットです。新規導入の方には、ホストフィールドをおすすめします。

MultiPay は KOMOJU によって提供されるセキュアな Iframe を利用します。 この方法を用いることで、あなたのアプリケーションは支払いに関する通信に関与することなく、顧客に支払いを依頼することができます。

ノート: このウィジェットだけでは決済を作成することはできません。このウィジェットで作成したトークンを JSON API に渡すことで決済を作成することができます。

HTMLを使った例

<form action="/charge" method="POST">
  <script
      src="https://multipay.komoju.com" class="komoju-button"
      data-key="your_publishable_key"
      data-amount="1000"
      data-endpoint="https://komoju.com"
      data-currency="JPY"
      data-locale="en"
      data-title="Product Name"
      data-description="Product Description"
      data-methods="credit_card,konbini,bank_transfer,pay_easy,web_money,bit_cash,net_cash,japan_mobile,paypay,linepay,merpay,rakutenpay,nanaco,dospara,steam_prepaid_card">
      data-hide-credit-card-brands="visa,master"
  </script>
</form>

JavaScriptを使った例

<script src="https://multipay.komoju.com"></script>

<form id="pay-form" action="/purchase">
  <input type="hidden" name="komojuToken"/>

  <button id="customButton">Pay Now</button>
</form>

<script>
 var payForm = document.getElementById("pay-form")

 var handler = Komoju.multipay.configure({
   key: "your_publishable_key",
   token: function(token) {
     payForm.komojuToken.value = token.id;
     payForm.submit();
   }
 });

 document.getElementById("customButton").addEventListener("click", function(e) {
   handler.open({
     amount:       1000,
     endpoint:     "https://komoju.com",
     locale:       "en",
     currency:     "JPY",
     title:        "Product Name",
     description:  "Product Description",
     methods: [
       "credit_card","konbini","bank_transfer","pay_easy","web_money","bit_cash","net_cash","japan_mobile","paypay","linepay","merpay","rakutenpay","nanaco","dospara","steam_prepaid_card"
     ],
     hideCreditCardBrands: ['visa', 'master']
   });

   e.preventDefault();
 });
</script>

パラメーター

必須

パラメーター説明
key公開用鍵。Test モードと Live モードでは異なります。
tokenトークンを処理するためのコールバック

Optional

パラメーター説明デフォルト
amount価格
endpointエンドポイント URL"https://komoju.com"
currency通貨"JPY"
locale言語 ("en", "ja", "ko" をサポート)"auto"
titleタイトル (会社名 or 商品名)
description説明
panelLabel送信ボタンのテキスト"Pay {{amount}}"
methods決済方法
imageロゴ URL (80x80 サイズ)
prefillEmail自動挿入されるメールアドレス
hideCreditCardBrands指定したクレジットカードブランドのアイコンの非表示 ("visa", "jcb", "master", "amex", "diners" の中の文字列の配列)

PCI コンプライアンス

クレジットカードの決済情報を受け付けるすべての加盟店(クライアント)は、PCI に準拠している必要があります。 MultiPay を使用すると、機密情報が加盟店のサーバーを経由しないため、加盟店は SAQ-A に準拠することができます。

SSL

KOMOJU Multipay と KOMOJU API 間の通信はすべてSSLで暗号化されています。 man-in-the-middle 攻撃の可能性を最小限に抑えるため、KOMOJU Multipay を使用する Web サイトでも SSL を使用することをお勧めします。