Klasha Inline
Embed Klasha into your website using our inline JavaScript integration.
Take the following steps to integrate the Klasha payment gateway into your website and begin accepting payments from anywhere in the world:
- Embed Klasha JavaScript into the head tag of your HTML code.
- Define a JavaScript function in your script file.
<form>
<script type="text/javascript" src="https://klastatic.fra1.digitaloceanspaces.com/test/js/klasha-integration.js"></script>
<button type="button" onClick="payWithKlasha()">Pay</button>
</form>
<script>
function payWithKlasha() {
var kit = {
currency: "NGN",
phone_number: "09012332122",
email: "[email protected]",
fullname: "Klasha",
tx_ref: "tnxRef",
callBack: callWhenDone
}
var client = new KlashaClient("{merchantKey}", 1, "amount", "ktest", "callback", "NGN", "USD", kit);
client.init();
}
function callWhenDone(data) {
console.log(data);
}
</script>
Pop-up Sample
{
"amount": 560,
"currency": "NGN",
"status": "successful",
"tnxRef": "tnxRef"
}
If you have Webhook notifications set up on the dashboard, we will send you a transaction response in the format below:
{
"event": "charge.completed",
"data": {
"createdAt": "2021-11-18T15:23:16.781",
"narration": "CARD Transaction ",
"destinationCurrency": "NGN",
"sourceAmount": 1,
"sourceCurrency": "USD",
"tnxRef": "tnxRef",
"status": "successful",
"destinationAmount": 560,
"customer": {
"id": 13,
"name": "Klasha",
"email": "[email protected]",
"phone": "09012332122",
"createdAt": "2021-07-20 10:28:43",
"updatedAt": "2021-07-20 10:28:43"
}
}
}
Last modified 1yr ago