If you have ecommerce website and you want to accept payment via credit card or debit card from your website then 2Checkout Payment Gateway is the easy solution. In this article, i will show you an easy way to integrate 2Checkout Payment Gateway in web application or ecommerce website.
The 2Checkout Payment API allows you to accept payment via credit cards or debit card on your website. With 2Checkout Gateway, your website user or customer can make payment through their credit or debit card.
If you are a Web Developer and want to integrate 2Checkout Payment Gateway, 2Checkout PHP library helps you to connect the Payment API and process the credit or debit card payment. Now i will explain you step by step process to integrate 2Checkout payment gateway in PHP for accept payment online with credit or debit card.
How to create 2Checkout Sandbox Account:
2Checkout sandbox account provide a testing environment to test 2Checkout integration process. Before make 2Checkout payment gateway live or production mode, you need to test the gateway integration in sandbox environment. you need to follow the below steps to generate 2Checkout payment Gateway API Keys in Sandbox Account. We will use this API Keys to test the credit or debit card payment process with 2Checkout Gateway API.
Step-1: Login or Signup (if you don’t have account) into your 2Checkout Sandbox account.
Step-2: After Login you will get an API tab in top bar Menu, Click on API Menu.
Step-3: Go to API Page and generate API Keys. In Key Generation section, you will get Publishable Key and Private Key. Copy both keys and save it in your notepad for later use in the script.
Now First we need to create a Database Table to store order transaction details.
Following Sql query will create “order_transaction” table with some basic field in mysql database
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
CREATE TABLE `order_transaction` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(25) COLLATE utf8_unicode_ci NOT NULL,
`email` varchar(25) COLLATE utf8_unicode_ci NOT NULL,
`card_num` bigint(20) NOT NULL,
`card_exp_month` int(2) NOT NULL,
`card_exp_year` year(4) NOT NULL,
`card_cvv` int(3) NOT NULL,
`item_name` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
`item_number` varchar(25) COLLATE utf8_unicode_ci NOT NULL,
`item_price` float(10,2) NOT NULL,
`currency` varchar(10) COLLATE utf8_unicode_ci NOT NULL,
`paid_amount` varchar(10) COLLATE utf8_unicode_ci NOT NULL,
`order_number` varchar(20) COLLATE utf8_unicode_ci NOT NULL,
`txn_id` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
`payment_status` varchar(10) COLLATE utf8_unicode_ci NOT NULL,
`created` datetime NOT NULL,
`modified` datetime NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
|
To connect our database we need to create Database Configuration file (dbconfig.php).
dbconfig.php file will contain database host ($host ), username ($dbuser ), password ($dbpass) and database name ($dbname) mysql server credentials.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
|
Create 2Checkout Payment Form (index.php)
You need to create payment form that allow buyer to submit their details like email, name on card, card number, expiration month and year, and CVC.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
<div class="col-xs-12 col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Charge $10 USD with 2Checkout</h3>
</div>
<div class="panel-body">
<!-- display errors returned by createToken -->
<p class="payment-status"></p>
<form id="paymentForm" method="post" action="submitPayment.php">
<div class="form-group">
<label>NAME</label>
<input type="text" class="form-control" name="name" id="name" placeholder="Enter name" required="" autofocus="">
</div>
<div class="form-group">
<label>EMAIL</label>
<input type="email" class="form-control" name="email" id="email" placeholder="Enter email" required="">
</div>
<div class="form-group">
<label>CARD NUMBER</label>
<input type="text" class="form-control" name="card_num" id="card_num" placeholder="Enter card number" autocomplete="off" required="">
</div>
<div class="row">
<div class="col-xs-8">
<div class="form-group">
<label style="display: block;">EXPIRY DATE</label>
<div class="col-xs-6">
<input type="number" name="exp_month" id="exp_month" class="form-control" style="padding: 6px 10px;" placeholder="MM" required="">
</div>
<div class="col-xs-6">
<input type="number" name="exp_year" id="exp_year" class="form-control" style="padding: 6px 10px;" placeholder="YY" required="">
</div>
</div>
</div>
<div class="col-xs-4 pull-right">
<div class="form-group">
|