Bộ lọc sản phẩm & Mẫu màu: Hướng dẫn toàn diện

Tối đa hóa khả năng hiển thị sản phẩm và sự tương tác của khách hàng với ứng dụng Bộ lọc sản phẩm & Mẫu màu. Ứng dụng này cung cấp ba chức năng chính: Bảng màu, Lọc, và Sắp xếp, có thể nâng cao đáng kể trang sản phẩm của bạn.

Theo dõi hướng dẫn toàn diện này để tìm hiểu về quy trình thiết lập và khám phá cách những tính năng này có thể cải thiện hiển thị sản phẩm của bạn và tăng cường chuyển đổi cho cửa hàng của bạn.

Cài đặt Ứng dụng

Dưới đây là cách cài đặt ứng dụng Bộ lọc sản phẩm & Mẫu màu:

1. Từ bảng điều khiển quản trị SHOPLINE của bạn, đi đến Ứng dụng > Đi đến Cửa hàng Ứng dụng.
   
2. Tìm kiếm Bộ lọc sản phẩm & Mẫu màu và nhấp vào Cài đặt.
   
3. Tùy chọn, ghim ứng dụng vào phần Ứng dụng trong bảng điều khiển quản trị của bạn để dễ dàng truy cập.
   

Cấu hình Bảng màu

Bảng màu tự động khớp với các mẫu màu dựa trên các thông số bạn nhập. Khi được kích hoạt, chúng thay thế văn bản đơn giản bằng các mẫu màu sống động trên trang chi tiết sản phẩm và trang danh sách, tạo ra trải nghiệm mua sắm hấp dẫn và thông tin.

Khớp Màu cho Các Thuộc Tính Biến Thể

Bạn có thể tạo bảng màu cho các thuộc tính khác nhau. Hệ thống tự động liên kết các biến thể sản phẩm với các bảng màu cụ thể dựa trên các loại thuộc tính và tùy chọn đã thiết lập. Thực hiện theo các bước sau:

1. Trong ứng dụng, đi đến tab Bảng màu và nhấp vào Chọn một tùy chọn. (Đối với người dùng lần đầu, nhấp vào Thêm bảng màu sản phẩm.)
   
2. Hệ thống sẽ hiển thị tất cả các tùy chọn biến thể và số lượng các mục liên quan. Chọn tùy chọn mong muốn để tạo bảng màu tương ứng. Bạn có thể tạo một bảng màu cho mỗi tùy chọn.
3. Chọn phương pháp khớp ưa thích:
   

• • Chính xác: Các thuộc tính biến thể sản phẩm phải khớp chính xác với danh sách tên màu quốc tế. (Ví dụ, giá trị thuộc tính phải là "Đỏ" để khớp với màu đỏ.)
  • Mờ: Tự động khớp màu dựa trên thông tin văn bản trong các biến thể (hỗ trợ nhiều ngôn ngữ). (Ví dụ, "Đỏ nhạt" cũng sẽ khớp với màu đỏ.)
    
    

4. Kiểm tra Khớp hình ảnh sản phẩm thông minh nếu bạn muốn hệ thống tự động áp dụng hình ảnh biến thể sản phẩm hoặc SKU cho các giá trị biến thể không có màu khớp.
   

5. Khi bạn đã thực hiện lựa chọn của mình, nhấp vào Chọn tùy chọn để tạo bảng màu.
   
   

6. Trong danh sách bảng màu, chọn bảng màu bạn đã tạo để điều chỉnh quy tắc hiển thị cho một thuộc tính cụ thể.
7. Bạn có thể tùy chỉnh kiểu cho một thuộc tính cụ thể và chọn hiển thị màu hoặc hình ảnh.
   

• • Khi chọn màu, bạn có thể điều chỉnh màu tương ứng cho giá trị thuộc tính. 
  • Khi chọn hình ảnh, bạn có thể tải lên hình ảnh tương ứng với thuộc tính.
    
    

8. Để lọc các mục cần cấu hình thủ công, kiểm tra Hiển thị các mục cần cấu hình thủ công.
   
9. Nếu bạn muốn thiết lập quy tắc hiển thị đặc biệt cho một sản phẩm cụ thể, nhấp vào Tùy chỉnh.
   

9.1 Chọn sản phẩm mong muốn, sau đó nhấp vào Tùy chỉnh bên cạnh sản phẩm.

9.2 Trong cửa sổ pop-up, xác định các loại và kiểu hiển thị cho các giá trị thuộc tính khác nhau.

Cấu hình Kiểu Hiển thị 

Khi các bảng màu đã được thiết lập, hãy đi đến tab Bảng màu và nhấp vào Cấu hình hiển thị để điều chỉnh kiểu hiển thị cho cả Trang Chi tiết Sản phẩm và Trang Danh sách Sản phẩm:

Trong trang cài đặt, cấu hình các cài đặt sau:

• Phong cách bảng màu:
  • Phong cách mặc định: Chọn từ ba phong cách mặc định: Hình tròn, Hình vuông hoặc Hình chữ nhật bo góc.
  • Phong cách tùy chỉnh: Điều chỉnh độ mờ, bán kính góc, kích thước và độ dày.
    

    Ghi chú: Kích thước và độ dày tùy chỉnh chỉ áp dụng cho Trang Chi tiết Sản phẩm và không được hỗ trợ trên Trang Danh sách Sản phẩm.

• Biến thể đặc biệt:

• • Cấu hình ba phong cách bong bóng đã được cài sẵn trực tiếp.
  • Tùy chỉnh màu sắc bong bóng.
  • Tùy chọn hiển thị một bảng màu cụ thể trên Trang Chi tiết Sản phẩm theo các dòng riêng biệt và tùy chỉnh dòng tiêu đề để phù hợp với nhu cầu của bạn.

• Trang Chi tiết Sản phẩm: Chọn xem có hiển thị bảng màu trong plugin Thêm vào giỏ hàng hay không.
• Trang danh sách sản phẩm:

• • Hiển thị trạng thái Hết hàng: Khi được kích hoạt, các biến thể hết hàng sẽ được đánh dấu là "Hết hàng."
  • Giới hạn hiển thị bảng màu: Chọn hiển thị 1 dòng, 2 dòng hoặc không giới hạn dòng (hiển thị tất cả) cho bảng màu.
  • Phong cách hiển thị cho giới hạn vượt quá: Chọn hiển thị biểu tượng "Thêm" hoặc số lượng còn lại khi vượt quá giới hạn.
  • Vị trí hiển thị: Chọn hiển thị bảng màu Trên hoặc Dưới thông tin sản phẩm.
  • Phong cách chuyển đổi hình ảnh sản phẩm: Chọn xem hình ảnh sản phẩm có thay đổi khi khách hàng di chuột qua bảng màu hoặc nhấp vào một tùy chọn bảng màu hay không.
  • Quy tắc cắt hình ảnh sản phẩm: Chọn theo chủ đề hoặc sử dụng phong cách cắt mặc định.

Nếu bảng màu được cấu hình thành công, hiệu ứng hiển thị trên trang danh sách sản phẩm có thể trông như thế này:

Cài Đặt Bộ Lọc Sản Phẩm  

Tính năng Bộ lọc cho phép bạn tạo các bộ lọc giúp khách hàng phân loại sản phẩm dựa trên các thuộc tính của sản phẩm. Khi được cấu hình, các bộ lọc này sẽ được hiển thị trên các trang cửa hàng của bạn, giúp khách hàng nhanh chóng tìm thấy các biến thể mà họ cần, từ đó tăng tỷ lệ chuyển đổi.

1. Đi đến phần Bộ lọc của ứng dụng.
   
2. Cấu hình vị trí hiển thị của các bộ lọc cho cả di động và máy tính để bàn, với một bản xem trước theo thời gian thực:
   

• • Di động: Chọn giữa Trượt ra từ hai bên hoặc Trượt ra từ dưới.
  • Máy tính để bàn: Chọn giữa Cố định bên trái hoặc Cố định ở trên cùng.

3. Tùy chỉnh cách các bộ lọc thu gọn:
   

• • Sau khi chọn: Các bộ lọc tự động thu gọn sau khi khách hàng chọn một giá trị bộ lọc.
  • Sau khi xác nhận ứng dụng: Các bộ lọc thu gọn sau khi khách hàng chọn một giá trị bộ lọc và xác nhận các điều kiện bộ lọc.

4. Tùy chỉnh các bộ lọc như kích thước, màu sắc và giá cả để phù hợp với sản phẩm của bạn. Nếu cần, nhấp vào Thêm bộ lọc để bao gồm các tùy chọn bổ sung. Khi bạn chọn một loại bộ lọc, ứng dụng sẽ tự động lấy các giá trị bộ lọc liên quan cho các sản phẩm trong cửa hàng của bạn.
   
   
   

Khi các bộ lọc được thiết lập, chúng sẽ được áp dụng cho trang danh sách sản phẩm trong cửa hàng của bạn. Dưới đây là các ví dụ về cách hiệu ứng hiển thị có thể trông như thế:

• Cố định ở trên cùng
  
• Cố định bên trái
  

Cài Đặt Tùy Chọn Sắp Xếp 

Tính năng Sắp xếp cho phép bạn cấu hình các tùy chọn sắp xếp sản phẩm trong cửa hàng của bạn. Bằng cách thiết lập các tùy chọn sắp xếp, bạn có thể giúp khách hàng dễ dàng điều hướng qua danh sách sản phẩm, nâng cao trải nghiệm mua sắm của họ. Bạn cũng có thể tùy chỉnh tên của các tùy chọn sắp xếp dựa trên nhu cầu của cửa hàng bạn.

• Sắp xếp sản phẩm: Bạn có thể bật hoặc tắt các tùy chọn sắp xếp và tùy chỉnh tên của chúng, bao gồm:
  • Được đề xuất
  • Phổ biến nhất
  • Được cập nhật gần đây
  • Giá: thấp đến cao
  • Giá: cao đến thấp
  • Được tạo: mới đến cũ
• Cài đặt cho tùy chọn sắp xếp ‘Được đề xuất’: 
  • Các tùy chọn sắp xếp sau đây áp dụng cho tất cả các trang danh sách sản phẩm và bộ sưu tập:
    • Phổ biến nhất
    • Tỷ lệ chuyển đổi cao đến thấp
    • Lượt xem trang cao đến thấp
    • Tên sản phẩm A-Z
    • Tên sản phẩm Z-A
    • Được tạo: cũ đến mới
    • Được tạo: mới đến cũ
    • Được cập nhật: cũ đến mới
    • Được cập nhật: mới đến cũ
    • Giá: cao đến thấp
    • Giá: thấp đến cao
    • Tỷ lệ thêm vào giỏ hàng cao đến thấp
    • Số lượng thêm vào giỏ hàng cao đến thấp
  • Đối với các trang Bộ sưu tập Sản phẩm đơn, các tùy chọn sắp xếp này cũng áp dụng:
    • Phổ biến nhất
    • Tỷ lệ chuyển đổi cao đến thấp
    • Lượt xem trang cao đến thấp
    • Tỷ lệ thêm vào giỏ hàng cao đến thấp
    • Tên sản phẩm A-Z
    • Tên sản phẩm Z-A
    • Được tạo: cũ đến mới
    • Được tạo: mới đến cũ
    • Được cập nhật: cũ đến mới
    • Được cập nhật: mới đến cũ
    • Giá: cao đến thấp
    • Giá: thấp đến cao
    • Số lượng thêm vào giỏ hàng cao đến thấp
    • Tùy chỉnh