Plugin mua hàng nhanh cho woocommerce – Woocommerce Quick buy
Plugin đặt hàng nhanh, mua hàng nhanh cho woocommerce giúp cho khách hàng có thể mua hàng 1 cách nhanh chóng ngay trên trang chi tiết sản phẩm. Với các thao tác nhanh gọn và dễ hiểu nhất là khách đã có thể đặt hàng được rồi.
Điểm nổi bật
- Giúp khách đặt hàng ngay trên trang chi tiết sản phẩm.
- Đơn hàng được tạo là đơn hàng mặc định của woocommerce. Admin quản lý đơn hàng sẽ đơn giản hơn. Mọi chức năng được áp dụng của woocommerce…
- Hỗ trợ sản phẩm biến thể. Sản phẩm có nhiều lựa chọn như màu sắc, kích thước…
- Hỗ trợ chọn tỉnh thành nếu có sẵn state của quốc gia Việt Nam
- Hỗ trợ nhập mã giảm giá
- Chọn phương thức thanh toán
- Hỗ trợ tính phí vận chuyển đến quận huyện (Yêu cầu bắt buộc phải có Plugin tính phí vận chuyển cho quận/huyện trong woocommerce)
- Cài đặt mở rộng. Bật tắt kích hoạt plugin, chọn tỉnh thành và tính phí vận chuyển.
- Thay đổi đa số nội dung hiển thị trong cài đặt.
- Sử dụng shortcode [devvn_quickbuy] để hiển thị nút mua hàng nhanh ở bất kỳ đâu trên trang chi tiết sản phẩm.
Chính sách sử dụng và update
- Update thông qua license. 1 license cho 1 web / 1 năm support + auto update qua license
- Chỉ sử dụng cho 1 website trong 1 năm. Hết 1 năm phải gia hạn để tiếp tục sử dụng. Tính từ phiên bản 2.2.0
- Bắt buộc PHP >= 7.2 và có extension ionCube
Hỗ trợ chỉnh sửa
Dưới đây là css giúp bạn có thể thay đổi màu cho tiêu đề và button trong popup. Thay lại màu đen (#000) trong ví dụ cho đúng với màu bạn muốn là được.
<pre class="brush: css; title: ; notranslate" title="">/*Css chỉnh màu cho tiêu đề popup*/
.devvn-popup-title {
background: #000 !important;
}
/*Css chỉnh màu cho button đặt mua ngay*/
.popup-customer-info-group .devvn-order-btn{
background: #000 !important;
}</pre>Css cho nút mua ngay ở trang chi tiết sản phẩm:
<pre class="brush: css; title: ; notranslate" title="">a.devvn_buy_now_style { background: red; }Css này để style cho nút mua ngay ở trang SHOP. Gán vào Giao diện -> Tùy chỉnh -> Css Bổ sung
<pre class="brush: css; title: ; notranslate" title="">a.devvn_buy_now.devvn_buy_now_ajax {
display: inline-block;
background: red;
color: #fff;
padding: 5px 14px;
font-size: 14px;
border-radius: 3px;
font-weight: 700;
}</pre>Shortcode hiển thị nút mua hàng.
– Shortcode dạng
<pre class="brush: xml; title: ; notranslate" title="">[devvn_quickbuy id="{ID}" button_text1="Ví dụ" button_text2 = "Ví dụ sub text" small_link="{1,0}"]</pre>
<pre class="brush: css; title: ; notranslate" title="">– Bắt buộc phải có id của sản phẩm id=”{ID}” ví dụ [devvn_quickbuy id=”68″] – Có thể thay đổi chữ hiển thị bằng button_text1 và button_text2
– Thuộc tính small_link có giá trị là 1 hoặc 0; 0 để hiển thị dạng button có style sẵn; 1 để hiển thị dạng text link đơn giản KHÔNG có style sẵn
- Ví dụ muốn hiển thị tại 1 page nào đó hoặc tại bất kỳ đâu thì dùng shortcode như sau
[devvn_quickbuy id=”36″ button_text1=”Ví dụ” button_text2 = “Ví dụ sub text”] Hoặc
[devvn_quickbuy id=”35″] Hoặc dạng text link thì
[devvn_quickbuy id=”35″ small_link=”1″] - Ví dụ muốn hiển thị thêm 1 button mua nhanh ngay trong trang chi tiết sản phẩm (single product) thì dạng như sau
[devvn_quickbuy id=”36″ view=”0″] - Đối với theme Flatsome khi bạn sử dụng customizer product page thì hãy sử dụng shortcode [devvn_quickbuy] vào chỗ cần thêm
Shortcode hiển thị form (không phải popup) ở bất kỳ chỗ nào trên website. Với {id} là ID của sản phẩm bạn muốn.
<pre class="brush: php; title: ; notranslate" title="">[devvn_quickbuy_form id="{id}"]Nếu bạn chèn vào chi tiết sản phẩm có thể bỏ qua tham số {id}
Code bổ trợ 1:
Nếu bạn đang dùng theme flatsome. Khi gọi sản phẩm kiểu default hoặc 1 kiểu nào đó không phải Normal thì nút mua ngay ở loop sản phẩm không hiển thị được. Hẫy thêm đoạn code này vào functions.php nhé.
<pre class="brush: php; title: ; notranslate" title="">global $devvn_quickbuy;
remove_action('woocommerce_after_shop_loop_item', array($devvn_quickbuy, 'add_quick_buy_to_loop_func'), 15);
add_action('flatsome_product_box_after', array($devvn_quickbuy, 'add_quick_buy_to_loop_func'), 15);</pre>
<pre class="brush: php; title: ; notranslate" title="">Code bổ trợ 2:
Đoạn code này để xóa bỏ nút mua ngay mặc định trong chi tiết sản phẩm. Thêm code sau vào functions.php
<pre class="brush: php; title: ; notranslate" title="">global $devvn_quickbuy;
remove_action('woocommerce_single_product_summary', array($devvn_quickbuy, 'add_button_quick_buy'), 35);Code hỗ trợ 3:
Nếu muốn chèn form mua hàng nhanh vào cuối mỗi sản phẩm thì dùng code này
<pre class="brush: php; title: ; notranslate" title="">add_filter('woocommerce_after_single_product_summary','devvn_quickbuy_form_product', 12);
function devvn_quickbuy_form_product(){
echo do_shortcode('[devvn_quickbuy_form id="'.get_the_ID().'"]');
}Code hỗ trợ 4:
Xóa nút mua ngay mặc định và di chuyển lên ngang hàng với nút “Thêm vào giỏ hàng”. Hãy chèn code này vào functions.php trong theme của bạn
<pre class="brush: php; title: ; notranslate" title="">global $devvn_quickbuy;
remove_action('woocommerce_single_product_summary', array($devvn_quickbuy, 'add_button_quick_buy'), 35);
add_action('woocommerce_after_add_to_cart_button', array($devvn_quickbuy, 'add_button_quick_buy'), 15);Code hỗ trợ 5:
Dưới đây là cách sử dụng các hook và ví dụ thực tế thêm 1 custom field vào form mua nhanh.
Xem tất cả các hook tại đây: https://flatsome.webmau68.com/test-quick-buy/
<pre class="brush: php; title: ; notranslate" title="">*
* Code hướng dẫn thêm custom field cho plugin quick buy
* Làm việc với các hook
* before_form_devvn_quickbuy
* before_field_devvn_quickbuy
* quickbuy_after_gender_field
* quickbuy_after_name_phone_field
* quickbuy_after_email_field
* before_devvn_quickbuy_note
* after_devvn_quickbuy_note
* quickbuy_after_shipping_field
* quickbuy_after_payment_field
* quickbuy_after_coupon_field
* quickbuy_after_total_field
* devvn_before_quickbuy_button
* devvn_after_quickbuy_button
* after_field_devvn_quickbuy
* */
/*
* Thêm field vào form
* */
add_action('after_devvn_quickbuy_note', 'devvn_custom_after_devvn_quickbuy_note');
function devvn_custom_after_devvn_quickbuy_note(){
?>
<input type="text" name="quickbuy_custom_field" value="" placeholder="Field tuỳ chỉnh">
<?php
}
/*
* Lưu field vào form
* */
add_action('devvn_quickbuy_checkout_order_processed', 'devvn_quickbuy_checkout_order_processed_func', 10, 4);
function devvn_quickbuy_checkout_order_processed_func($order_id, $customer_info, $product_info, $order){
$quickbuy_custom_field = isset($customer_info['quickbuy_custom_field']) ? sanitize_text_field(wp_unslash($customer_info['quickbuy_custom_field'])) : '';
if($quickbuy_custom_field){
$order->update_meta_data('quickbuy_custom_field', $quickbuy_custom_field);
$order->save();
}
}
/*
* Gọi giá trị thì sử dụng
* $order->get_meta("Tên field")
* Ví dụ này chúng ta sẽ gọi ở dưới thông tin shipping trong chi tiết đơn hàng nhé
* */
add_action('woocommerce_admin_order_data_after_shipping_address', 'devvn_quickbuy_woocommerce_admin_order_data_after_shipping_address', 10);
function devvn_quickbuy_woocommerce_admin_order_data_after_shipping_address($order){
$quickbuy_custom_field = $order->get_meta("quickbuy_custom_field");
if($quickbuy_custom_field){
echo 'Custom field: ' . $quickbuy_custom_field;
}
}</pre>
<pre class="brush: php; title: ; notranslate" title="">Code thay đổi link chuyển hướng sau khi đặt hàng xong
Code này sẽ giúp bạn thay đổi được link mà bạn mong muốn chuyển hướng tới sau khi khách đặt hàng xong
<pre class="brush: php; title: ; notranslate" title="">add_filter('devvn_quickbuy_custom_thankyou_link', function ($thankyou_link, $product_id, $order, $POST){
$custom_link = 'LINK của bạn ở đây';//ví dụ https://your-domain.com/cam-on/
$thankyou_link = add_query_arg(array(
'order_id' => $order->get_id(),
'customer_name' => $order->get_formatted_billing_full_name(),
'total' => $order->get_total(),
//Và nhiều giá trị khác nếu bạn muốn
), $custom_link);
return $thankyou_link;
}, 10, 4);</pre>
