Thêm chức năng so sánh sản phẩm trong WooCommerce

Ngày đăng: 24 - 03 - 2020 Lượt xem: 3462 lượt

Xin chào mọi người!

Khách mua hàng thường hay có nhu cầu so sánh các sản phẩm để tìm ra loại sản phẩm tốt nhất cho mình. Chẳng hạn khi mua điện thoại, cùng giá tiền họ muốn so sánh xem sản phẩm nào có tính năng ưu việt hơn, phù hợp với nhu cầu của họ. Thông thường khách hàng phải mở nhiều tab sản phẩm và bấm qua bấm lại để so sánh rất bất tiện. Để việc so sánh sản phẩm được thuận tiện thì website cần có chức năng so sánh sản phẩm ngay tại trang.

Thêm chức năng so sánh sản phẩm

Để thêm chức năng so sánh sản phẩm, ta có thể dùng plugin hỗ trợ có tên là YITH WooCommerce Compare, do YITH phát triển. Bạn hãy tìm, cài đặt và kích hoạt plugin này từ kho plugin WordPress nhé! Đây chỉ là bản miễn phí, chỉ giới hạn trong việc so sánh hai sản phẩm và hiện bảng so sánh. Tuy nhiên như vậy cũng đủ xài rồi. Nếu bạn muốn chuyên nghiệp hơn thì có thể so sánh bản miễn phí và có phí của plugin này tại đây.

chức năng so sánh sản phẩm

Sau khi cài đặt & kích hoạt xong, bạn sẽ thấy xuất hiện trong Dashboard một menu mới là YITH, bạn vào menu YITH > Compare. Ở phần General Settings, bạn thiết lập như sau:

  • Link or Button: lựa chọn hiển thị so sánh dạng nút hay liên kết.
  • Link/Button text: tiêu đề của liên kế / button.
  • Show button in single product page: chọn để hiển thị nút so sánh trong trang chi tiết sản phẩm.
  • Show button in products list: chọn để hiển thị nút so sánh trong trang danh sách sản phẩm.
  • Open automatically lightbox: bảng so sánh sẽ tự động hiện ra sau khi nhấn nút so sánh.

chức năng so sánh sản phẩm

Tiếp theo bạn thiết lập mục Table settings

  • Table title: tiêu đề bảng so sánh.
  • Fields to show: chọn những thông tin nào sẽ xuất hiện trong bảng sao sánh. Bạn có thể chọn cả các thuộc tính mà mình thêm vào cho sản phẩm để so sánh.
  • Repeat “Price” field: hiển thị giá sản phẩm vào cuối bảng.
  • Remeat “Add to cart” field: hiển thị nút mua hàng vào cuối bảng.
  • Image size: đặt kích thước hình ảnh.

Cuối cùng bạn lưu lại các thiết lập này nhé!

Table settings

So sánh sản phẩm

Bây giờ mình ra ngoài trang chủ, vào xem sản phẩm sẽ thấy nút Thêm vào so sánh như thế này. Bạn nhấn nút này bảng so sánh sản phẩm sẽ lập tức hiện lên dạng popup.

So sánh sản phẩm

Bảng so sánh sẽ có dạng như thế này.  Bạn có thể thêm nhiều sản phẩm để so sánh. Nếu muốn loại sản phẩm nào ra thì nhấn nút Remove. Bạn sẽ thấy các dòng tiêu đề bên trái bằng tiếng anh không đẹp lắm, vì website mình là tiếng Việt. Mình sẽ hướng dẫn dịch tiếng Việt cho theme và plugin trong một bài khác nhé.

So sánh sản phẩm

Tổng kết

So sánh sản phẩm là một tính năng vô cùng cần thiết cho trang bán hàng bằng Woocommerce. Đặc biệt là các trang bán hàng điện tử như điện thoại, laptop,… Qua bài viết này, bạn đã có thể thêm tính năng so sánh cho website . Chúc bạn thành công!

5 2 votes
Đánh giá bài viết

Nhận thông báo
Nhận thông báo cho
guest

0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

Tạo tab mới trong trang sản phẩm WooCommerce

Tạo tab mới trong trang sản phẩm WooCommerce

24 - 04 - 2022

Theo mặc định, WooCommerce chỉ hỗ trợ những tab cơ bản như mô tả, thông tin thêm, đánh giá. Vậy...

Làm thế nào để giỏ hàng tự động cập nhật khi thay đổi số lượng sản phẩm

Làm thế nào để giỏ hàng tự động cập nhật khi thay đổi số lượng sản phẩm

22 - 04 - 2022

Bạn có từng nghĩ rằng, sẽ tốt hơn nếu giỏ hàng tự động cập nhật khi thay đổi số...

Tạo nhãn mới và nổi bật cho sản phẩm WooCommerce

Tạo nhãn mới và nổi bật cho sản phẩm WooCommerce

18 - 04 - 2022

Theo mặc định, WooCommerce chỉ hiện nhãn cho sản phẩm hết hàng và đang được giảm giá. Nhưng nếu...

Xoá, đổi tên, thay đổi vị trí tính năng sắp xếp sản phẩm trong WooCommerce

Xoá, đổi tên, thay đổi vị trí tính năng sắp xếp sản phẩm trong WooCommerce

07 - 04 - 2022

Bạn có nhu cầu muốn xoá, đổi tên, thay đổi vị trí của tính năng sắp xếp trong WooCommerce....

Cách xoá dữ liệu WooCommerce sau khi gỡ cài đặt

Cách xoá dữ liệu WooCommerce sau khi gỡ cài đặt

02 - 03 - 2022

Bạn muốn loại bỏ dữ liệu WooCommerce ra khỏi trang web? Nếu bạn chỉ gỡ cài đặt plugin và...

Cách ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce

Cách ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce

12 - 12 - 2021

Bạn đang tìm cách ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce? Theo mặc định, giá...

0
Would love your thoughts, please comment.x