Tính năng liên hệ để nhận báo giá trong WooCommerce

Tích hợp tính năng liên hệ để nhận báo giá trong WooCommerce một cách đơn giản.

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 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.

Tham khảo thêm:

• Thêm tab tùy chỉnh trong trang sản phẩm của WooCommerce
• Hướng dẫn thêm nhãn cho sản phẩm trong WooCommerce

Tích hợp tính năng liên hệ để nhận báo giá vào WooCommerce

Có nhiều cách khác nhau để làm việc này. Tùy thuộc vào nhu cầu của bạn để lựa chọn cho phù hợp. Sản phẩm mà bạn muốn hiển thị tính năng liên hệ để nhận báo giá sẽ cần phải để trống mục giá bán.

Sử dụng code snippets

Tất cả những gì bạn cần làm là chèn đoạn code sau đây vào trong file functions.php của theme hoặc child theme mà bạn đang sử dụng. Các bạn cũng có thể sử dụng plugin Code Snippets để chèn code nhằm tránh chúng bị xóa mất khi update theme.

//* Call for Price
add_filter( 'woocommerce_empty_price_html', 'wpcb_custom_empty_price_text' );
add_filter( 'woocommerce_variable_empty_price_html', 'wpcb_custom_empty_price_text' );
function wpcb_custom_empty_price_text() {
    return '<span class="price">Liên hệ</span>';
}

Bạn có thể sửa chữ “Liên hệ” thành số điện thoại hoặc bất cứ thứ gì mà bạn muốn. Lưu lại, xóa cache (nếu có) và kiểm tra kết quả.

Sử dụng plugin

1. Đầu tiên, các bạn cần cài đặt và kích hoạt một plugin có tên là Call for Price for WooCommerce (download).

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” mà không cần mua bản trả phí, bạn có thể sử dụng plugin Loco Translate để dịch chuỗi “Call for Price” thành “Liên hệ” hoặc bất cứ thứ gì mà bạn 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 theo dõi 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. :)