omise / examples Goto Github PK

    <form id="checkoutForm1" name="checkoutForm1" method="POST" action="payment_2.php">
        <input type="hidden" name="amount" value="10000">
        <button type="submit" id="checkout1"><img src="https://www.xxx.com/images/L_click2buy.gif" /> 100</button>
    </form>
    
    
    <form id="checkoutForm2" name="checkoutForm2" method="POST" action="payment_2.php">
        <input type="hidden" name="amount" value="20000">
        <button type="submit" id="checkout2"><img src="https://www.xxx.com/images/L_click2buy.gif" /> 200</button>
    </form>

    <!-- Include card.js library -->
    <script type="text/javascript" src="https://cdn.omise.co/omise.js"></script>

    <!-- Config the card.js library -->
    <script type="text/javascript">
    // Set default parameters
    OmiseCard.configure({
        publicKey: 'pkey_test_xxx',
        image: 'http://www.xxx.com/images/logo.png',
        frameLabel: 'xxx.com',
        submitLabel: 'PAY NOW'
    });
    
    // Configuring your own custom button
    OmiseCard.configureButton('#checkout1', {
        amount: 10000,
        submitFormTarget: '#checkoutForm1'
    });
    OmiseCard.configureButton('#checkout2', {
        amount: 20000,
        submitFormTarget: '#checkoutForm2'
    });
    
    // Then, attach all of the config and initiate it by 'OmiseCard.attach();' method
    OmiseCard.attach();
  </script>

  `