[Woocommerce] Danh sách các widget của Woocommerce [NEW]



Để giao diện website phong phú hơn, thuận tiện cho người dùng điều hướng thì chắc chắn không thể không sử dụng widget để chèn vào sidebar của giao diện. Trong WooCommerce, nó bao gồm một số widget rất hay và hữu ích mà nếu bạn áp dụng linh hoạt nó sẽ có thể hiển thị sản phẩm hoặc lưu trữ các chức năng liên quan tốt hơn.

Trong bài viết này, mình sẽ liệt kê qua một số widget WooCommerce và ý nghĩa của chúng, do một số widget dịch sang tiếng Việt khá “củ chuối” nên mình sẽ kèm theo tên widget tiếng Anh cho dễ hiểu.

Sử dụng widget

Sử dụng widget WooCommerce cũng giống như sử dụng các widget khác, bạn sẽ kéo nó vào thanh bên của chủ đề để hiển thị. Đặt trong mục Giao diện -> Tiện ích.

[Woocommerce] Danh sách các widget của Woocommerce [NEW]

Danh sách các widget WooCommerce

  • Giỏ hàng WooCommerce (Giỏ hàng WooCommerce) – Hiển thị giỏ hàng mini, khi thêm sản phẩm nó sẽ liệt kê các sản phẩm trong giỏ hàng.
  • Hướng dẫn Sản phẩm được Phân loại WooCommerce (WooCommerce Layered Navi) – Bạn nên hiểu đơn giản là lọc sản phẩm theo thuộc tính trong sản phẩm chứa biến thể. Tiện ích này chỉ có thể hiển thị trong trang Cửa hàng (trang lưu trữ của sản phẩm).
  • Bộ lọc chỉ mục sản phẩm được phân loại của WooCommerce (Bộ lọc điều hướng lớp WooCommerce) – Hiển thị các thuộc tính bạn đang lọc cho sản phẩm bằng widget WooCommerce Layered Nav, mục đích là để khách hàng biết họ đang lọc thuộc tính nào để loại bỏ nó.
  • Bộ lọc giá WooCommerce (Bộ lọc giá WooCommerce) – Hiển thị slide để chọn khoảng giá xem sản phẩm. Ví dụ bạn có thể xem các sản phẩm có giá từ 1.000.000 đến 5.000.000, giá trị tối đa sẽ dựa trên sản phẩm có giá cao nhất. Tiện ích này chỉ có thể hiển thị trong trang Cửa hàng (trang lưu trữ của sản phẩm).
  • Danh mục sản phẩm WooCommerce (Danh mục sản phẩm WooCommerce) Hiển thị danh sách các danh mục sản phẩm có trong trang web.
  • Sản phẩm WooCommerce (Sản phẩm WooCommerce) – 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 trưng bày, hiển thị sản phẩm đặc trưng, ​​hiển thị 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á cả).
  • Tìm kiếm sản phẩm trong WooCommerce (Tìm kiếm sản phẩm WooCommerce) – 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 (Thẻ sản phẩm WooCommerce) – Hiển thị từ khóa sản phẩm dưới dạng đám mây.
  • Các đánh giá gần đây trong WooCommerce (Đánh giá gần đây về Woocommerce) – Hiển thị các đánh giá sản phẩm mới nhất, cùng với số lượng sao đánh giá.
  • Được xem gần đây trong WooCommerce (WooCommerce Xem gần đây) – Trưng bày sản phẩm mà khách hàng vừa xem.
  • Các sản phẩm được xếp hạng hàng đầu trong WooCommrece (Sản phẩm được xếp hạng hàng đầu của WooCommerce) – Danh sách các sản phẩm được người dùng đánh giá tốt nhất.

Hướng dẫn một số widget điển hình

Hướng dẫn về sản phẩm được phân loại của WooCommerce

Trước hết, bạn nên nhớ rằng widget này chỉ hiển thị khi bạn xem trang cửa hàng, các trang còn lại sẽ không hiển thị kể cả trang danh mục sản phẩm và từ khóa sản phẩm. Vui lòng thêm nó vào bất kỳ thanh bên nào sẽ hiển thị trên trang cửa hàng. Trong bài đăng tiếp theo, tôi sẽ nói chuyện thông qua WooSidebars để tạo ra nhiều sidebars thay thế hơn cho mỗi trang.

Khi mở tùy chọn widget này, chúng tôi có các tùy chọn sau:

woocommerce-widget-03

  • Tiêu đề: Hiển thị tiêu đề của tiện ích con bên ngoài.
  • Đặc tính: Chọn thuộc tính để lọc sản phẩm, tại đây nó sẽ hiển thị slug của thuộc tính nên không có dấu.
  • Loại màn hình: Chọn cách hiển thị hướng dẫn, thường thì dùng List sẽ tốt hơn.
  • Loại truy vấn:
    • : Chỉ hiển thị các sản phẩm có thuộc tính phù hợp với sở thích của bạn. Ví dụ: nếu bạn chọn Đỏ và Đen, truy vấn VÀ nó chỉ hiển thị các sản phẩm có hai thuộc tính Đỏ và Đen.
    • HOẶC: Hiển thị các sản phẩm có nhiều hoặc một thuộc tính mà bạn đang chọn.

Sản phẩm WooCommerce

Widget này sẽ thường được sử dụng vì nó hỗ trợ nhiều cách hiển thị sản phẩm rất tốt (ngoại trừ xem sản phẩm theo danh mục hoặc từ khóa). Nó có một số tùy chọn như:

woocommerce-widget-02

  • Tiêu đề: Tiêu đề hiển thị của tiện ích ngoài giao diện.
  • Số lượng sản phẩm được hiển thị: Tùy chỉnh số lượng sản phẩm tối đa sẽ hiển thị ra bên ngoài.
  • Trưng bày:
    • Tất cả sản phẩm – Hiển thị tất cả các sản phẩm theo thứ tự sắp xếp tùy chỉnh bên dưới.
    • Sản phẩm nổi bật – Hiển thị tất cả các sản phẩm nổi bật theo thứ tự tùy chỉnh bên dưới.
    • Sản phẩm giảm giá – Hiển thị tất cả các sản phẩm giảm giá theo thứ tự tùy chỉnh bên dưới.
  • Được sắp xếp bởi:
    • Ngày – Phân loại sản phẩm theo thứ tự ngày tháng.
    • Giá bán – Phân loại 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.
    • Việc bán hàng – Phân loại sản phẩm theo doanh số.
  • Gọi món (phải viết Loại Đúng vậy, ai đã dịch nó thành Gọi món rất mới):
    • Giảm – Sắp xếp sản phẩm theo thứ tự giảm dần.
    • Được tăng lương – Sắp xếp sản phẩm theo thứ tự tăng dần.

Chỉ có vậy thôi hehe, các widget khác sẽ có rất ít tùy chọn hoặc thậm chí là không có tùy chọn nên mình sẽ không hướng dẫn các bạn.

Một số plugin tiện ích WooCommerce

Có thể các widget mặc định trong WooCommerce chưa thỏa mãn được nhu cầu của bạn, vì vậy hãy thử tham khảo một số plugin hỗ trợ tạo một số widget khác có hỗ trợ WooCommerce.

Tự do

  • YITH WooCommerce AJAX Product Filter – Hỗ trợ tạo thêm bộ lọc sản phẩm, hỗ trợ loại giá trị thuộc tính là màu mà mình đã hướng dẫn ở các bài viết trước.
  • XoX Woocommerce Slider / Carousel – Plugin này sẽ tạo một slide nhỏ hiển thị sản phẩm và hỗ trợ widget trình chiếu.
  • Tìm kiếm theo mã SKU cho Woocommerce – Thêm tiện ích tìm sản phẩm theo mã SKU.
  • WooCommerce My Account Widget – Widget hiển thị biểu mẫu đăng nhập và liên kết đến trang tài khoản WooCommerce.
  • XO10 – tiện ích Danh mục WooCommerce – Hiển thị danh sách các danh mục sản phẩm có chứa hình đại diện.

Thanh toán phí

  • WC Products By Category Widget – Hiển thị các sản phẩm theo danh mục, có khả năng tùy chỉnh cao giống như widget Sản phẩm WooCommerce mặc định.
  • Woocommerce Tương tự Danh mục Sản phẩm Widget – Hiển thị các sản phẩm cùng danh mục.
  • WooCommerce Product Filter – Lọc sản phẩm chuyên nghiệp.
  • WooCommerce Sales Countdown – Hiển thị đếm ngược đến lần bán hàng.
  • WooCommerce Ajax Drop Down Cart – Thêm tiện ích giỏ hàng mini với hỗ trợ AJAX.
  • Trợ lý cửa hàng cho WooCommerce – Trợ lý ảo cho khách hàng.
  • WooCommerce Currency Switcher – Widget hỗ trợ chuyển đổi tiền tệ theo tỷ giá hối đoái tự động.
  • WooCommerce Cart – WooCart Pro – Tự động hiển thị giỏ hàng mini trên menu đẹp mắt.

Phần kết

Trong bài tiếp theo mình sẽ giới thiệu với các bạn plugin WooSidebars để có thể tạo thêm các sidebars và thay thế nó trên từng trang khác nhau. Cụ thể mời các bạn xem bài viết sau.

5/5 – (1 phiếu bầu)

Tiếp tục đọc trong bộ truyện