Cổng thanh toán trực tuyến là gì?
Vai trò chính của cổng thanh toán online trên Website là giải quyết thông tin thẻ tín dụng của khách mua hàng Trực tuyến rồi trả kết quả về Website của bạn.
1. Khách hàng nhấn nút đặt mua. trình duyệt mã hóa chi tiết thanh toán và gửi chúng đến máy chủ Website của người bán thông qua kết nối SSL.
2. Người bán gửi các điểm quan trọng này đến một cổng thanh toán thông qua kết nối SSL được mã hóa.
3. Cổng thanh toán sẽ gửi nội dung đến bộ xử lý thanh toán, sau đấy, chuyển tiếp thông tin đấy đến các cổng thanh toán mà Website đã tích hợp sẵn (Visa, MasterCard, Paypal v.v.).
4. Tổ chức tài chính phát hành thẻ tín dụng nhận được đòi hỏi ủy quyền và gởi mã góp ý lại cho bộ giải quyết thanh toán. Mã góp ý chứa thông tin về tình trạng giao dịch (được phê duyệt hoặc không phê duyệt) và mã lỗi trong hoàn cảnh giao dịch không thành công (không đủ tiền, v.v.).5. Bộ giải quyết thanh toán gửi mã phản hồi đến cổng thanh toán và từ đó, nó được chuyển tiếp trở lại trang Website.
6. Trang Website hiển thị một thông điệp đến người mua hàng là đã thành công hoặc không thành công cho giao dịch.
Toàn bộ quá trình thanh toán Trực tuyến trên Web chỉ mất 2-3 giây!
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é 😄
>>> Xem thêm: Bật mí TOP 7 khoá học THIẾT KẾ WEBSITE CHUYÊN NGHIỆP
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"> 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
>> Xem thêm: Deep web là gì? Làm sao để truy cập vào deep web?
Đă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án
tấ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:
Cổng thanh toán thẻ VN Pay
Để kết nối với cổng thanh toán VNPAY, Web của chúng ta cần bảo đảm các yếu tố sau:
Sản phẩm/dịch vụ với đầy đủ các chính sách giao hàng, kinh doanh, hoàn trả;
Bố cục và giao diện Website phục vụ công dụng đặt hàng;
Giấy công nhận của cơ quan thuế về account nhận tiền, chứng thực tên miền (đối với tên miền Việt Nam) và đăng ký kinh doanh;
Web đã đăng ký với Bộ Công thương (Quy trình đăng ký đọc thêm tại: http://www.online.gov.vn/HomePage/
Sau 3 – 7 ngày thực hiện kết nối kỹ thuật, Website của bạn đã có một giao diện thanh toán chuyên nghiệp, an toàn, hiệu quả và được bảo đảm bởi cổng thanh toán VNPAY.
Thương mại và điện tử toàn cầu phát triển đã chứng minh rằng chỉ có thanh toán online là phương án thanh toán tối ưu. Và để giải quyết được việc thanh toán tức thời này, TMĐT phải được hỗ trợ bởi cổng thanh toán Trực tuyến, Đây là chìa khóa vàng cho sự tăng trưởng lâu bền của thị trường TMĐT nước ta nói chung và của các doanh nghiệp TMĐT nói riêng.
Cài đặt Plugin hỗ trợ thanh toán online
Để kết hợp tính năng thanh toán Trực tuyến qua PayPal hay Visa bạn cần cài đặt Plugin không mất phí tên là WooCommerce PayPal Powered by Braintree Gateway.
Bạn vào phần Plugin=> Cài mới => Điền tên plugin WooCommerce PayPal Powered by Braintree Gateway sau đó cài đặt Plugin và kích hoạt.
Sau đấy bạn truy cập WooCommerce => thiết lập => phương thức thanh toán
Tại đây bạn có thể thấy 2 phương thức thanh toán là
Braintree Credit Card (visa/master)
Braintree PayPal
Hãy bật lên và cài đặt từng cách thức thanh toán này.
Cài đặt cách thức thanh toán qua thẻ tín dụng Credit Card
Trong đó:
Enable / Disable: Bật tắt tính năng thanh toán
Title: Đây là văn bản được hiển thị cho thanh toán trong khi thanh toán và trên trang Nhận đơn đặt hàng.
Description: Văn bản hiển thị dưới tiêu đề trong thanh toán
Card Verification (CSC): Cho phép đòi hỏi người mua hàng nhập CVV / CV2 (Mã bảo mật thẻ) khi thanh toán. có ích nếu bạn có yêu cầu trong account Braintree để xác minh CV2.
Transaction Type: kiểm soát cách giao dịch được gửi tới Braintree. Chọn phí hoặc ủy quyền . Mặc định là phí. nếu như bạn chọn Ủy quyền , bạn phải nắm bắt và thanh toán thủ công trong bảng điều khiển Braintree hoặc trên màn hình đơn đặt mua WooC Commerce sau khi giao dịch được gởi. nếu bạn sử dụng phương thức Ủy quyền , xin chú ý rằng các loại thẻ tín dụng khác nhau có thời hạn dùng không giống nhau so với Ủy quyền này. Ví dụ: Bạn có thể cần phải sạc thẻ trong vòng 7 ngày sau khi ủy quyền đã được cấp.
Charge Virtual-Only Orders: (Hiển thị nếu như Loại giao dịch được đặt thành Ủy quyền ) Cho phép buộc các khoản phí theo đơn đặt hàng chỉ chứa các vật phẩm ảo để chúng bị bắt ngaytức thì thay vì được ủy quyền (ví dụ: cấp quyền truy xuất tải về ngay lập tức).
Accepted Cards: Điều khiển logo thẻ hiển thị khi thanh toán
Tokenization: Cho phép người mua hàng lưu phương thức thanh toán để sử dụng trong tương lai khi thanh toán. điều này phải được kích hoạt nếu bạn dùng Đăng ký hoặc Đơn đặt mua trước và vault phải được bật trong account Braintree của bạn.
Detailed Decline Messages –
Debug Mode: Cho phép nếu gặp sự cố xử lý giao dịch chính xác. Đăng nhập các đòi hỏi / phản hồi API trực tiếp vào trang thanh toán / cảm ơn, lưu chúng vào Nhật ký lỗi WooC Commerce
cài đặt kết nối thanh toán
Tại phần này bạn cần kết nối (hoặc đăng ký) với tài khoản Braintree để nhập mã xác thực.
Merchant ID
Public Key
Private Key
Để thu thập được các key này bạn phải cần thực hiện theo chỉ dẫn sau: https://docs.woocommerce.com/document/woocommerce-gateway-paypal-powered-by-braintree/#section-5
sau khi nhập xong bạn nhấn lưu lại thì lúc này ở trang thanh toán sẽ hiển thị phương thức thanh toán thông qua visa hoặc Paypal.
Bạn có thể xem clip chỉ dẫn phía dưới nhé!

Tích hợp cổng thanh toán Paypal
Tài liệu này hướng dẫn chủ shop (shop owner) thực hiện các bước kết hợp hình thức thanh toán qua Paypal (https://www.paypal.com) vào Web bán hàng. hướng dẫn chi tiết cách tích hợp cổng thanh toán bạn xem hướng dẫn dưới đây :
Để kết hợp hình thức thanh toán qua Ngân lượng bạn phải cần thực hiện như sau:
Đăng ký Website kết hợp qua Paypal
Tích hợp cổng thanh toán Paypal cho Web.
1. Đăng ký Website tích hợp qua Paypal
Để tích hợp thanh toán qua Paypal cho Web của chúng ta, bạn thực hiện như sau:
Đăng ký tài khoản Paypal.
Khi mà đã có tài khoản Paypal, bạn phải cần có Thẻ visa, tài khoản tổ chức tài chính để rút tiền từ Paypal về đất nước ta. Về account Paypal, nếu như chưa nâng cấp thì bạn cần nâng cấp Paypal Business.
Lấy các nội dung cần thiết API Username, API mật khẩu, API Signature, để tích hợp account Paypal:
2. kết hợp cổng thanh toán Paypal cho Website.
Bắt tay vào làm thực hiện đăng ký Web tích hợp với Paypal. Trong bài hướng dẫn này này Zozo sẽ thực hiện đăng ký kết hợp cho website:
Bước 1: Truy cập trang quản trị, click vào Cấu hình chung >> Chọn Thanh toán.
Bước 2: Tại trang cấu hình thanh toán, di chuyển chuột xuống phần Paypal. Tại đây Click thiết lập sau đó Sửa.
Bước 3: Trong bảng hiện ra các thông tin, thực hiện nhập các nội dung cần thiết để Web kết hợp với Paypal như hình.
Bước 4: Click vào nút Lưu.
3. Đặt mua, thanh toán.
Sau khi tích hợp thành công hình thức thanh toán qua Paypal vào Web. phương thức thanh toán qua Paypal sẽ được hiển thị ngoài trang thanh toán cho khách hàng chọn lựa khi thực hiện đặt mua, thanh toán.
Một khi khách hàng đặt mua có thể được chuyển sang trang thanh toán, tại đây hình thức thanh toán qua Paypal có thể được hiển thị. Khách hàng có khả năng chọn lựa cách thức thanh toán qua Paypal và đặt hàng.
Sau khi click đặt mua việc thanh toán đơn hàng sẽ được chuyển sang trang thanh toán của Paypal. Tại đây người mua hàng sẽ thực hiện xác nhận thông tin và công nhận thanh toán cho đơn hàng.
Một khi thực hiện thanh toán thành công, đơn hàng trên trang quản trị của chủ cửa hàng sẽ chuyển hiện trạng đã thanh toán.
Tổng kết
Bài viết trên đã liệt kê các cách giúp bạn tích hợp thanh toán visa vào website đơn giản và dễ dàng. Ngoài ra còn nhiều thủ thuật để tích hợp thẻ thanh toán Online cho các loại trang web cũng được nhắc đến. Hãy thực hành theo hướng dẫn ATP Academy đã tổng hợp ở trên nhé. Chúc các bạn thành công.
Nếu bạn cần hỗ trợ về THIẾT KẾ WEBSITE – SEO hãy liên hệ đội ngũ ATP Academy qua thông tin sau nhé.
SĐT/Zalo: 0846.689.224 (Ms. Nhi)
Hotline: 0797.777.557
Link Facebook: https://www.facebook.com/khanhnhi1312/