Cashfree Seamless Basic redirect payment page sample Code
<?php | |
$mode = "TEST"; | |
$appId = "<API KEY>"; | |
$secretKey = "<Secret Key>"; | |
$orderId = time(); | |
$orderAmount = 100; | |
$customerName = "John Doe"; | |
$customerPhone = "9900012345"; | |
$customerEmail = "jdoe@gmail.com"; | |
$notifyUrl = "<Notify Url>"; | |
$returnUrl = "<Return Url>"; | |
$orderNote = "Extra Info"; | |
$orderCurrency = "INR"; | |
$paymentModes = ""; | |
$pc = ""; | |
// get secret key from your config | |
$tokenData = "appId=".$appId."&orderId=".$orderId."&orderAmount=".$orderAmount."&customerEmail=".$customerEmail."&customerPhone=".$customerPhone."&orderCurrency=".$orderCurrency; | |
$token = hash_hmac('sha256', $tokenData, $secretKey, true); | |
$paymentToken = base64_encode($token); | |
?> | |
<html> | |
<head> | |
<title>PayForm</title> | |
<script src="https://www.cashfree.com/assets/cashfree.sdk.v1.2.js" type="text/javascript"></script> | |
</head> | |
<body> | |
<script type="text/javascript"> | |
var payCard = null; | |
var payBank = null; | |
var payWallet = null; | |
var payUpi = null; | |
(function() { | |
var data = {}; | |
data.appId = "<?php echo $appId; ?>"; | |
data.orderId = "<?php echo $orderId; ?>"; | |
data.orderAmount = <?php echo $orderAmount; ?>; | |
data.customerName = "<?php echo $customerName; ?>"; | |
data.customerPhone = "<?php echo $customerPhone; ?>"; | |
data.customerEmail = "<?php echo $customerEmail; ?>"; | |
data.notifyUrl = "<?php echo $notifyUrl; ?>"; | |
data.returnUrl = "<?php echo $returnUrl; ?>"; | |
data.orderNote = "<?php echo $orderNote; ?>"; | |
data.pc = "<?php echo $pc; ?>"; | |
data.orderCurrency = "INR"; | |
data.paymentToken = "<?php echo $paymentToken; ?>"; | |
var config = {}; | |
config.layout = {}; | |
config.checkout = "transparent"; | |
config.mode = "<?php echo $mode; ?>"; | |
var response = CashFree.init(config); | |
if (response.status != "OK") { | |
// Handle error in initializing | |
} | |
payCard = function() { | |
data.paymentOption = "card"; | |
data.card = {}; | |
data.card.number = document.getElementById("card-num").value; | |
data.card.expiryMonth = document.getElementById("card-mm").value; | |
data.card.expiryYear = document.getElementById("card-yyyy").value; | |
data.card.holder = document.getElementById("card-name").value; | |
data.card.cvv = document.getElementById("card-cvv").value; | |
CashFree.paySeamless(data); | |
return false; | |
}; | |
payBank = function() { | |
data.paymentOption = "nb"; | |
data.nb = {}; | |
data.nb.code = document.getElementById("bank-code").value; | |
CashFree.paySeamless(data); | |
return false; | |
}; | |
payWallet = function() { | |
data.paymentOption = "wallet"; | |
data.wallet = {}; | |
data.wallet.code = document.getElementById("wallet-code").value; | |
CashFree.paySeamless(data); | |
return false; | |
}; | |
payUpi = function() { | |
data.paymentOption = "upi"; | |
data.upi = {}; | |
data.upi.vpa = document.getElementById("upi-vpa").value; | |
CashFree.paySeamless(data); | |
return false; | |
}; | |
})(); | |
</script> | |
<h1>Payment Form</h1> | |
<table border = "3" cellpadding = "5" cellspacing = "5"> | |
<tr> | |
<th>Type</th> | |
<th>Details</th> | |
<th>Submit</th> | |
</tr> | |
<tr> | |
<td>Cards</td> | |
<td> | |
<form> | |
<p>Card Number: <input type="text" id="card-num" value ="4111111111111111"/> | |
CVV:<input type="text" id="card-cvv" value="123"/></p> | |
<p>MM:<input type="text" id="card-mm" value="09"/> | |
YYYY:<input type="text" id="card-yyyy" value="2018"/></p> | |
Name:<input type="text" id="card-name" value="test"/> | |
</form> | |
</td> | |
<td> | |
<button onclick="payCard()">Pay with Card</button> | |
</td> | |
</tr> | |
<tr> | |
<td>Net Banking</td> | |
<td> | |
Select Bank: | |
<select id="bank-code"> | |
<option value="3333">TEST Bank</option> | |
<option value="3003">Axis Bank</option> | |
<option value="3028">IndusInd Bank</option> | |
<option value="3057">Vijaya Bank</option> | |
</select> | |
</td> | |
<td> | |
<button onclick="payBank()">Pay with Net Banking</button> | |
</td> | |
</tr> | |
<tr> | |
<td>Wallet</td> | |
<td> | |
Select Wallet: | |
<select id="wallet-code"> | |
<option value="4001">FreeCharge</option> | |
<option value="4002">MobiKwik</option> | |
<option value="4003">Ola Money</option> | |
</select> | |
</td> | |
<td> | |
<button onclick="payWallet()">Pay with Wallet</button> | |
</td> | |
</tr> | |
<tr> | |
<td>UPI</td> | |
<td> | |
Your UPI VPA: | |
<input type="text" id="upi-vpa"/> | |
</td> | |
<td> | |
<button onclick="payUpi()">Pay with UPI</button> | |
</td> | |
</tr> | |
</table> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment