BudPay Inline Checkout

by samowolabi

HTML

<p>Your order is ₦1,000</p>
<button type="button" id="payment-button" onclick="payWithBudPay()">Pay Now</button>

<script src="https://inlinepay.budpay.com/budpay-inline-custom.js"></script>
<script>
  function payWithBudPay() {
    BudPayCheckout({
      key: 'pk_live_jd4ypa65osj3ggz80xtncfjxr5tdigebmfh3pw',
      email: '[email protected]',
      amount: '1000',
      first_name: 'Mary',
      last_name: 'Joe',
      currency: 'NGN',
      reference: 'BUD_' + Date.now(),
      callback: function(response) {
        console.log(response);
      },
      onClose: function(response) {
        console.log(response);
      }
    });
  }
</script>

CSS

p {
  font-family: Arial, 'sans-serif';
}

#payment-button {
  color: #ffffff;
  background-color: #231663;
  padding: 0.5rem 1.5rem;
  outline: none;
  border: none;
}

#payment-button:hover {
  background-color: #1b114c;
}