Komoju MultiPay is a fully customizable Javascript widget for your website or HTML5 enabled applications. Using this widget you can easily integrate every payment method supported by Komoju with only a few lines of code.

MultiPay works by creating a secure IFrame hosted by Komoju. This way payment details never touch your application. Note, the widget does not create payments — it creates tokens, which can be used to process payments via our JSON API.

Getting Started

Test the widget below using one of the test cards from the API documentation.

Example (Using 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">
  </script>
</form>

Example (Custom 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"
     ]
   });

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

Parameters

Required

Parameter Description
key Publishable Key. The Key differs between test mode and live mode.
token Callback for processing token

Optional

Parameter Description Default
amount Payment amount
endpoint Endpoint URL "https://komoju.com"
currency Currency "JPY"
locale Locale ("en", "ja", and "ko" are supported) "auto"
title Company or product name
description Product description
panelLabel Submit button text "Pay {{amount}}"
methods Payment methods to enable
image Logo URL (80x80 Image)
prefillEmail Auto-populate email field

Security

PCI Compliance

All merchants accepting credit card payments are required to be PCI compliant. MultiPay allows merchants to be SAQ-A compliant since sensitive information is never processed on your server.

SSL

All communications between Komoju MultiPay and the Komoju API are encrypted with SSL. To minimize the possibility of man-in-the-middle attacks, we recommend that websites using Komoju Checkout also use SSL.