Hướng dẫn tích hợp thanh toán visa vào website đơn giản 2021

Bạn muốn tích hợp thanh toán visa vào website nhưng chưa biết làm thế nào. Hiện nay, thương mại điện tử đang phát triển, ngày càng nhiều đơn vị chọn tích hợp cổng thanh toán cho website của mình. Cổng thanh toán chính là một giải pháp tạo sự uy tín cho doanh nghiệp và giúp khách hàng thanh toán một cách dễ dàng. Bài viết này, ATP Academy sẽ hướng dẫn bạn các cách tích hợp thanh toán trực tuyến vào website đơn giản mới nhất 2021.

Tích hợp thanh toán thẻ vào Website PHP

Đăng ký tài khoản kết nối API của nhà cung cấp

Ở đây việc khó khăn không phải ở việc code nó như thế nào, khó khăn là làm sao bạn tìm được một nhà cung cấp honest, họ tôn trọng mà đặt lợi ích của bạn lên hàng đầu. Cái mình đang nói chính là tỉ lệ ăn chia % đó (70/30, 95/5, …). Vì khi lựa chọn của bạn không tốt nó sẽ ảnh hưởng trực tiếp đến lợi nhuận của bạn. Hiện nay thì có khá nhiều công ty cung cấp service này như VTC, Gamebank, Mypay…

Ở đây mình lựa chọn PAYCARD365 cho ứng dụng của mình. Sau khi bạn đăng ký dịch vụ, bạn sẽ nhận được tài khoản giúp cho việc kết nối tới API và thư viện sdk để làm việc với cổng thanh toán của họ. Chúng ta bắt đầu luôn nào, mình giả sử là bạn đã có tài khoản và sdk kết nối với cổng thanh toán của họ rồi nhé 😄

Tạo view nạp thẻ

Phần view này thì tùy vào thiết kế của mỗi ứng dụng bạn, ở đây mình tạo 1 form đơn giản thôi

HTML
<div style="margin: 0 auto; width: 500px;">
	<h3 style="margin-bottom: 20px;"><span class="label label-primary">Nạp thẻ cào trực tuyến</span></h3>
	<form action="index.php" method="post" id="fnapthe" name="fnapthe">
		<input  type="hidden" name="fnapthe" value="ok"/>
		<table class="table table-condensed table-bordered">
			<tbody>                        
				<tr>
					<td>Loại thẻ</td>
					<td>
						<select name="card_type_id" style="width: 390px;border: 1px solid #ccc;height: 30px;">
							<option value="1">Viettel</option>
							<option value="2">Mobiphone</option>
							<option value="3">Vinaphone</option>
							<option value="4">Gate</option>
							<option value="6">Vietnammobile</option>
							<option value="7">Megacard</option>
							<option value="8">OnCash</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>Mã thẻ</td>
					<td><input type="text" value="" name="pin" style="width: 390px;border: 1px solid #ccc;height: 30px;"/></td>
				</tr>
				<tr>
					<td>Seri</td>
					<td><input type="text" value="" name="seri" style="width: 390px;border: 1px solid #ccc;height: 30px;"/></td>
				</tr>
				
			</tbody>
		</table>
		<center>
			<input class="btn btn-primary" type="submit" value="Nạp thẻ"/> 
			<div id="loading_napthe" style="display: none; float: center"> &nbsp;Xin mời chờ...</div><br>
			<div class="label label-success" id="msg_success_napthe"></div><br>
			<div class="label label-danger" id="msg_err_napthe"><?php echo $status; ?></div><br>
		</center>
	</form>
</div>

Kết nối API và xử lý nạp thẻ phía server

Đăng ký thông tin kết nối API + SDK

PHP
<?php
require_once dirname(__FILE__) . '/nusoap/nusoap.php';
require_once('VDCO_SOAPClient.class.php');
$urlApi = "https://**********************************************"
$username = "username****************";
$password = "password****************";
$partnerId = "partnerId***";
$mpin = "mpin***";
$email = "*****@gmail.com";
$phone = '0167******';

Xử lý dữ liệu khi nhận được thông tin submit

PHP

if (isset($_POST['fnapthe'])) {
	$TxtCard = intval($_POST['card_type_id']);
	$TxtMaThe = mysql_escape_string($_POST['pin']);
	$TxtSeri= mysql_escape_string($_POST['seri']);
    /* Check loai the */
	switch ($TxtCard) {
		case 1:
			$TxtType = 'VTT';
			break;
		case 2:
			$TxtType = 'VMS';
			break;
		case 3:
			$TxtType = 'VNP';
			break;
		case 4:
			$TxtType = 'FPT';
			break;
		case 5:
			$TxtType = 'VTC';
			break;
	}     
    $client = new VMS_Soap_Client($urlApi, $username, $password, $partnerId, $mpin);
	$target = $username . '_' . rand() . rand();
    /*Thong tin card*/
	$dataCard = $TxtSeri.':'.$TxtMaThe.'::'.$TxtType;
    /*Gưi thong tin nap the*/
	$result = $Client->doCardCharge($target, $dataCard, $email, $phone);
}

Công việc tới đây coi như đã hoàn thành, kết quả của request nạp thẻ sẽ được trả về khi gọi hàm doCardCharge(); . Việc còn lại của bạn là xử lý kết quả trả về để hiển thị cho người dùng.

Kết quả:

Cảm ơn các bạn đã đọc bài viết, nó quả đơn giản so với tiêu đề bài viết phải không =)), mình giật tít câu view ý mà =)) Rất mong bài viết có ích với bạn 😄

Tích hợp thanh toán thẻ vào website WordPress

Bước 1: cài đặt “Contact Form 7 – PayPal & Stripe Add-on”.công việc trước tiên bạn phải cần làm là thiết lập và kích hoạt “Contact Form 7 – PayPal & Stripe Add-on” plugin.

Bước 2: thiết lập nội dung PayPal và Stripe của riêng mình.Bây giờ bạn sẽ thiết yếu lập thông tin thanh toán để có khả năng thực hiện các giao dịch trong tương lai. Ở bước này, bạn phải cần điền vào account PayPal (PayPal ID) và Stripe (Stripe Key) của mình.

Ở tab “Installed Plugins”, chọn “Contact Form 7 – PayPal & Stripe Add-on” và click vào “Settings”.

Trong phần “Settings”, có hai tab mà bạn cần chú ý đó là “PayPal” và “Stripe”.

Ở “PayPal”, hãy nhập địa chỉ email mà bạn đã dùng để đăng ký account PayPal vào phần “Live account”. điều này là bắt buộc và cực kì quan trọng vì tiền từ những giao dịch trên trang Web của chúng ta sẽ được chuyển đến account này.

Ngoài ra, nếu như bạn đã có account Sandbox và mong muốn kiểm duyệt coi liệu mọi thứ có khả năng vận hành một Cách tốt nhất trước khi đưa vào dùng, Bạn có thể điền account vào phần “Sandbox tài khoản”. chú ý rằng bạn cần chọn kích hoạt “Sandbox Mode”. một khi coi như hoàn tất các cài đặt Sandbox, Bạn có thể thử mua các sản phẩm trên Web của chính mình với nhân cách là một khách hàng bằng tài khoản Sandbox.

Bây giờ con người sẽ chuyển đến tab “Stripe”.

Để có thế kết nối WordPress với Stripe và có thể tiếp nhận giao dịch thông qua cổng thanh toán này, bạn cần phải nhập Stripe Key của mình.

ngoài những điều ấy ra cũng giống như PayPal, bạn hoàn toàn có thể sử dụng Stripe Test Key và Sandbox Mode để kiểm duyệt và đảm bảo việc thanh toán qua Stripe không gặp bất kỳ lỗi nào.

Bước 3: Tạo Một Mẫu Đơn Thanh Toán.Sau khi bạn đã download thành công Contact Form 7, một tab mang tên “Contact”sẽ xảy ra. Hãy chọn tab đấy và nhấn vào “Add New”.

Một mẫu đơn thanh toán mới sẽ xuất hiện như sau:

Bạn có thể tùy ý đặt tên cho mẫu đơn này sao cho dễ sử dụng nhất. Ở trong bài hướng dẫn này, tôi sẽ đặt tên mẫu đơn của mình là “testing 123”.

kế đến, trong tab “email”, chúng ta có thể căn chỉnh các mail giải đáp người mua hàng.

Tab “Messages” được sử dụng để căn chỉnh các tin nhắn phản hồi mà trang Web WordPress của chúng ta sẽ gởi cho khách hàng khi họ thực hiện một thao tác cụ thể nào đấy.

Ở tab “Additional Settings”, bạn có thể trải nghiệm nhiều thiết lập nâng cao nhưng vì Đây là một bài hướng dẫn căn bản nên hiện giờ chúng ta có thể bỏ qua tab này.

Cuối cùng, tab bạn cần chú ý nhất đó chính là “PayPal & Stripe”.

Hãy click chọn cả hai ô này để cho phép mẫu đơn thanh toán của bạn kết hợp thanh toán qua Stripe và PayPal.

lưu ý Nếu bạn muốn thanh toán thông qua Stripe thì bạn buộc phải điền giá thành của sản phẩm ở mục “Item Price”.

Bây giờ hãy nhấn nút “Save”, mẫu đơn có thể được tạo và lưu trữ trong tab “Contact Forms” ở thực đơn quản trị trang của chúng ta. Trong chỉ dẫn lần này, mẫu đơn“testing 123” mình vừa tạo sẽ xuất hiện như hình dưới:

Bước 4: tích hợp Cổng Thanh Toán Vào Mẫu Đơn Thanh Toántất cả những gì bạn cần bây giờ là kết hợp Stripe và PayPal vào mẫu biểu của chúng ta bằng việc thêm một thực đơn mới.

Chọn mẫu đơn bạn mới tạo và click vào “drop-down menu”.

Hãy để ý vào phần “Options”. bạn có thể cần điền “Pay with PayPal|PayPal” để chấp thuận thanh toán thông qua PayPal và “Pay with Credit Card|Stripe” để chấp nhận thanh toán thông qua thẻ tín dụng với Stripe.

Khi mà đã điền xong hãy nhấn nút “Insert Tag” ở góc phải. Một loạt các mã sẽ hiển thị nhưng chúng ta cần chú ý đến một mã code nhỏ ở vị trí như trong hình:

trong bài viết này mã code của mình là “menu-566” tuy nhiên với những mẫu đơn khác nhau thì mã code này sẽ không giống nhau, Vì vậy bạn có thể nhận được mã code khác với mã của mình. Tiếp đến bạn cần copy mã code đó. Hãy mở tab “PayPal & Stripe” của người làm mẫu đơn rồi nhập đoạn code này vào phần “Gateway Code”.

Nhấn nút “Save” và một đoạn mã sẽ tiếp tục được tạo ra.

kế đến hãy copy đoạn mã này và dán vào trang hoặc bài viết bạn mong muốn.

Nhấn nút “Update” và đây chính là kết quả cuối cùng ở trang mà bạn đăng mẫu đơn này:

Tích hợp cổng thanh toán Paypal