Woocommerce

Hướng dẫn tích hợp mã QR Code thanh toán vào đơn hàng WooCommerce WordPress

Đăng vào Tháng 1 10, 2025Tháng 1 10, 2025 bởi admin

admin

10/01/2025

12 Phút đọc

21 Lượt xem

Đánh giá

5/5 - (1 bình chọn)

Nếu bạn đang tìm cách đơn giản hóa quy trình thanh toán và nâng cao trải nghiệm khách hàng trên website WooCommerce của mình, thì mã QR Code thanh toán chính là giải pháp tuyệt vời. Việc sử dụng mã QR giúp khách hàng thanh toán dễ dàng mà không phải nhập thủ công thông tin như số tài khoản, ngân hàng hay số tiền. Tại muathemewpgiare.com, chúng tôi sẽ hướng dẫn bạn chi tiết cách tích hợp mã QR thanh toán vào WooCommerce, giúp cửa hàng của bạn trở nên chuyên nghiệp và hiệu quả hơn.

Hướng dẫn tích hợp mã QR Code thanh toán vào đơn hàng WooCommerce WordPress

Lợi Ích Của Việc Tích Hợp Mã QR Code Thanh Toán

Chắc chắn bạn đã từng gặp phải cảnh phải nhập số tài khoản, ngân hàng, số tiền và nội dung chuyển khoản mỗi khi thực hiện thanh toán. Quá rườm rà và mất thời gian, đúng không? May mắn thay, thời đại số hóa đã giúp chúng ta đơn giản hóa mọi thứ, và mã QR Code thanh toán chính là “vị cứu tinh” của mọi giao dịch online. Chỉ cần quét mã QR, bạn đã có thể hoàn tất mọi bước chuyển tiền một cách dễ dàng, nhanh chóng, và không cần phải chạm tay vào tiền mặt nữa.

Trước khi bắt đầu, bạn cần hiểu rõ lý do tại sao mã QR Code lại trở thành xu hướng trong việc thanh toán trực tuyến hiện nay. Dưới đây là những lợi ích nổi bật mà mã QR mang lại cho cả người bán và người mua:

Thanh toán nhanh chóng và dễ dàng: Khách hàng chỉ cần quét mã QR là đã hoàn tất việc thanh toán mà không cần phải nhập liệu phức tạp.
Tiết kiệm thời gian và công sức: Thay vì phải điền các thông tin ngân hàng một cách thủ công, mã QR sẽ tự động điền đầy đủ các thông tin cần thiết.
Giảm thiểu lỗi nhập liệu: Không còn lo lắng về sai sót khi nhập số tài khoản hay số tiền. Mã QR sẽ giúp bạn làm việc này một cách chính xác tuyệt đối.
Tăng tính chuyên nghiệp cho website: Một website bán hàng có khả năng thanh toán qua mã QR trông hiện đại, tiện lợi và rất đáng tin cậy.

Đặc biệt, với WooCommerce, việc tích hợp mã QR vào cửa hàng online của bạn cực kỳ dễ dàng, và sau khi thực hiện xong, bạn sẽ thấy rõ sự khác biệt trong trải nghiệm khách hàng.

Cách Tích Hợp Mã QR Code Thanh Toán Vào WooCommerce

Tại muathemewpgiare.com, chúng tôi sẽ chia sẻ từng bước giúp bạn dễ dàng tích hợp mã QR Code thanh toán vào WooCommerce của mình. Đảm bảo rằng việc thực hiện không hề phức tạp và bạn chỉ cần làm theo hướng dẫn sau đây.

1. Cấu Hình Phương Thức Thanh Toán Chuyển Khoản Ngân Hàng Trong WooCommerce

Để bắt đầu, bạn cần thiết lập phương thức thanh toán qua chuyển khoản ngân hàng trong WooCommerce. Điều này có thể thực hiện rất dễ dàng trong bảng điều khiển của bạn:

Truy cập vào phần WooCommerce > Cài đặt > Thanh toán.
Chọn Chuyển khoản ngân hàng và điền đầy đủ thông tin tài khoản ngân hàng của bạn (Tên tài khoản, Số tài khoản, Tên ngân hàng).

Hướng dẫn tích hợp mã QR Code thanh toán vào đơn hàng WooCommerce WordPress

Việc này giúp bạn tạo ra một kênh thanh toán qua chuyển khoản ngân hàng cơ bản trước khi tích hợp mã QR vào quy trình.

2. Thêm Mã QR Code Vào Trang Hoàn Tất Đơn Hàng

Sau khi thiết lập xong phương thức thanh toán, bước tiếp theo là thêm mã QR vào trang “Cảm ơn bạn đã mua hàng” để khách hàng dễ dàng quét và thanh toán. Để thực hiện, bạn chỉ cần sao chép và dán đoạn mã dưới đây vào tệp functions.php của theme:

add_action('woocommerce_thankyou_bacs', function($order_id){
    $bacs_info = get_option('woocommerce_bacs_accounts');
    if(!empty($bacs_info) && count($bacs_info) > 0):
        $order = wc_get_order($order_id);
        $content = 'Don hang ' . $order->get_order_number(); // Nội dung chuyển khoản
    ?>
        <div class="muathemewpgiare-qrcode">
        <?php foreach($bacs_info as $item): ?>
        <span class="muathemewpgiare-bank-item">
            <img class="muathemewpgiare-img-qr-code" src="https://img.vietqr.io/image/<?php echo $item['bank_name']?>-<?php echo $item['account_number']?>-print.jpg?amount=<?php echo $order->get_total() ?>&addInfo=<?php echo $content ?>&accountName=<?php echo $item['account_name']?>" alt="QR Code">
        </span>
        <?php endforeach; ?>
        </div>
    <?php
    endif;
});

add_action('woocommerce_thankyou_bacs', function($order_id){

$bacs_info = get_option('woocommerce_bacs_accounts');

if(!empty($bacs_info) && count($bacs_info) > 0):

$order = wc_get_order($order_id);

$content = 'Don hang ' . $order->get_order_number(); // Nội dung chuyển khoản

<?php foreach($bacs_info as $item): ?>

<img class="muathemewpgiare-img-qr-code" src="https://img.vietqr.io/image/<?php echo $item['bank_name']?>-<?php echo $item['account_number']?>-print.jpg?amount=<?php echo $order->get_total() ?>&addInfo=<?php echo $content ?>&accountName=<?php echo $item['account_name']?>" alt="QR Code">

</span>

<?php endforeach; ?>

</div>

<?php

endif;

});

Khi khách hàng hoàn tất đơn hàng, mã QR sẽ hiển thị ngay trên trang cảm ơn, giúp họ có thể quét mã để thanh toán một cách nhanh chóng.

3. Tùy Chỉnh Mã QR Code

Mã QR sẽ được tự động điền đầy đủ các thông tin như sau:

Tên ngân hàng.
Số tài khoản.
Chủ tài khoản.
Số tiền thanh toán.
Nội dung chuyển khoản (Mã đơn hàng).

Bạn cũng có thể thay đổi nội dung chuyển khoản theo ý muốn, giúp khách hàng dễ dàng nhận diện được giao dịch của mình.

4. Tính Năng Phóng To Mã QR Code

Để nâng cao trải nghiệm người dùng, bạn có thể thêm tính năng phóng to mã QR khi khách hàng cần quét rõ hơn. Đoạn mã JavaScript dưới đây giúp bạn thực hiện điều này:

const modal = document.getElementById('muathemewpgiare-modal-qr-code');
const modalImg = document.getElementById("muathemewpgiare-img01");
var img = document.querySelectorAll('.muathemewpgiare-img-qr-code');
for (var i = 0; i < img.length; i++) {
    img[i].onclick = function () {
        modal.style.display = "block";
        modalImg.src = this.src;
        modalImg.alt = this.alt;
    }
}

modal.onclick = function () {
    modal.className += " out";
    setTimeout(function () {
        modal.style.display = "none";
        modal.className = "muathemewpgiare-modal-content";
    }, 400);
}

const modal = document.getElementById('muathemewpgiare-modal-qr-code');

const modalImg = document.getElementById("muathemewpgiare-img01");

var img = document.querySelectorAll('.muathemewpgiare-img-qr-code');

for (var i = 0; i < img.length; i++) {

img[i].onclick = function () {

modal.style.display = "block";

modalImg.src = this.src;

modalImg.alt = this.alt;

}

modal.onclick = function () {

modal.className += " out";

setTimeout(function () {

modal.style.display = "none";

modal.className = "muathemewpgiare-modal-content";

}, 400);

}

Tính năng này sẽ giúp khách hàng có thể phóng to mã QR để dễ dàng quét bằng ứng dụng ngân hàng.

Tại Sao Nên Tích Hợp Mã QR Code Thanh Toán?

Việc tích hợp mã QR vào WooCommerce không chỉ đơn giản là cải thiện quá trình thanh toán mà còn mang lại những lợi ích thiết thực:

Giảm tỷ lệ bỏ giỏ hàng: Khi thanh toán nhanh chóng và dễ dàng, khách hàng sẽ ít bỏ giỏ hàng giữa chừng.
Tăng tỷ lệ chuyển đổi: Mã QR giúp giảm thiểu sai sót và làm cho quá trình thanh toán trở nên thuận tiện hơn, dẫn đến việc tăng tỷ lệ chuyển đổi.
Chuyên nghiệp và hiện đại: Mã QR là công nghệ mới, giúp cửa hàng của bạn trông chuyên nghiệp và uy tín hơn.
Tiết kiệm chi phí vận hành: Không cần thiết phải sử dụng các cổng thanh toán tốn phí, bạn có thể sử dụng mã QR thanh toán trực tiếp với ngân hàng của mình.

Kết Luận

Việc tích hợp mã QR Code thanh toán vào WooCommerce tại muathemewpgiare.com sẽ giúp bạn tối ưu hóa quy trình thanh toán và nâng cao trải nghiệm khách hàng. Đơn giản, nhanh chóng và chính xác, mã QR là lựa chọn không thể thiếu cho các cửa hàng trực tuyến hiện đại. Nếu bạn đang tìm cách làm website của mình trở nên chuyên nghiệp hơn và cải thiện tỷ lệ chuyển đổi, đừng bỏ qua việc sử dụng mã QR Code thanh toán.

Hãy thử ngay hôm nay và cảm nhận sự khác biệt!

Xem thêm:

Thông báo chính thức: Muathemewpgiare chân thành mong muốn được đồng hành và hỗ trợ tốt nhất cho các khách hàng trong quá trình sử dụng giao diện WordPress. Vì vậy, khi mua những theme wordpress tại chúng tôi, chúng tôi cam kết hỗ trợ quý khách hàng hết sức có thể.

Chúng tôi hiểu rằng sự lựa chọn của quý khách là rất quan trọng. Việc mua source code tại chúng tôi không chỉ giúp đảm bảo chất lượng mà còn nhận được sự hỗ trợ tận tâm từ Muathemewpgiare. Chúng tôi rất mong quý khách cân nhắc kỹ, tránh những rủi ro không đáng có khi mua các source code không rõ nguồn gốc. Chúng tôi luôn sẵn sàng hỗ trợ và đồng hành cùng quý khách. Xin chân thành cảm ơn!

Liên hệ qua Zalo Liên hệ qua Facebook Gửi Email Gọi Điện

Sharecode cách Chuyển 0đ hoặc không điền thành chữ “Liên hệ”

Nếu bạn đang quản lý một cửa hàng trực tuyến với WooCommerce và muốn thay thế giá trị “0đ” bằng chữ “Liên hệ” cho những...
Hướng Dẫn Xóa Tab WooCommerce Khỏi Trang Sản Phẩm Một Cách Dễ Dàng

Bạn đang sử dụng WooCommerce cho cửa hàng trực tuyến của mình và cảm thấy trang sản phẩm của mình có quá nhiều tab không...
Sharecode chức năng hiển thị top 10 sản phẩm bán chạy wordpress

Bạn đang tìm kiếm một giải pháp để hiển thị top 10 sản phẩm bán chạy trên website WordPress? Dưới đây, mình sẽ chia sẻ...
Hướng Dẫn Tự Code Tạo Chức Năng “Vòng Quay May Mắn” WordPress

Chào mọi người, hôm nay mình sẽ hướng dẫn mọi người code chức năng vòng quay may mắn trong wordpress nhé! Mọi người biết đấy,...
Hướng Dẫn Thêm Thanh Tiến Trình Quà Tặng Vào WooCommerce Giỏ Hàng

WooCommerce là một trong những plugin thương mại điện tử phổ biến nhất hiện nay, hỗ trợ mạnh mẽ cho các trang web bán hàng....
#1 Plugin Sale Flash Pro WooCommerce

Trong bối cảnh thương mại điện tử ngày càng phát triển mạnh mẽ, các cửa hàng trực tuyến cạnh tranh không ngừng để thu hút...
#1 Hướng dẫn chi tiết cách tự động chia sẻ file Google Drive tới email khách hàng sau khi thanh toán qua WooCommerce

Bài viết này sẽ giúp bạn hiểu rõ cách tự động chia sẻ file Google Drive với khách hàng qua WooCommerce. Từ việc cấu hình...
Hướng dẫn chi tiết cách ẩn hoặc xóa giá sản phẩm trên WooCommerce

Mục LụcLợi Ích Của Việc Tích Hợp Mã QR Code Thanh ToánCách Tích Hợp Mã QR Code Thanh Toán Vào WooCommerceTại Sao Nên Tích Hợp...
Hướng dẫn code chức năng chia sẻ File Google Drive Woocomerce

Trong thời đại công nghệ phát triển, việc tự động hóa quy trình bán hàng trên các nền tảng như WooCommerce không chỉ giúp giảm...
Hướng dẫn viết game trò chơi lật hình trong website wordpress mới nhất 2024

Trò chơi lật hình (Memory Game) là một trò chơi phổ biến trong năm 2024, yêu cầu người chơi lật các thẻ và tìm các...
Viết Trò Chơi Con Rắn và Tạo Mã Giảm Giá Trong Game WordPress

Việc tích hợp trò chơi Snake Game trong website WordPress giúp tăng sự tương tác với người dùng và cải thiện thời gian truy cập...
Hướng dẫn viết game “Đào vàng” trong WordPress

Việc thêm một trò chơi đơn giản như trò chơi “Đào vàng” vào website WordPress không chỉ tăng tính tương tác mà còn giúp giữ...
Hướng Dẫn Tùy Chỉnh Form Đăng Nhập và Đăng Ký WooCommerce Với SweetAlert2 (Không Cần Plugin)

Mục LụcLợi Ích Của Việc Tích Hợp Mã QR Code Thanh ToánCách Tích Hợp Mã QR Code Thanh Toán Vào WooCommerceTại Sao Nên Tích Hợp...