Your IP : 216.73.217.77
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pay with PayKun</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://checkout.paykun.com/checkout/plugin/crypt/crypto-js.min.js"></script>
<script src="https://checkout.paykun.com/checkout/js/paykun.js"></script>
<script type="text/javascript">
// Create Paykun object
// Currently Sandbox does not support JS checkout, and so you will not be able to test JS integration,
// isLive can only be true for now
const pk = new PayKun({ merchantId : '/', accessToken: '/', isLive: true});
// Add this function in your javascript tag or your js file
// This method can be called to initialize payment, It can be any event User Generated Or system Generated
function initPayment() {
let order = {
amount: "10", // Amount to collect
orderId: "ORD" + (new Date).getTime(), // Unique order id, You can use your custom login here, but make sure it generates unique ID everytime
productName: "Mobile", // Name of the product
customerName: "Test name", // Name of the customer
customerEmail: "test@gmail.com", // Email of the customer
customerMobile: "9999999999", // Mobile of customer
currency: "INR", //set your 3 digit currency code here
// Following are callback function and will be called when any result is received after payment,
// If payment is success then onSuccess method will be called Or else onCancelled method will be called
onSuccess: function (transactionId) {
// You can use 'transactionId' variable to process payment at your server side if you like,
// In that case you can call our transaction status API on your server to get transaction information Or
// You can get complete transaction details by calling the following function
// WARNING: It is advisable to verify transaction amount and status at your server side using Transaction ID before delivering any service for security reason
var transaction = pk.getTransactionDetail(transactionId, function(transaction) {
// You can show payment success message to user here, Also process this payment success at your server side to deliver services to customer
console.log(transaction);
alert('Payment is success, Your transaction ID : ' + transaction.transaction.payment_id);
});
},
onCancelled: function (transactionId) {
// You can use 'transactionId' variable to process payment at your server side if you like,
// In that case you can call our transaction status API on your server to get transaction information Or
// You can get complete transaction details by calling following function
var transaction = pk.getTransactionDetail(transactionId, function(transaction) {
// You can show payment canceled message to user here, Also mark this payment as failed/cancelled at your server side
console.log(transaction);
alert('Payment is cancelled, Your transaction ID : ' + transaction.transaction.payment_id);
});
}
};
//Init Paykun Payment and open checkout popup
pk.init(order);
}
initPayment();
</script>
</head>
<body>
</body>
</html>