How to integrate Razor-pay payment gateway in your website using PHP with cURL

Facebook Twitter Email Whatsapp

how to integrate razorpay payment gateway in your website using PHP with cURL

razorpay is a popular payment gateway provider in india. which provied a fast,secure, payment services for business for selling online in india.

rpzorpay accept all major payemnt method including All bank Credit Cards, Debit Cards, Net-banking, Wallets & UPI.

In this teturial we learn how to integrate Razorpay Payment Gateway using PHP with cURL.with example,
you can just copy paste and change according to your requirement.

For integration these and the main steps:

Create Account and Integrate Payment Gateway

.At first Create Account.
.After successful sign up and generate Key ID and Secret Key

Before started to implement the Razorpay Payment Gateway Integration using PHP with cURL, look files structure:

razorpay-payment-gateway-integration-using-php
- css
  - style.css
- images
- templates
  - header.php
  - footer.php
- constants.php
- index.php
- callback.php
- success.php
- failed.php

Step 1: Create a file named constants.php and define Key ID and Secret Key copy and paste this code.

<?php
// credential
define('RAZOR_KEY_ID', 'rzp_test_XXXXXXXXXXXXXXXX');
define('RAZOR_KEY_SECRET', 'XXXXXXXXXXXX');

?>

Step 2: Create HTML form named index.php copy and paste this code.

<?php
require_once "constants.php";
include('templates/header.php');
?>
<form name="razorpay_frm_payment" class="razorpay-frm-payment" id="razorpay-frm-payment" method="post">
<input type="hidden" name="merchant_order_id" id="merchant_order_id" value="12345">
<input type="hidden" name="language" value="EN">
<input type="hidden" name="currency" id="currency" value="INR">
<input type="hidden" name="surl" id="surl" value="http://localhost/razorpay-payment-gateway-integration-using-php/success.php">
<input type="hidden" name="furl" id="furl" value="http://localhost/razorpay-payment-gateway-integration-using-php/failed.php">
<section class="showcase">
<div class="container">
<div class="pb-2 mt-4 mb-2 border-bottom">
<h2>Razorpay Payment Gateway Integration using PHP with cURL</h2>
</div>
<div class="row align-items-center">
<div class="form-group col-md-6">
<label for="inputEmail4">Amount</label>
<input type="text" class="form-control" id="amount" name="amount" placeholder="amount" value="5.00" readonly="readonly">
</div>
<div class="form-group col-md-6">
<label for="inputEmail4">Full Name</label>
<input type="text" name="billing_name" class="form-control" id="billing-name" Placeholder="Name" required>
</div>
</div>
<div class="row align-items-center">
<div class="form-group col-md-6">
<label for="inputEmail4">Email</label>
<input type="email" name="billing_email"class="form-control" id="billing-email" Placeholder="Email" required>
</div>
<div class="form-group col-md-6">
<label for="inputEmail4">Phone</label>
<input type="text" name="billing_phone" class="form-control" id="billing-phone" Placeholder="Phone" required>
</div>
</div>
<div class="row align-items-center">
<div class="form-group col-md-6">
<label for="inputEmail4">Address</label>
<input type="text" name="billing_address" class="form-control" Placeholder="Address">
</div>
<div class="form-group col-md-6">
<label for="inputEmail4">Country</label>
<input type="text" name="billing_country" class="form-control" Placeholder="Country">
</div>
</div>

<div class="row align-items-center">
<div class="form-group col-md-6">
<label for="inputEmail4">State</label>
<input type="text" name="billing_state" class="form-control" Placeholder="State">
</div>
<div class="form-group col-md-6">
<label for="inputEmail4">Zipcode</label>
<input type="text" name="billing_zip" class="form-control" Placeholder="Zipcode">
</div>
</div>

<div class="row">
<div class="col">
<button type="button" class="btn btn-success mt-4 float-right" id="razor-pay-now"><i class="fa fa-credit-card" aria-hidden="true"></i> Pay</button>
</div>
</div>
</div>
</section>
</form>
<?php include('templates/footer.php');?>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script type="text/javascript">
jQuery(document).on('click', '#razor-pay-now', function (e) {
var total = (jQuery('form#razorpay-frm-payment').find('input#amount').val() * 100);
var merchant_order_id = jQuery('form#razorpay-frm-payment').find('input#merchant_order_id').val();
var merchant_surl_id = jQuery('form#razorpay-frm-payment').find('input#surl').val();
var merchant_furl_id = jQuery('form#razorpay-frm-payment').find('input#furl').val();
var card_holder_name_id = jQuery('form#razorpay-frm-payment').find('input#billing-name').val();
var merchant_total = total;
var merchant_amount = jQuery('form#razorpay-frm-payment').find('input#amount').val();
var currency_code_id = jQuery('form#razorpay-frm-payment').find('input#currency').val();
var key_id = "<?php echo RAZOR_KEY_ID; ?>";
var store_name = 'Web Haunt';
var store_description = 'Payment';
var store_logo = 'https://webhaunt.com/wp-content/uploads/2016/11/webhaunt.png';
var email = jQuery('form#razorpay-frm-payment').find('input#billing-email').val();
var phone = jQuery('form#razorpay-frm-payment').find('input#billing-phone').val();

jQuery('.text-danger').remove();

if(card_holder_name_id=="") {
jQuery('input#billing-name').after('<small class="text-danger">Please enter full mame.</small>');
return false;
}
if(email=="") {
jQuery('input#billing-email').after('<small class="text-danger">Please enter valid email.</small>');
return false;
}
if(phone=="") {
jQuery('input#billing-phone').after('<small class="text-danger">Please enter valid phone.</small>');
return false;
}

var razorpay_options = {
key: key_id,
amount: merchant_total,
name: store_name,
description: store_description,
image: store_logo,
netbanking: true,
currency: currency_code_id,
prefill: {
name: card_holder_name_id,
email: email,
contact: phone
},
notes: {
soolegal_order_id: merchant_order_id,
},
handler: function (transaction) {
jQuery.ajax({
url:'callback.php',
type: 'post',
data: {razorpay_payment_id: transaction.razorpay_payment_id, merchant_order_id: merchant_order_id, merchant_surl_id: merchant_surl_id, merchant_furl_id: merchant_furl_id, card_holder_name_id: card_holder_name_id, merchant_total: merchant_total, merchant_amount: merchant_amount, currency_code_id: currency_code_id},
dataType: 'json',
success: function (res) {
if(res.msg){
alert(res.msg);
return false;
}
window.location = res.redirectURL;
}
});
},
"modal": {
"ondismiss": function () {
// code here
}
}
};
// obj
var objrzpv1 = new Razorpay(razorpay_options);
objrzpv1.open();
e.preventDefault();

});
</script>

Step 3: Create a file named callback.php copy and paste this code.
The file handles the payment process.

<?php
require_once "constants.php";
// initialized cURL Request
function get_curl_handle($payment_id, $data) {
$url = 'https://api.razorpay.com/v1/payments/' . $payment_id . '/capture';
$key_id = RAZOR_KEY_ID;
$key_secret = RAZOR_KEY_SECRET;
$params = http_build_query($data);
//cURL Request
$ch = curl_init();
//set the url, number of POST vars, POST data
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_USERPWD, $key_id . ':' . $key_secret);
curl_setopt($ch, CURLOPT_TIMEOUT, 60);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $params);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, true);
return $ch;
}
if (!empty($_POST['razorpay_payment_id']) && !empty($_POST['merchant_order_id'])) {
$json = array();
$razorpay_payment_id = $_POST['razorpay_payment_id'];
$merchant_order_id = $_POST['merchant_order_id'];
$currency_code = $_POST['currency_code_id'];
// store temprary data
$dataFlesh = array(
'card_holder_name' => $_POST['card_holder_name_id'],
'merchant_amount' => $_POST['merchant_amount'],
'merchant_total' => $_POST['merchant_total'],
'surl' => $_POST['merchant_surl_id'],
'furl' => $_POST['merchant_furl_id'],
'currency_code' => $currency_code,
'order_id' => $_POST['merchant_order_id'],
'razorpay_payment_id' => $_POST['razorpay_payment_id'],
);

$paymentInfo = $dataFlesh;
$order_info = array('order_status_id' => $_POST['merchant_order_id']);
$amount = $_POST['merchant_total'];
$currency_code = $_POST['currency_code_id'];
// bind amount and currecy code
$data = array(
'amount' => $amount,
'currency' => $currency_code,
);
$success = false;
$error = '';
try {
$ch = get_curl_handle($razorpay_payment_id, $data);
//execute post
$result = curl_exec($ch);
$data = json_decode($result);

$http_status = curl_getinfo($ch, CURLINFO_HTTP_CODE);

if ($result === false) {
$success = false;
$error = 'Curl error: ' . curl_error($ch);
} else {
$response_array = json_decode($result, true);
//Check success response
if ($http_status === 200 and isset($response_array['error']) === false) {
$success = true;
} else {
$success = false;
if (!empty($response_array['error']['code'])) {
$error = $response_array['error']['code'] . ':' . $response_array['error']['description'];
} else {
$error = 'Invalid Response <br/>' . $result;
}
}
}
//close connection
curl_close($ch);
} catch (Exception $e) {
$success = false;
$error = 'Request to Razorpay Failed';
}
if ($success === true) {
if (!$order_info['order_status_id']) {
$json['redirectURL'] = $_POST['merchant_surl_id'];
} else {
$json['redirectURL'] = $_POST['merchant_surl_id'];
}
} else {
$json['redirectURL'] = $_POST['merchant_furl_id'];
}
$json['msg'] = '';
} else {
$json['msg'] = 'An error occured. Contact site administrator, please!';
}
header('Content-Type: application/json');
echo json_encode($json);
?>

Step 4: Put the below script code in index.php file and copy and paste this code.

We will use the chekout.js of razorpay payment gateway for duduction of payment.

<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script type="text/javascript">
jQuery(document).on('click', '#razor-pay-now', function (e) {
var total = (jQuery('form#razorpay-frm-payment').find('input#amount').val() * 100);
var merchant_order_id = jQuery('form#razorpay-frm-payment').find('input#merchant_order_id').val();
var merchant_surl_id = jQuery('form#razorpay-frm-payment').find('input#surl').val();
var merchant_furl_id = jQuery('form#razorpay-frm-payment').find('input#furl').val();
var card_holder_name_id = jQuery('form#razorpay-frm-payment').find('input#billing-name').val();
var merchant_total = total;
var merchant_amount = jQuery('form#razorpay-frm-payment').find('input#amount').val();
var currency_code_id = jQuery('form#razorpay-frm-payment').find('input#currency').val();
var key_id = "<?php echo RAZOR_KEY_ID; ?>";
var store_name = 'Web Haunt';
var store_description = 'Payment';
var store_logo = 'https://webhaunt.com/wp-content/uploads/2016/11/webhaunt.png';
var email = jQuery('form#razorpay-frm-payment').find('input#billing-email').val();
var phone = jQuery('form#razorpay-frm-payment').find('input#billing-phone').val();

jQuery('.text-danger').remove();

if(card_holder_name_id=="") {
jQuery('input#billing-name').after('<small class="text-danger">Please enter full mame.</small>');
return false;
}
if(email=="") {
jQuery('input#billing-email').after('<small class="text-danger">Please enter valid email.</small>');
return false;
}
if(phone=="") {
jQuery('input#billing-phone').after('<small class="text-danger">Please enter valid phone.</small>');
return false;
}

var razorpay_options = {
key: key_id,
amount: merchant_total,
name: store_name,
description: store_description,
image: store_logo,
netbanking: true,
currency: currency_code_id,
prefill: {
name: card_holder_name_id,
email: email,
contact: phone
},
notes: {
soolegal_order_id: merchant_order_id,
},
handler: function (transaction) {
jQuery.ajax({
url:'callback.php',
type: 'post',
data: {razorpay_payment_id: transaction.razorpay_payment_id, merchant_order_id: merchant_order_id, merchant_surl_id: merchant_surl_id, merchant_furl_id: merchant_furl_id, card_holder_name_id: card_holder_name_id, merchant_total: merchant_total, merchant_amount: merchant_amount, currency_code_id: currency_code_id},
dataType: 'json',
success: function (res) {
if(res.msg){
alert(res.msg);
return false;
}
window.location = res.redirectURL;
}
});
},
"modal": {
"ondismiss": function () {
// code here
}
}
};
// obj
var objrzpv1 = new Razorpay(razorpay_options);
objrzpv1.open();
e.preventDefault();

});
</script>

Step 5: Create a file named success.php and copy and paste this code.

<?php include('templates/header.php'); ?>
<section class="showcase">
<div class="container">
<div class="text-center">
<h1 class="display-3">Thank You!</h1>
<p class="lead">Your payment has been received successfully.</p>
<hr>
<p>
Having trouble? <a href="mailto:contact@webhaunt.com">Contact us</a>
</p>
<p class="lead">
<a class="btn btn-primary btn-sm" href="#" role="button">Continue to homepage</a>
</p>
</div>
</div>
</section>
<br><br><br><br><br><br>
<?php include('templates/footer.php');?>

Step 6: Create a file named failed.php

<?php include('templates/header.php');?>
<section class="showcase">
<div class="container">
<div class="text-center">
<h1 class="display-3">Thank You!</h1>
<p class="lead text-danger">Your transaction has been declined.</p>
<hr>
<p>
Having trouble? <a href="mailto:contact@webhaunt.com">Contact us</a>
</p>
<p class="lead">
<a class="btn btn-primary btn-sm" href="#" role="button">Continue to homepage</a>
</p>
</div>
</div>
</section>
<br><br><br><br><br><br>
<?php include('templates/footer.php');?>

Create header.php and footer.php section of the webpage. The Bootstrap library is used to provide a better UI, so, include it in the header and footer section.

header.php code:-

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="canonical" href="https://www.webhaunt.com/" />
<meta name="author" content="WebHaunt">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://webhaunt.com/wp-content/uploads/2016/11/webhaunt-150x142.png" sizes="32x32" />
<link rel="icon" href="https://webhaunt.com/wp-content/uploads/2016/11/webhaunt.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="https://webhaunt.com/wp-content/uploads/2016/11/webhaunt.png" />
<meta name="msapplication-TileImage" content="https://webhaunt.com/wp-content/uploads/2016/11/webhaunt.png" />
<title>Razorpay Payment Gateway Integration using PHP with cURL | Web Haunt</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.2/css/all.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css" />
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

<link href="css/style.css" rel="stylesheet">
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top header-bg-dark" style="background: ##FFFFFF!;">
<div class="container">
<a class="navbar-brand font-weight-bold" href="https://webhaunt.com"><h1>Web Haunt</h1></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="https://webhaunt.com/">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://webhaunt.com/php-script-free-demo/">LIVE DEMO</a>
</li>
</ul>
</div>
</div>
</nav>

footer page code:-


<footer class="footer bg-light footer-bg-dark">
<div class="container">
<div class="row">
<div class="col-lg-6 h-100 text-center text-lg-left my-auto">
<ul class="list-inline mb-2">
<li class="list-inline-item">
<a href="#">About</a>
</li>
<li class="list-inline-item">⋅</li>
<li class="list-inline-item">
<a href="#">Contact</a>
</li>
<li class="list-inline-item">⋅</li>
<li class="list-inline-item">
<a href="#">Terms of Use</a>
</li>
<li class="list-inline-item">⋅</li>
<li class="list-inline-item">
<a href="#">Privacy Policy</a>
</li>
</ul>
<p class="small mb-4 mb-lg-0" style="color: #E6ECF0;">Copyright © 2017 - <?php print date('Y', time());?> <a style="color: #E6ECF0;" href="https://webhaunt.com/">WEBHAUNT.COM</a> All rights reserved.</p>
</div>
<div class="col-lg-6 h-100 text-center text-lg-right my-auto">
<ul class="list-inline mb-0">
<li class="list-inline-item mr-3">
<a href="#">
<i class="fab fa-facebook fa-2x fa-fw"></i>
</a>
</li>
<li class="list-inline-item mr-3">
<a href="#">
<i class="fab fa-twitter-square fa-2x fa-fw"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<i class="fab fa-instagram fa-2x fa-fw"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>

</body>
</html>