Tạo nút “Liên hệ” thay vì hiển thị giá trong WordPress

Tạo nút “Liên hệ” thay vì hiển thị giá trong WordPress
5 (1) vote

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

tinh-nang-lien-he-de-nhan-bao-gia-call-for-price-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.

cai-dat-va-kich-hoat-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.

call-for-price-general

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 ProductsVariable ProductsGrouped 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á.

thiet-lap-cac-trang-ap-dung-tinh-nang-call-for-price

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.

de-trong-phan-gia-cua-san-pham

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:

call-for-price-tren-trang-san-pham

Còn đây là kết quả trên các trang hiển thị danh sách sản phẩm:

call-for-price-tren-trang-archive

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:

viet-hoa-call-for-price

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.

Nguồn: wpcanban. com

Bình luận

bình luận

Nếu bài viết này có ích với bạn xin vui lòng ấn các nút bên để chia sẻ với mọi người. Xin chân thành cảm ơn các bạn đã đọc bài!

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 *