Tích hợp tính năng liên hệ để nhận báo giá trong WooCommerce.
Bạn đã bao giờ truy cập vào các website thương mại điện tử và nhìn thấy thay vì hiển thị giá cụ thể của sản phẩm thì nhà cung cấp lại để dòng chữ “Liên hệ” chưa? Thông thường, nguyên nhân của những trường hợp này là sản phẩm đang tạm hết hàng, hàng sắp về hoặc chưa có giá bán cụ thể dành cho sản phẩm (khách hàng có thể đàm phán để nhận mức giá tốt nhất). Nếu bạn đang xây dựng blog/ website bán hàng bằng WooCommerce và cũng muốn tích hợp tính năng tương tự như vậy thì bài viết này là dành cho bạn.
Tích hợp tính năng liên hệ để nhận báo giá vào WooCommerce
1. Đầu tiên, các bạn cần cài đặt và kích hoạt plugin Call for Price for WooCommerce
2. Truy cập vào WooCommerce => Settings, các bạn sẽ thấy xuất hiện thêm 1 tab có tên là Call for Price
Trong tab General, các bạn sẽ thấy các mục sau đây:
- WooCommerce Call for Price: kích hoạt tính năng Call for Price.
- Hide Sale Tag for Products with Empty Prices: ẩn thẻ Sale (giảm giá) đối với những sản phẩm có giá để trống.
- Hide Disabled Add to Cart Button for Variations with Empty Prices: ẩn nút Add to Cart (thêm vào giỏ) đối với những sản phẩm có giá để trống.
- Make All Products “Call for Price”: kích hoạt tính năng Call for Price cho toàn bộ sản phẩm.
3. Các tab Simple Products, Variable Products, Grouped Products và External Products sở hữu các mục giống nhau. Đây là nơi các bạn có thể thiết lập những trang sẽ được áp dụng tính năng liên hệ để nhận báo giá.
Trong đó:
- Enable/Disable: kích hoạt hoặc vô hiệu hóa.
- Single Product Page: trong trang sản phẩm.
- Related Products: trong sản phẩm liên quan.
- Homepage: trong trang chủ.
- Page (e.g. Shortcodes): trong trang (page).
- Archives: trong trang lưu trữ.
Đối với phiên bản miễn phí, các bạn sẽ không được phép chỉnh sửa nội dung của nhãn Call for Price. Tuy nhiên, chúng ta hoàn toàn có thể “biến tấu” nó nhờ một thủ thuật nho nhỏ mà tôi sẽ giới thiệu với các bạn trong bước sau.
4. Mở một sản phẩm bất kỳ trong WooCommerce mà bạn muốn kích hoạt tính năng Call for Price ra, xóa bỏ phần giá của nó (để trống) và lưu lại.
5. Kết quả bạn sẽ nhận được trên trang sản phẩm sẽ trông giống như thế này:
Còn đây là kết quả trên các trang hiển thị danh sách sản phẩm:
6. Để tùy biến dòng chữ Call for Price theo ý của bạn mà không cần mua bản trả phí, hãy mở file /wp-content/plugins/woocommerce-call-for-price/includes/class-wc-call-for-price.php ra, tìm dòng 207.
$label = apply_filters( ‘alg_call_for_price’, ‘<strong>’ . __( ‘Call for Price’, ‘woocommerce-call-for-price’ ) . ‘</strong>’, ‘value’, $product_type, $view );
Chỉnh nó thành:
$label = apply_filters( ‘alg_call_for_price’, ‘<span style=“color:#f36557“>’ . __( ‘Liên hệ’, ‘woocommerce-call-for-price’ ) . ‘</span>’, ‘value’, $product_type, $view );
Các bạn có thể sửa từ Liên hệ và mã màu #f36557 theo ý muốn. Ghi luôn cả số điện thoại vào đó để khách tiện liên hệ cũng được. Kết quả sẽ trông giống như thế này:
Thật đơn giản phải không nào? Chúc các bạn thành công!
Bạn biết giải pháp khác đơn giản và hiệu quả hơn giúp tích hợp tính năng liên hệ nhận để nhận báo giá vào WooCommerce? Đừng quên chia sẻ nó với chúng tôi trong khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. 🙂
Nguồn: wpcanban ” thanks rất nhiều!
