Thiết Kế Trang Danh Sách Sản Phẩm

Khi khách hàng nhấp vào một bộ sưu tập, họ sẽ vào trang danh sách sản phẩm của bộ sưu tập đó. Bạn có thể tùy chỉnh trang danh sách sản phẩm của từng bộ sưu tập dựa trên nhu cầu của bạn.

Truy cập Trình chỉnh sửa Danh sách Sản phẩm

Từ bảng quản trị SHOPLINE của bạn, đi tới Ứng dụng > Ứng dụng Người mua > Thiết kế Ứng dụng và nhấp vào nút Thiết kế để truy cập trình chỉnh sửa thiết kế. Từ menu thả xuống ở trên cùng, chọn Danh sách sản phẩm.

Chọn Danh sách Sản phẩm để Xem Trước

Ở khung bên trái, thành phần đầu tiên là menu thả xuống của các bộ sưu tập. Nhấp vào mũi tên xuống để chuyển sang bộ sưu tập khác. Nếu bạn chưa tạo sản phẩm trong bộ sưu tập hoặc chưa thêm bộ sưu tập vào kênh bán hàng Ứng dụng Người mua, menu thả xuống sẽ hiển thị Không có bộ sưu tập nào khả dụng. Thứ tự các bộ sưu tập trong menu thả xuống không phụ thuộc vào thứ tự trên giao diện khách hàng của bạn.

Để cải thiện trải nghiệm mua sắm, như hiển thị thông số sản phẩm dưới dạng bảng màu và kích hoạt thanh bộ lọc bên trên các trang danh sách sản phẩm, hãy tham khảo Cải thiện Hiển thị Sản phẩm với Bộ lọc Sản phẩm & Bảng Màu.

Thiết Lập Thanh Điều Hướng Trên Cùng

Mô-đun Thanh điều hướng trên cùng cho phép bạn tùy chỉnh các thành phần xuất hiện trong phần đầu trang của trang danh sách sản phẩm. Mô-đun bao gồm ba phần có thể cấu hình: Biểu tượng bên trái trên cùng, Phần giữa, và Biểu tượng bên phải trên cùng. Mỗi phần được thiết kế để nâng cao điều hướng và cải thiện sự tương tác của người dùng.

Các Thành phần Có sẵn cho Mỗi Phần

Cấu hình Thanh Thông báo

Thanh Thông báo được đặt ở đầu trang và không thể xóa hoặc thay đổi thứ tự. Để cấu hình thanh thông báo của bạn, hãy chọn tùy chọn nguồn nội dung bạn ưa thích:

• Nếu bạn chọn Đồng bộ từ thanh Thông báo trên trang chủ, văn bản, màu sắc và các cài đặt khác sẽ kế thừa những thiết lập trên trang chủ và không thể chỉnh sửa.
• Nếu bạn chọn Thiết lập độc lập, bạn có thể thêm tối đa ba thông báo, tùy chỉnh văn bản, màu sắc và các cài đặt khác, đặt thời gian xuất bản và ẩn từng thông báo riêng lẻ.

Cấu hình Sắp xếp, Lọc và Chế độ xem Danh sách

Phần Sắp xếp & Lọc & Chế độ xem Danh sách bao gồm ba mô-đun: Sắp xếp, Lọc và Chế độ xem Danh sách. Các mô-đun này cho phép bạn cấu hình các tùy chọn sắp xếp, tùy chọn lọc và mật độ hiển thị sản phẩm cho trang danh sách sản phẩm.

Thứ tự của các mô-đun này là cố định và không thể thay đổi hoặc xóa bỏ. Sắp xếp và Lọc được bật mặc định và không thể tắt. Chế độ xem Danh sách có thể được bật hoặc tắt độc lập và mặc định là tắt.

Cấu hình Sắp xếp

Trong mô-đun Sắp xếp, bạn có thể cấu hình các cài đặt sau:

• Tên sắp xếp mặc định: Nhập tên cho tùy chọn sắp xếp mặc định (ví dụ, Đề xuất). Tên này sẽ hiển thị trên nút sắp xếp trong ứng dụng. Trường này là bắt buộc và hỗ trợ đa ngôn ngữ.

• Sắp xếp phụ: Thêm một tùy chọn sắp xếp bổ sung cho trang danh sách sản phẩm. Nhấp vào + Chọn sắp xếp phụ để chọn quy tắc sắp xếp. Bạn có thể chọn bất kỳ quy tắc sắp xếp nào ngoại trừ Đề xuất, ví dụ như Bán chạy nhất hoặc Mới nhất. Sau khi chọn quy tắc sắp xếp, nhập Tên sắp xếp phụ.

  Nếu quy tắc sắp xếp đã chọn bị tắt trong ứng dụng Đề xuất Tìm kiếm Thông minh, hoặc bạn xóa quy tắc sắp xếp tại đây, tùy chọn sắp xếp phụ sẽ không còn hiển thị trên cửa hàng. Tuy nhiên, Tên sắp xếp phụ bạn đã nhập sẽ được giữ lại.

• Sắp xếp theo giá: Mặc định bị tắt. Sau khi bật, chọn Thứ tự mặc định (Giá: thấp đến cao hoặc Giá: cao đến thấp. Mặc định là Giá: thấp đến cao). Khách hàng có thể sắp xếp sản phẩm theo giá bằng tùy chọn sắp xếp theo giá trên cửa hàng.

Cấu hình Bộ lọc

Trong module Bộ lọc, bạn có thể cấu hình các tùy chọn bộ lọc hiển thị trên trang danh sách sản phẩm.

1. Nhấp vào + Thêm bộ lọc và chọn các thuộc tính bộ lọc do ứng dụng Gợi ý Tìm kiếm Thông minh cung cấp, như Kích thước, Màu sắc hoặc Giá. Bạn có thể thêm tối đa 10 tùy chọn bộ lọc.

   

2. Trong danh sách Bộ lọc đã lưu, bạn có thể bật hoặc tắt từng bộ lọc riêng lẻ.

Cấu hình Chế độ xem Danh sách

Trong module Chế độ xem Danh sách, bạn có thể cấu hình mật độ hiển thị sản phẩm trên trang danh sách sản phẩm. Dưới Tùy chọn xem, bạn có thể bật một hoặc nhiều bố cục sau:

• 1 mỗi hàng
• 2 mỗi hàng (mặc định được bật)
• Chế độ xen kẽ
• 3 mỗi hàng

Bạn có thể bật nhiều bố cục, nhưng ít nhất phải giữ một bố cục được chọn.

Nếu chỉ bật một bố cục, khách hàng sẽ chỉ thấy bố cục đó và không có bộ chuyển đổi chế độ xem nào được hiển thị. Nếu bật hai hoặc nhiều bố cục, cửa hàng sẽ hiển thị bộ chuyển đổi chế độ xem, và bạn phải chỉ định một bố cục làm Chế độ xem mặc định.

Thiết Lập Biểu Tượng Nổi

Bạn có thể thêm một Biểu tượng nổi vào trang danh sách sản phẩm, biểu tượng này sẽ luôn hiển thị khi người dùng cuộn trang. Biểu tượng này có thể được liên kết với dịch vụ trò chuyện trực tiếp hoặc trang sự kiện để nâng cao hiệu quả hỗ trợ khách hàng hoặc thúc đẩy sự tham gia chiến dịch.

Có hai tùy chọn cấu hình: Nếu bạn chọn Đồng bộ từ biểu tượng nổi trên trang chủ, biểu tượng sẽ kế thừa cài đặt trên trang chủ và không thể thay đổi. Nếu bạn chọn Thiết lập độc lập, bạn có thể cấu hình một biểu tượng nổi riêng biệt dành riêng cho trang danh sách, bao gồm các cài đặt sau:

• Cài đặt cơ bản: Đặt tên cho biểu tượng, chọn vị trí của nó và tải lên hình ảnh biểu tượng để hiển thị trong ứng dụng của bạn.
• Loại tính năng: Chọn xem biểu tượng liên kết đến Trang sự kiện hay tính năng Trò chuyện trực tiếp:
  • Nếu bạn chọn Trang sự kiện: Đặt trang đích để chuyển hướng.
  • Nếu bạn chọn Trò chuyện trực tiếp: 
    • Chọn dịch vụ trò chuyện để sử dụng. Ứng dụng Shopper hiện hỗ trợ tích hợp với Shulex, một giải pháp hỗ trợ khách hàng thời gian thực được hỗ trợ bởi AI. Để biết thêm thông tin, vui lòng tham khảo hướng dẫn này.
    • Quyết định có bật Thông báo tin nhắn chưa đọc hay không. Khi bật, một chấm đỏ sẽ xuất hiện để thông báo cho người dùng về bất kỳ tin nhắn chưa đọc nào.
• Thời gian kích hoạt: Tùy chọn, đặt lịch trình cho thời điểm biểu tượng nổi nên được xuất bản.

Lưu và Xuất bản Thiết kế của Bạn 

Sau khi hoàn tất chỉnh sửa và xác nhận rằng bản xem trước hiển thị như mong muốn, bạn có thể sử dụng các tùy chọn ở góc trên bên phải để tiếp tục:

• Lưu: Tất cả các thay đổi được lưu tự động theo thời gian thực trong khi bạn chỉnh sửa. Không cần lưu thủ công.
• Xuất bản lên Snaplook: Xuất bản các thay đổi đã lưu mới nhất lên Snaplook để xem trước và kiểm tra. Sử dụng tùy chọn này để xác minh chức năng và giao diện trước khi đưa vào hoạt động. Để biết thêm thông tin, vui lòng tham khảo bài viết "Xem trước Ứng dụng Cửa hàng của Bạn bằng Snaplook".
• Xuất bản lên Ứng dụng sản xuất: Xuất bản các thay đổi của bạn lên phiên bản trực tiếp của ứng dụng cửa hàng, làm cho chúng hiển thị với người dùng cuối.