Để tạo giao diện trang web phong phú hơn và thuận tiện hơn cho người dùng, chúng ta không thể thiếu việc sử dụng các widget để chèn vào sidebar của giao diện. Trong Woocommerce, có một số widget rất hữu ích và tiện dụng mà nếu sử dụng linh hoạt, chúng ta có thể hiển thị sản phẩm và các chức năng liên quan tới cửa hàng một cách tốt hơn.
Contents
Sử dụng widget
Cách sử dụng widget của Woocommerce tương tự như cách sử dụng các widget khác. Bạn chỉ cần kéo nó vào sidebar của theme để hiển thị. Thiết lập này có thể được thực hiện tại mục “Giao diện” – “Widget”.
Danh sách các widget của Woocommerce
-
Giỏ hàng Woocommerce (WooCommerce Cart): Hiển thị giỏ hàng mini, liệt kê sản phẩm trong giỏ hàng khi thêm sản phẩm vào.
-
Chỉ dẫn sản phẩm theo lớp của Woocommerce (WooCommerce Layered Nav): Cho phép lọc sản phẩm theo thuộc tính trong sản phẩm chứa biến thể. Widget này chỉ hiển thị trên trang Cửa hàng.
-
Bộ lọc chỉ dẫn sản phẩm theo lớp của Woocommerce (WooCommerce Layered Nav Filters): Hiển thị các thuộc tính đang được lọc bằng widget WooCommerce Layered Nav. Mục đích của nó là thông báo cho khách hàng biết thuộc tính nào đang được lọc.
-
Bộ lọc giá của Woocommerce (WooCommerce Price Filter): Hiển thị một thanh trượt cho phép khách hàng chọn khoảng giá sản phẩm. Widget này chỉ hiển thị trên trang Cửa hàng.
-
Danh mục sản phẩm của Woocommerce (WooCommerce Product Categories): Hiển thị danh sách các danh mục sản phẩm trên trang web.
-
Sản phẩm Woocommerce (WooCommerce Products): Hiển thị danh sách các sản phẩm trong cửa hàng. Bạn có thể tùy chỉnh số lượng sản phẩm hiển thị, hiển thị sản phẩm nổi bật, sản phẩm giảm giá và sắp xếp hiển thị theo thời gian, ngẫu nhiên, bán chạy và giá.
-
Tìm kiếm sản phẩm trong Woocommerce (WooCommerce Product Search): Hiển thị hộp tìm kiếm và chỉ tìm kiếm sản phẩm.
-
Từ khóa sản phẩm trong Woocommerce (WooCommerce Product Tags): Hiển thị từ khóa sản phẩm dưới dạng đám mây.
-
Đánh giá gần đây trong Woocommerce (Woocommerce Recent Reviews): Hiển thị đánh giá mới nhất của sản phẩm, bên cạnh số lượng ngôi sao đánh giá.
-
Vừa được xem gần đây trong Woocommerce (WooCommerce Recent Viewd): Hiển thị danh sách các sản phẩm mà khách hàng vừa xem.
-
Các sản phẩm được xếp hạng cao nhất trong Woocommerce (WooCommerce Top Raterd Products): Danh sách các sản phẩm được nhiều người dùng đánh giá cao nhất.
Hướng dẫn một số widget tiêu biểu
Chỉ dẫn sản phẩm theo lớp của Woocommerce
Trước tiên, hãy nhớ rằng widget này chỉ hiển thị trên trang Cửa hàng, không hiển thị trên các trang danh mục sản phẩm và từ khóa sản phẩm. Bạn chỉ cần thêm nó vào một sidebar và nó sẽ hiển thị trên trang Cửa hàng. Trong tùy chọn widget này, chúng ta có các tùy chọn sau:
-
Tiêu đề: Là tiêu đề hiển thị của widget bên ngoài.
-
Thuộc tính: Chọn thuộc tính để lọc sản phẩm. Ở đây, widget sẽ hiển thị slug của thuộc tính, không có dấu.
-
Kiểu hiển thị: Chọn cách hiển thị chỉ dẫn. Thông thường, chúng ta nên sử dụng kiểu danh sách để có giao diện đẹp hơn.
-
Kiểu truy vấn:
- VÀ: Chỉ hiển thị các sản phẩm có thuộc tính khớp với tùy chọn của bạn. Ví dụ, nếu bạn chọn màu Đỏ và Đen, ở truy vấn VÀ, nó chỉ hiển thị các sản phẩm có cả thuộc tính Đỏ và Đen.
- HOẶC: Hiển thị các sản phẩm có ít nhất một thuộc tính mà bạn đang chọn.
Sản phẩm Woocommerce
Widget này thường được sử dụng vì nó hỗ trợ nhiều cách hiển thị sản phẩm tốt (ngoại trừ hiển thị theo danh mục hoặc từ khóa). Nó có một số tùy chọn như sau:
-
Tiêu đề: Là tiêu đề hiển thị của widget bên ngoài giao diện.
-
Số sản phẩm được hiển thị: Tùy chỉnh số lượng sản phẩm tối đa hiển thị.
-
Hiển thị:
- Tất cả sản phẩm: Hiển thị toàn bộ sản phẩm theo thứ tự sắp xếp được tùy chỉnh phía dưới.
- Sản phẩm nổi bật: Hiển thị toàn bộ sản phẩm nổi bật theo thứ tự được tùy chỉnh phía dưới.
- Sản phẩm giảm giá: Hiển thị toàn bộ sản phẩm giảm giá theo thứ tự được tùy chỉnh phía dưới.
-
Sắp xếp theo:
- Ngày: Sắp xếp sản phẩm theo thứ tự ngày tháng.
- Giá: Sắp xếp sản phẩm theo giá.
- Ngẫu nhiên: Sắp xếp sản phẩm theo kiểu ngẫu nhiên.
- Doanh số: Sắp xếp sản phẩm theo doanh số bán hàng.
-
Sắp xếp: Chọn cách sắp xếp sản phẩm:
- Giảm: Sắp xếp sản phẩm theo thứ tự giảm dần.
- Tăng: Sắp xếp sản phẩm theo thứ tự tăng dần.
Đó là những gì tôi muốn chia sẻ với bạn về danh sách các widget của Woocommerce. Tiếp theo, tôi sẽ giới thiệu đến bạn một số plugin hỗ trợ tạo thêm các widget khác cho Woocommerce.
Một số plugin cho widget của Woocommerce
Nếu các widget mặc định trong Woocommerce chưa đáp ứng được nhu cầu sử dụng của bạn, hãy tham khảo một số plugin sau để tạo thêm các widget hỗ trợ cho Woocommerce.
Miễn phí
- YITH WooCommerce AJAX Product Filter: Hỗ trợ tạo thêm bộ lọc sản phẩm, bao gồm cả lọc theo màu sắc như tôi đã hướng dẫn ở các bài trước.
- XoX Woocommerce Slider/Carousel: Plugin này tạo ra một slide nhỏ để hiển thị sản phẩm và cũng có hỗ trợ widget hiển thị slide.
- Search by SKU for Woocommerce: Thêm widget tìm sản phẩm theo mã SKU.
- WooCommerce My Account Widget: Widget hiển thị form đăng nhập và các liên kết tới trang tài khoản của Woocommerce.
- XO10 – WooCommerce Categories widget: Hiển thị danh sách các danh mục sản phẩm và có chứa ảnh đại diện.
Trả phí
- WC Products By Category Widget: Hiển thị sản phẩm theo danh mục, có thể tùy chỉnh đa dạng giống như widget “Sản phẩm của Woocommerce” mặc định.
- Woocommerce Similar Category Products Widget: Hiển thị sản phẩm cùng danh mục.
- WooCommerce Product Filter: Thanh lọc sản phẩm chuyên nghiệp.
- WooCommerce Sales Countdown: Hiển thị thời gian đếm ngược đến chương trình giảm giá.
- WooCommerce Ajax Drop Down Cart: Thêm widget giỏ hàng mini có hỗ trợ AJAX.
- Shop Assistant for WooCommerce: Trợ lý ảo cho khách hàng.
- WooCommerce Currency Switcher: Widget hỗ trợ chuyển đổi loại tiền tệ theo tỷ giá tự động.
- WooCommerce Cart – WooCart Pro: Tự động hiển thị giỏ hàng mini trên menu đẹp mắt.
Lời kết
Trong bài viết tiếp theo, tôi sẽ giới thiệu đến các bạn plugin WooSidebars để chúng ta có thể tạo ra thêm các sidebar và thay thế chúng cho từng trang khác nhau. Cụ thể hơn, các bạn có thể xem tiếp bài viết sắp tới của tôi.