Sửa Nút Đặt Hàng Và Giá Bán – Tự Thiết Kế Website: Bài 36

Bài 36 này, mình và các bạn sẽ đi sâu chỉnh sửa nút đặt hàng, chuyển giá bán thành giá liên hệ và một số tùy chỉnh hữu ích khác. Đây là một ài chia sẽ ngắn nhưng rất cần thiết trong quá trình tự thiết kế website tại nhà của bạn.

Sửa tên nút đặt hàng cho tất cả sản phẩm woocommerce

Theo mặc định của woocommerce tiếng Việt thì nút đặt hàng mặc định sẽ là Thêm vào giỏ hàng. Nếu là tiếng Anh thì tên là Add to cart. Khi click vào nút này, người dùng sẽ đưa sản phẩm tương ứng vào giỏ hàng online. Sau khi mua sắm thành công thì chúng ta sẽ vào giỏ hàng để xem sản phẩm và thanh toán.

Tuy nhiên, một số người dùng web lại không thích tên của nút như thế này hoặc một số sản phẩm không thích hợp với nút Thêm vào giỏ hàng ví dụ như phần mềm, bất động sản,… Thì bạn hoàn toàn có thể đổi tên cho nút đó thành tên bất kỳ thông qua nhiều cách. Đơn giản nhất là dùng plugin hỗ trợ.

Các đổi tên nút đặt hàng bằng  plugin

Bạn cài đặt plugin có tên “Add to cart button custom text” như hình bên dưới, sau đó kích hoạt.

Sửa đổi tên nút đặt hàng

Tìm và cài plugin đổi tên nút đặt hàng (clich xem ảnh lớn)

Bạn vào Cài đặt > Add to cart button, tại đây bạn có các cài đặt khá đơn giản. Phần Button text in single product pages là khu vực sửa tên nút đặt hàng cho trang chi tiết sản phẩm. Còn phần Button text in archive pages là nơi đổi tên nút đặt hàng trên các trang khác.

Sửa đổi tên nút đặt hàng

Chỉ cần đổi tên các ô tương ứng là được (click xem ảnh lớn)

Ở mỗi loại sản phẩm đều cho phép chúng ta đặt một cái tên khác nhau, dựa vào điểm này, bạn có thể kết hợp để tạo một website có cả giá bán liên hệ và giá bán thường.

Mẹo đổi tên nút đặt hàng khi website có 2 loại giá bán

Nếu website của bạn có giá bán sản phẩm bình thường và bạn có thể cập nhật thường xuyên. Khách đặt bao nhiêu mình giao bấy nhiều thì khá đơn giản, bạn chỉ việc đổi tên nút thành Mua hàng ngay hoặc Đặt Hàng,… Nếu sản phẩm chỉ có giá liên hệ thì bạn có thể đổi nút này thành Yêu cầu báo giá hoặc Liên hệ,…

Sửa đổi tên nút đặt hàng

Một website có cả 2 loại giá bán và nút đặt hàng (Click xem ảnh lớn)

Trường hợp bạn muốn các sản phẩm vừa có giá bán vừa để giá liên hệ thì bạn tận dụng 2 loại sản phẩm phổ biến đó là sản phẩm đơn giảnsản phẩm có biến thể. Cụ thể Sản phẩm đơn giản bạn có thể để giá liên hệ và các sản phẩm đăng loại này nều sửa tên nút đặt hàng là Yêu cầu báo giá.

Còn các sản phẩm có biến thể thì bạn để giá bán bình thường và tên nút đặt hàng là Mua hàng ngay chẳng hạn. Như vậy bạn có thể linh hoạt hơn trong website rồi. Nếu 1 sản phẩm bản thân nó không có biến thể thì bạn có thể suy nghĩ ra 1 cái đặc tính gì đó làm 1 biến thể duy nhất cho nó là được.

Cách đổi giá bán thành giá Liên hệ trong WordPress

Giá bán sản phẩm trên website đồi hỏi bạn phải có giải pháp cập nhật thường xuyên theo thị trường. Nếu bạn có hàng trăm hoặc hàng ngàn sản phẩm trên website thì việc cập nhật giá bán của tất cả sản phẩm khi thị trường biến động là một việc rất tốn thời gian và gian nan. Cho nên nhiều chủ shop chọn giải pháp là để giá liên hệ, mặc dù điều này không có lợi cho việc bán hàng.

Trong mọi trường hợp thì mình cũng như các khách hàng đều rất muốn xem giá bán thực tế khi truy cập sản phẩm và rất ghét nhìn thấy giá bán liên hệ, thông thường nếu là mình thì mình out luôn, không liên hệ đâu. Nếu bạn có giải pháp tốt thì mình sẽ hướng dẫn bạn đổi tên giá thành liên hệ như sau:

Cách đổi giá bán thành liên hệ

Bạn vào file functions.php của website bằng 1 trong 2 cách sau:

Vào Cpanel > Quản lý tệp > Public_html > Wp-content > Themes > Giao diện con (nếu ko có thì vào giao diện cha) > functions.php

Hoặc trong trang quản trị WP > giao diện > Sửa  (edit hoặc sửa giao diện)> Cột bên tay phải bạn chọn file functions.php

Trong phần nội dung của file functions.php bạn thêm code bên dưới vào.

 add_filter('woocommerce_get_price_html', 'fbs_woocommerce_get_price_html', 100, 2);

function fbs_woocommerce_get_price_html($price, $product) 
{ 
if ($product->price <= 99) 
{ 
//remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10); 
//remove_action('woocommerce_single_product_summary',  'woocommerce_template_single_add_to_cart', 30); 
return 'Liên hệ'; 
} else 
{ 
return $price; 
} 
} 

Bạn có thể tải file với các code hữu ích khác tại đây!

Trong đoạn code phía trên, bạn muốn có giá liên hệ thì hãy nhập vào mức giá <= 99. Nếu > 99 thì kết quả vẫn là giá bán bình thường. Lưu ý: Nếu trong phần nội dung của file functions.php ở dưới dùng bạn thấy dấu  ?>  thì hãy thêm code này phía trên dấu đó nhé.

Tổng kết đổi nút đặt hàng và giá bán sản phẩm WP

Trên đây là một số thủ thuật nhỏ dành cho bạn có thể sửa đổi tên nút đặt hàng và thay giá bán thành giá Liên hệ đơn giản nhất. Hãy cẩn thận lưu file gốc trước khi sửa đổi nhé, vì file function.php là file quan trọng bậc nhất của website.

Chúc bạn thành công!