CodePen Embed - Checkout Pop-up

<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",
        email:"abdtest23456@ai360.com",
        callback_url:"https://webhook.site/a73fc5fc-e5df-42ca-ab85-0d1932b31747"
    });
    // Open checkout
    PagaCheckout.openCheckout();
}

This Pen is owned by Ramon Bello on CodePen.

See more by @Ramon-Bello on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.