Cách thêm nút mua ngay cho Woocommerce đơn giản

Việc thêm nút Mua ngay vào trang thông tin sản phẩm mang lại nhiều tiện ích cho người dùng. Chỉ cần click vào đó người dùng sẽ được chuyển hướng đến trang giỏ hàng và tiến hành mua hàng. Bạn hoàn toàn có thể thêm nút Mua ngay vào bất cứ vị trí nào dù không biết code. Bài viết sau đây sẽ hướng dẫn bạn cách thêm nút Mua ngay cho Woocommerce bằng code đơn giản nhất.

Mua Web Hosting từ 28,080đ

Code để thêm nút “Mua Ngay” cho Woocommerce

Để thêm nút Mua ngay cho Woocommerce vào trang web bằng code, trước hết bạn mở file functions.php trong theme đang sử dụng ra. Sau đó bạn thêm đoạn code dưới đây vào file và lưu lại là xong.

/*
* Add quick buy button go to checkout after click

* Author: vietnix.vn

*/

add_action('woocommerce_after_add_to_cart_button','devvn_quickbuy_after_addtocart_button');

function devvn_quickbuy_after_addtocart_button(){

    global $product;

    ?>

    <style>

        .devvn-quickbuy button.single_add_to_cart_button.loading:after {

            display: none;

        }

        .devvn-quickbuy button.single_add_to_cart_button.button.alt.loading {

            color: #fff;

            pointer-events: none !important;

        }

        .devvn-quickbuy button.buy_now_button {

            position: relative;

            color: rgba(255,255,255,0.05);

        }

        .devvn-quickbuy button.buy_now_button:after {

            animation: spin 500ms infinite linear;

            border: 2px solid #fff;

            border-radius: 32px;

            border-right-color: transparent !important;

            border-top-color: transparent !important;

            content: "";

            display: block;

            height: 16px;

            top: 50%;

            margin-top: -8px;

            left: 50%;

            margin-left: -8px;

            position: absolute;

            width: 16px;

        }

    </style>

    <button type="button" class="button buy_now_button">

        <?php _e('Mua ngay', 'devvn'); ?>

    </button>

    <input type="hidden" name="is_buy_now" class="is_buy_now" value="0" autocomplete="off"/>

    <script>

        jQuery(document).ready(function(){

            jQuery('body').on('click', '.buy_now_button', function(e){

                e.preventDefault();

                var thisParent = jQuery(this).parents('form.cart');

                if(jQuery('.single_add_to_cart_button', thisParent).hasClass('disabled')) {

                    jQuery('.single_add_to_cart_button', thisParent).trigger('click');

                    return false;

                }

                thisParent.addClass('devvn-quickbuy');

                jQuery('.is_buy_now', thisParent).val('1');

                jQuery('.single_add_to_cart_button', thisParent).trigger('click');

            });

        });

    </script>

    <?php

}

add_filter('woocommerce_add_to_cart_redirect', 'redirect_to_checkout');

function redirect_to_checkout($redirect_url) {

    if (isset($_REQUEST['is_buy_now']) && $_REQUEST['is_buy_now']) {

        $redirect_url = wc_get_checkout_url(); //or wc_get_cart_url()

    }

    return $redirect_url;

}

Với đoạn code như trên, khi người dùng bấm vào nút Mua ngay sẽ được chuyển hướng đến trang thanh toán. Nếu muốn thay đổi chuyển hướng đến giỏ hàng thì bạn sửa đổi dòng lệnh sau:

$redirect_url = wc_get_checkout_url();

Chuyển thành:

$redirect_url = wc_get_cart_url();

Bạn chạy lại đoạn code sẽ cho ra kết quả thêm nút mua ngay Woocommerce thành công như ý muốn.

Ưu điểm của cách thêm nút mua ngay cho Woocommerce thủ công

Nút Mua ngay có chức năng rất đơn giản nhưng nó lại giúp cải thiện trải nghiệm người dùng khi mua sắm online cực kỳ hiệu quả. Thật thiếu sót nếu bạn không thêm đoạn code cho nút Mua thêm vào trang web của mình.

Ngoài code thêm nút mua ngay, bạn có thể tìm hiểu thêm nhiều code hay cho WooCommerce giúp cho trang bán hàng của mình trở nên chuyên nghiệp và hấp dẫn hơn.

Ưu điểm của cách thêm nút mua ngay cho Woocommerce

Cách thêm nút Mua ngay cho plugin Woocommerce thủ công như trên có nhiều ưu điểm đó là:

Bạn không cần am hiểu về lập trình vẫn có thể thực hiện dễ dàng.
Không cần cài thêm bất cứ plugin nào cho trang web.
Chỉ cần thêm một đoạn code có sẵn vào file functions.php là được.
Tính năng nhẹ nhàng, không ảnh hưởng đến tốc độ truy cập web.
Đặc biệt là nó dùng được cho các sản phẩm có biến thể.

Nếu bạn muốn kích thích tỷ lệ khách mua hàng thì đừng quên thêm nút Mua ngay vào Woocommerce. Bạn cũng có thể thêm nhiều Shortcode của WooCommerce được tích hợp sẵn sẻ giúp trang bán hàng trở nên chuyên nghiệp hơn.

Để sở hữu thêm nhiều theme và plugin WordPress miễn phí, giúp xây dựng website bán hàng chuyên nghiệp và tối ưu chi phí, bạn có thể đăng ký sử dụng dịch vụ web hosting tại Vietnix.

HOSTING GIÁ RẺ

HOSTING CAO CẤP

HOSTING DOANH NGHIỆP

42,660đ -40%

71,100đ

/Tháng

1 Core

2GB RAM

4GB SSD

2 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 25 triệu

80,460đ -40%

134,100đ

/Tháng

2 Core

4GB RAM

8GB SSD

4 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 25 triệu

91,260đ -40%

152,100đ

/Tháng

4 Core

6GB RAM

8GB SSD

4 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 25 triệu

5,000đ

/Tháng

1 Core

0.5GB RAM

0.1GB SSD

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 25 triệu

15,660đ -40%

26,100đ

/Tháng

1 Core

1GB RAM

1GB SSD

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 25 triệu

21,060đ -40%

35,100đ

/Tháng

1 Core

1.5GB RAM

2GB SSD

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 25 triệu

71,280đ -20%

89,100đ

/Tháng

2 Core

3GB RAM

3GB NVMe

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

85,680đ -20%

107,100đ

/Tháng

2 Core

3GB RAM

3GB NVMe

2 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

107,280đ -20%

134,100đ

/Tháng

2 Core

4GB RAM

4GB NVMe

2 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

157,680đ -20%

197,100đ

/Tháng

4 Core

4GB RAM

4GB NVMe

4 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

215,280đ -20%

269,100đ

/Tháng

4 Core

6GB RAM

6GB NVMe

4 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

287,280đ -20%

359,100đ

/Tháng

4 Core

8GB RAM

8GB NVMe

4 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

395,280đ -20%

494,100đ

/Tháng

8 Core

10GB RAM

10GB NVMe

4 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

28,080đ -20%

35,100đ

/Tháng

1 Core

1GB RAM

1GB NVMe

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

42,480đ -20%

53,100đ

/Tháng

1 Core

2GB RAM

2GB NVMe

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

49,680đ -20%

62,100đ

/Tháng

2 Core

2GB RAM

2GB NVMe

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

683,145đ -5%

719,100đ

/Tháng

8 Core

12GB RAM

50GB NVMe

25 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

768,645đ -5%

809,100đ

/Tháng

10 Core

16GB RAM

50GB NVMe

25 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

939,645đ -5%

989,100đ

/Tháng

16 Core

24GB RAM

50GB NVMe

50 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

1,196,145đ -5%

1,259,100đ

/Tháng

24 Core

36GB RAM

75GB NVMe

50 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

1,709,145đ -5%

1,799,100đ

/Tháng

36 Core

48GB RAM

100GB NVMe

75 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

127,395đ -5%

134,100đ

/Tháng

1 Core

1GB RAM

5GB NVMe

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

170,145đ -5%

179,100đ

/Tháng

2 Core

2GB RAM

10GB NVMe

5 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

255,645đ -5%

269,100đ

/Tháng

2 Core

3GB RAM

15GB NVMe

10 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

341,145đ -5%

359,100đ

/Tháng

3 Core

4GB RAM

25GB NVMe

15 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

597,645đ -5%

629,100đ

/Tháng

6 Core

8GB RAM

50GB NVMe

25 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 26 triệu

Các gói dịch vụ hosting/VPS tại Vietnix được khách hàng đánh giá cao về tốc độ cũng như sự ổn định. Đảm bảo website bán hàng của bạn tải nhanh hơn, cải thiện trải nghiệm người dùng, từ đó gia tăng doanh thu từ website.

Đặc biệt, khi mua hosting/VPS tại Vietnix, bạn còn tặng miễn phí bộ theme và plugin WordPress bản quyền trị giá đến 26.000.000 VND/Năm. Sở hữu bộ quà tặng này giúp bạn có thêm nhiều tùy chọn để thay đổi giao diện và chức năng website của mình mà không phải trả thêm chi phí.

Đăng ký web hosting Vietnix ngay!

Vietnix là một nhà cung cấp dịch vụ hosting tốc độ cao uy tín, chuyên nghiệp hàng đầu tại Việt Nam. Với chất lượng dịch vụ tốt và hỗ trợ khách hàng chuyên nghiệp, Vietnix tự tin là lựa chọn tin cậy cho bạn khi có nhu cầu xây dựng website, kinh doanh trên môi trường internet.

Hơn 11 năm kinh nghiệm cung cấp dịch vụ hosting.
Sở hữu công nghệ chống DDoS độc quyền tại Việt Nam.
Đã đồng hành cùng hơn 50.000 khách hàng.
Hơn 100.000 gói dịch vụ được kích hoạt.
97% khách hàng đánh giá 5 sao sau khi sử dụng.
Đạt giải thưởng Thương hiệu Việt Nam xuất sắc 2022.
Hỗ trợ 247 với đội ngũ chuyên gia giàu kinh nghiệm và tận tâm.

Mọi vấn đề thắc mắc cần tư vấn, quý khách vui lòng liên hệ:

Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh
Hotline: 1800 1093
Email: sales@vietnix.com.vn

Lời kết

Việc thêm nút Mua ngay Woocommerce không hề khó, bạn hoàn toàn có thể thực hiện được dù không biết code. Chỉ cần thực hiện theo hướng dẫn trên, bạn đã có thể tự thêm nút Mua ngay vào trang bán hàng. Đừng bỏ lỡ các bài viết tiếp theo của Vietnix để cập nhật thêm nhiều kiến thức hữu ích nhé.