<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>

<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>