<form id="payment-form">
  <h4>Enter a small amount</h4>
  <input type="number" name="amount" placeholder="amount" value="10">
  <button type="button" onclick="startPayment()">Make Payment</button>
</form>

<script id="js-script" src="https://checkout.paga.com/checkout/inline-js"></script>
function startPayment() {
    // Get the form
    const form = document.getElementById("payment-form");

    // Set the payment options
    PagaCheckout.setOptions({
        publicKey: "23A3E317-7382-4032-94DE-50BA4B653EE5",
        amount: parseFloat(form.elements["amount"].value),
        currency: "NGN",
        phoneNumber: "08123456789",
        fundingSources: "CARD,PAGA,USSD,TRANSFER,AGENT"
    });

    // Open checkout
    PagaCheckout.openCheckout();
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.