Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.

08/11/2021
(5/5) - 178 bình chọn.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website làm như thế nào? Hướng dẫn chi tiết cách thực hiện

Trong thời đại công nghệ số, hình thức mua hàng online trên website, sàn thương mại điện tử đang là xu hướng của khách hàng. Ngoài thanh toán COD ra thì hiện nay hình thức thanh toán online trực tuyến đang được phát triển mạnh nhờ thời gian giao dịch nhanh chóng, thuận tiện, người bán có thể nhận được tiền ngay mà không lo các đơn vị vận chuyển có xảy ra tình trạng ăn chặn tiền. Vậy, làm thế nào để tích hợp thanh toán trực tuyến vào website. Hãy tham khảo bài hướng dẫn của chúng tôi dưới đây:

Tìm hiểu về cổng thanh toán trực tuyến.

Sau khi lựa chọn được những sản phẩm mong muốn vào giỏ hàng, người dùng sẽ đến trang thanh toán để thực hiện xác nhận mua hàng. Tại đây, khách hàng có thể lựa chọn hình thức thanh toán như thu hộ(COD), thanh toán bằng thẻ ngân hàng, ví điện tử, visa,…Theo bạn người mua lựa chọn hình thức thanh toán nào thì có lợi cho người bán nhất? Đó chính là các hình thức thanh toán trực tuyến.

Lợi ích của hình thức thanh toán trực tuyến:

  • Tránh được tình trạng đơn vị vận chuyển ăn chặn tiền.

  • Tỉ lệ khách hàng bom hàng giảm đến mức thấp nhất.

  • Người bán được nhận được tiền ngay khi khách mua hàng quay vòng vốn nhanh chóng cho mỗi đơn hàng.

  • Tối ưu hóa hành trình trải nghiệm của khách hàng.

Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.

Quy trình của thanh toán online:

Đầu tiên khách hàng lựa chọn phương thức thanh toán trực tuyến bằng visa, thẻ ngân hàng, ví điện tử hoặc Paypal và điền các thông tin cần thiết. Sau đó trình duyệt mã hóa các thông tin thanh toán và gửi đến máy chủ trang web người bán thông qua kết nối SSL.

Tiếp theo người bán gửi thông tin được mã hóa đến cổng thanh toán cũng thông qua kết nối SSL.

Thông tin sẽ được gửi đến bộ xử lý thanh toán và chuyển đến cổng thanh toán tương ứng.

Cùng thời điểm này ngân hàng của thẻ tín dụng sẽ nhận được yêu cầu phê duyệt thanh toán. Trong trường hợp tài khoản không đủ tiền hoặc xảy ra lỗi thì giao dịch sẽ không thành công.

Cuối cùng bộ xử lý thanh toán gửi mã phản hồi đến cồng thanh toán để thông báo với khách hàng là giao dịch đã thành công hoặc không thành công.

Quá trình này đọc có vẻ dài và phức tạp nhưng thực ra toàn bộ quá trình chỉ tốn 2 đến 3 giây.

Các hình thức thanh toán phổ biến:

Hiện nay các hình thức thanh toán rất đa dạng do sự xuất hiện của nhiều đơn vị giao dịch tuy nhiên trên website thường tích hợp 3 hình thức thanh toán chính:

1. Kênh thanh toán trực tuyến qua trung gian.

Tiêu biểu cho hình thức này ta có thể kể đến Shopee Pay hoặc ví điện tử MOMO. Muốn thanh toán bằng loại hình này khách hàng cần đăng kí tài khoản thuộc bên trung gian từ trước. Những đơn vị trung gian thường có hoạt động hoàn tiền, giảm giá khi thanh toán nhằm kích thích người dùng, đây là một hoạt động rất tốt. Tuy nhiên, điểm trừ của việc thanh toán này là bên kinh doanh sẽ phải chịu phí thanh toán và số tiền thanh mua hàng càng cao phí thanh toán càng lớn.

2. Tích hợp thanh toán bằng thẻ ngân hàng nội địa, Visa,…

Nếu như bạn không muốn chịu phí chiết khấu cho bên trung gian thì có thể sử dụng hình thức thanh toán bằng các loại thẻ. Hiện nay hầu hết mọi người đều sở hữu một tài khoản ngân hàng nên đây là hình thức thanh toán ưu việt và thuận tiện. Khi tích hợp hình thức thanh toán này yêu cầu nhà quản trị website cần thiết kế sao cho thông tin được minh bạch nhưng cũng phải bảo mật thông tin cho khách hàng. Vicogroup là đơn vị thiết kế website chuẩn SEO chuyên nghiệp, uy tín có kinh nghiệm thiết kế website bán hàng, sàn thương mại điện tử trong đó bao gồm khả năng tích hợp thanh toán bằng thẻ nội địa, Visa, Master Card cho website một cách chuẩn nhất.

3. Với website quốc tế có thể tích hợp hình thức thanh toán bằng Paypal.

Paypal là ví điện tử trực tuyến được sử dụng để thanh toán trên toàn thế giới với độ an toàn và chống gian lận cực cao. Đây cũng là bên thanh toán trung gian nhưng không mất phí và tiện lợi bởi vì khi tất cả quá trình thanh toán sẽ được thực hiện trên Paypal ( tin cậy, dễ sử dụng hơn với người dùng) và khi đơn hàng bị hủy thì khách hàng sẽ nhận lại tiền ngay lập tức.

Cách tích hợp các hình thức thanh toán trực tuyến vào website.

Hiện nay có 2 dạng website chủ yếu là website được thiết kế bằng mã nguồn mở như wordpress và website code. Với trang web được code thì việc tích hợp hình thức thanh toán trực tuyến sẽ cần đơn vị thiết kế bổ sung các đoạn mã đây  là việc yêu cầu trình độ chuyên môn chứ không phải nhà quản trị web nào cũng có thể thực hiện được. Dưới đây là một số đoạn code mẫu bạn có thể tham khảo khi muốn tự thử sức thêm code vào website của mình:

Tích hợp hình thức thanh toán trực tuyến bằng Code.

Tạo view nạp thẻ:

Vị trí thêm: trong thẻ body.

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 do CardCharge(); . 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ả:

Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Thêm hình thức thanh toán trực tuyến bằng Code.

Cách thêm hình thức thanh toán trực tuyến lên website trên nền tảng wordpress.

Với website xây dựng bằng nền tảng Wordpress thì việc tích hợp hình thức thanh toán trực tuyến dễ dàng hơn. Hãy làm theo hướng dẫn dưới đây. Để thêm hình thức thanh toán cho website như là web bán hàng thì bạn cần thêm Plugin.

Thêm hình thức thanh toán Paypal.

Đầu tiên tìm kiếm từ khóa Paypal trên ô tìm kiếm Plugin.

Có rất nhiều Plugin hỗ trợ tuy nhiên chúng tôi chọn Contact Form 7 - PayPal & Stripe Add-on dựa trên đánh giá độ hiệu quả của Plugin này.

Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Thêm hình thức thanh toán trực tuyến cho web bán hàng.

Sau khi tải về hoàn tất chúng ta tiến hành kích hoạt.

Tiếp theo ta chọn cấu hình rồi chọn Paypal để tiền các thông tin cần thiết như địa chỉ Email vào phần Live Account nếu bạn có tài khoản Sandbox thì có thể thêm cả phần đó.

Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Thêm hình thức thanh toán trực tuyến cho trang thương mại điện tử.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Thêm hình thức thanh toán Paypal cho web bán hàng.

Sau khi đã hoàn tất bên Paypal bạn có thể chuyển sang Stripe để điền thông tin

Bước tiếp theo bạn cần tạo 1 mẫu đơn thanh toán với Contact Form 7 ở mục Form liên hệ.

Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Thêm hình thức thanh toán trực tuyến cho web bán hàng.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Thêm hình thức thanh toán trực tuyến cho web bán hàng.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Thêm hình thức thanh toán trực tuyến cho web bán hàng.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Thêm hình thức thanh toán trực tuyến cho web bán hàng.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. 
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Những vị trí cần điền.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Lựa chọn Form.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Cài đặt Form.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Cài đặt Form.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Chỉnh sửa nội dung Form.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. 
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. 
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Hoàn thành Form.

Vậy là bạn đã có thể tích hợp tính năng thanh toán bằng Paypal cho website của mình rồi.

Cài đặt plugin hỗ trợ thanh toán bằng thẻ Visa, thẻ nội địa,..

Đầu tiên hãy cài đặt plugin WooCommerce PayPal Powered by Braintree Gateway

Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Tích hợp thanh toán visa vào website.

Tiếp theo vào WooCommerce – cài đặt – thanh toán

Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Tích hợp thanh toán visa vào website.
Tích hợp thanh toán trực tuyến: Visa, Paypal, thẻ ngân hàng vào website. Đơn giản, dễ thực hiện.
Tích hợp thanh toán visa vào website.

Vậy là bạn đã tích hợp được tính năng thanh toán bằng thẻ cho website của mình rồi.

Trên đây chúng tôi đã hướng dẫn cho bạn những cách để tích hợp tính năng thanh toán vào website. Chúc các bạn thực hiện thành công. Nếu có nhu cầu thiết kế website bán hàng, sàn thương mại điện tử chuẩn SEO, chuyên nghiệp, hiệu quả, hãy liên hệ với chúng tôi tại Vicogroup.vn.


Bài viết liên quan
0918585505
Thời gian tiếp nhận:
9:00~18:00 từ Thứ Hai đến Thứ Sáu