Hướng dẫn sử dụng Widget – Products

08/09/2025
197 lượt xem
5/5 - (1 đánh giá)
Chia sẻ qua

Chào anh/chị,

Bài hướng dẫn này sẽ chỉ anh/chị cách tạo ra một khu vực trưng bày sản phẩm ngay trên trang web của mình.

Chức năng này dùng để làm gì?

Hãy tưởng tượng trang web là cửa hàng của anh/chị. Chức năng này giống như việc anh/chị sắp xếp một kệ hàng đặc biệt để thu hút khách:

  • Kệ “Hàng Mới Về”: Trưng bày những sản phẩm vừa được đăng lên.
  • Kệ “Bán Chạy Nhất”: Hiển thị những sản phẩm được nhiều người mua nhất.
  • Kệ “Đang Giảm Giá”: Tập hợp tất cả các sản phẩm đang có khuyến mãi.
  • Bộ sưu tập theo mùa: Ví dụ “Bộ Sưu Tập Mùa Hè”.

Việc này giúp khách hàng dễ dàng thấy được những sản phẩm nổi bật và thúc đẩy họ mua sắm nhiều hơn. Các bước thực hiện rất đơn giản, anh/chị chỉ cần làm theo là được!

Các Bước Thực Hiện

Chúng ta sẽ thực hiện qua 3 bước chính:

  1. Mở trình chỉnh sửa trang web (gọi là UX Builder).
  2. Thêm khối “Products” vào vị trí mong muốn.
  3. Lựa chọn sản phẩm và kiểu dáng để hiển thị.

Bước 1: Mở Trình Chỉnh Sửa Trang Web (UX Builder)

Đầu tiên, anh/chị cần vào trang mà mình muốn đặt kệ hàng này (thường là Trang chủ).

  1. Từ trang quản trị website (menu đen bên trái), tìm đến mục Trang.
  2. Rê chuột vào mục Trang, một menu con sẽ hiện ra, anh/chị bấm vào Tất cả các trang.
  3. Tìm đến trang mình muốn sửa, sau đó rê chuột vào tên trang đó.
  4. Các tùy chọn sẽ hiện ra, anh/chị hãy bấm vào nút “Sửa với UX Builder”.

Image6

Màn hình sẽ chuyển sang giao diện chỉnh sửa. Bên trái là cột công cụ, bên phải là trang web của anh/chị.

Bước 2: Thêm Khối “Products”

Bây giờ, chúng ta sẽ “bưng” kệ hàng này và “đặt” nó vào trang web.

  1. Nhìn sang cột công cụ bên trái. Anh/chị sẽ thấy một nút dấu cộng (+) to màu xanh có chữ “Add Elements”. Hãy bấm vào đó.
  2. Một bảng lớn chứa rất nhiều khối chức năng sẽ hiện ra. Để tìm cho nhanh, anh/chị hãy gõ chữ “Products” vào ô tìm kiếm ở trên cùng.
  3. Ngay lập tức, khối Products sẽ hiện ra. Anh/chị chỉ cần bấm chuột vào nó.

Image4

Một loạt sản phẩm mẫu sẽ được thêm ngay vào trang web. Bây giờ chúng ta sẽ qua bước quan trọng nhất: chọn đúng sản phẩm và làm cho nó đẹp hơn.

Bước 3: Lựa Chọn và Tùy Chỉnh Kệ Hàng

Sau khi thêm khối Products, cột công cụ bên trái sẽ tự động chuyển sang phần cài đặt. Anh/chị chỉ cần lựa chọn theo ý mình. Dưới đây là những cài đặt quan trọng nhất.

  1. Chọn Nguồn Sản Phẩm (Phần Quan Trọng Nhất)

Phần này quyết định NHỮNG SẢN PHẨM NÀO sẽ được hiển thị.

  • Để tạo kệ “Sản phẩm Mới Nhất”:
    • Trong mục Order By, chọn “Date” (Ngày tháng).
    • Vậy là xong! Hệ thống sẽ tự động lấy những sản phẩm được đăng gần đây nhất.
  • Để tạo kệ “Sản phẩm Bán Chạy Nhất”:
    • Trong mục Order By, chọn “Sales” (Lượt bán).
    • Hệ thống sẽ tự động lấy những sản phẩm có doanh số cao nhất.
  • Để tạo kệ “Sản phẩm Đang Giảm Giá”:
    • Trong mục Show, chọn “On Sale” (Đang giảm giá).
    • Chỉ những sản phẩm nào anh/chị đang cài giá khuyến mãi mới hiện ra.
  • Để tạo kệ “Sản phẩm Nổi Bật” (sản phẩm được đánh dấu sao):
    • Trong mục Show, chọn “Featured” (Nổi bật).
  • Để tự tay chọn từng sản phẩm mình thích (Tạo bộ sưu tập riêng):
    • Trong mục Custom Posts, hãy gõ tên sản phẩm anh/chị muốn hiển thị vào.
    • Khi gõ, một danh sách gợi ý sẽ hiện ra, anh/chị chỉ cần bấm chọn. Anh/chị có thể chọn nhiều sản phẩm theo cách này.
  1. Chọn Kiểu Dáng Hiển Thị
  • Style (Kiểu hiển thị): Anh/chị thích sản phẩm trông như thế nào? Cứ bấm vào các lựa chọn để xem thử. Kiểu “Normal” là phổ biến và đẹp nhất.
  • Type (Kiểu sắp xếp):
    • Slider (Thanh trượt): Các sản phẩm nằm trên một hàng, khách có thể bấm mũi tên lướt qua lại. Rất gọn và hiện đại!
    • Grid (Lưới): Sắp xếp sản phẩm theo dạng lưới nhiều hàng, nhiều cột.
    • Row (Hàng ngang): Dàn tất cả sản phẩm trên một hàng ngang (sẽ tự xuống dòng nếu không đủ chỗ).
  • Columns (Số cột): Anh/chị muốn có bao nhiêu sản phẩm trên một hàng? Kéo thanh trượt để chọn (thường là 4 hoặc 5).
  • Total Posts (Tổng số sản phẩm): Anh/chị muốn kệ hàng này trưng bày bao nhiêu sản phẩm? Hãy điền một con số vào đây (ví dụ: 8 hoặc 12).

Image5

3. Đặt Tiêu Đề cho Kệ Hàng

  • Kéo xuống dưới một chút, anh/chị sẽ thấy mục Title.
  • Hãy gõ tên cho kệ hàng của mình vào đây. Ví dụ: “HÀNG MỚI VỀ”, “BEST-SELLER TUẦN NÀY”.
  • Tiêu đề này sẽ hiện ra phía trên các sản phẩm, giúp khách hàng biết họ đang xem gì.

4. Lưu lại tất cả thay đổi

Đây là bước cực kỳ quan trọng để công sức của anh/chị được ghi lại!

  1. Sau khi đã chỉnh sửa ưng ý ở cột bên trái, hãy bấm vào nút “Apply” ở dưới cùng của cột.
  2. Tiếp theo, nhìn lên góc trên bên phải màn hình, anh/chị sẽ thấy một nút “Update” màu xanh lá. Hãy bấm vào đó.

Image7

Chờ một vài giây cho hệ thống lưu lại. Xong rồi! Anh/chị đã tạo thành công một kệ hàng sản phẩm chuyên nghiệp trên trang web của mình.

Mẹo Thêm

  • Anh/chị có thể tạo ra nhiều kệ hàng khác nhau trên cùng một trang. Ví dụ, ngay dưới kệ “Hàng Mới Về”, anh/chị có thể thêm một kệ “Sản Phẩm Bán Chạy” nữa bằng cách lặp lại các bước trên.
  • Để sửa lại một kệ hàng đã có, chỉ cần vào “Sửa với UX Builder”, sau đó bấm đúp chuột vào khu vực sản phẩm đó. Bảng cài đặt bên trái sẽ hiện ra để anh/chị chỉnh sửa.

Chúc anh/chị thực hiện thành công! Nếu có bất kỳ thắc mắc nào, đừng ngần ngại liên hệ để chúng tôi hỗ trợ anh/chị nhé.

5/5 - (1 đánh giá)
Bài viết liên quan

Để lại một bình luận

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 *

Đang tải...