Thêm Nút Mua Ngay Vào Woocommerce Trên WordPress

Chắc hẳn ai tham gia vào Groups WordPress Việt Nam trên Facebook cũng sẽ biết bạn Lê Văn Toản, một người Coder CMS WordPress. Hôm nay Lê Ngọc Quyền xin chia sẻ lại một thủ thuật mà bạn Toản đã chia sẻ về Woocommerce.

Khi mà dùng wordpress để làm website bán hàng, chúng ta sẽ thấy phần mua hàng chỉ có nút “Thêm Vào Giỏ” mà không có các tiện ích khác. Việc bổ sung nút “Mua Ngay” sẽ giúp các website bán hàng cung cấp sản phẩm tới khách hàng nhanh hơn.

Để bổ sung nút này chúng ta chỉ cần thêm đoạn code vào file functions.php như ở những bài hướng dẫn khác. Các bạn chú ý nhớ đưa vào child-theme nhé, không nên chèn trực tiếp trong file gốc tránh mất sau này khi cập nhật.

/*
 * Add quickbuy button go to cart after click
 */
add_action('woocommerce_after_add_to_cart_button','devvn_quickbuy_after_addtocart_button');
function devvn_quickbuy_after_addtocart_button(){
    global $product;
    ?>
    <button type="submit" name="add-to-cart" value="<?php echo esc_attr($product->get_id()); ?>" class="single_add_to_cart_button button alt" id="buy_now_button">
        <?php _e('Mua ngay', 'devvn'); ?>
    </button>
    <input type="hidden" name="is_buy_now" id="is_buy_now" value="0" />
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%0A%20%20%20%20%20%20%20%20jQuery(document).ready(function()%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20jQuery('body').on('click'%2C%20'%23buy_now_button'%2C%20function()%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(jQuery(this).hasClass('disabled'))%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20thisParent%20%3D%20jQuery(this).closest('form.cart')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20jQuery('%23is_buy_now'%2C%20thisParent).val('1')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20thisParent.submit()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
    <?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();
    }
    return $redirect_url;
}

Ưu điểm của đoạn code này:
Không cần BIẾT CODE mà chỉ cần COPY.
Không cần phải cài PLUGIN.
Load nhẹ nhàng vì code trực tiếp.

Lưu ý: Đoạn code trên khi click vào MUA NGAY sẽ được đưa tới trang thanh toán. Nếu bạn nào muốn khách hàng chuyển tới trang giỏ hàng thì tìm dòng số 18 có đoạn code: (trên editor bên mình là dòng 18 nhé, bạn nên xem phía trình soạn thảo các bạn là bao nhiêu)

$redirect_url = wc_get_checkout_url();

và thay bằng đoạn code:

$redirect_url = wc_get_cart_url();

Như vậy là xong rồi nhé, các bạn vào website để kiểm tra kết quả, nếu chưa hiểu rõ cứ xem video mình hướng dẫn nha.
Chúc các bạn thành công! Hãy chia sẻ nhiều hơn để mọi người cùng học tập.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *