Cấu hình Cài đặt Chủ đề Toàn cục

Trong Ứng dụng Shopper, bạn có thể cấu hình các cài đặt thiết kế toàn cầu cho ứng dụng của mình trên trang Cài đặt Chủ đề. Tại đây, bạn có thể chọn giao diện mặc định của ứng dụng, chọn kiểu hiển thị cho thẻ sản phẩm và điều hướng dưới cùng, cũng như bật phản hồi xúc giác.

Truy cập trang Cài đặt Chủ đề 

Từ bảng quản trị SHOPLINE của bạn, đi tới Ứng dụng > Ứng dụng Shopper > 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ế. Ở thanh bên trái, nhấp vào biểu tượng lục giác (Cài đặt Chủ đề) để bắt đầu cấu hình chủ đề của bạn.

Chế độ Giao diện

Bạn có thể bật Chế độ tối (mặc định tắt) trong phần Màu sắc. Khi bật, hãy đặt chế độ hiển thị mặc định cho người dùng khi họ mở ứng dụng. Bạn có thể chọn từ các tùy chọn sau:

• Theo Cài đặt mặc định của hệ thống người dùng
• Hiển thị Chế độ sáng
• Hiển thị Chế độ tối

Danh sách Sản phẩm

Nhấp vào phần Danh sách sản phẩm để cấu hình các cài đặt hiển thị cho danh sách sản phẩm trên toàn bộ ứng dụng. Các cài đặt này sẽ áp dụng cho các thành phần Bộ sưu tập và Sản phẩm trên trang chủ của ứng dụng, cũng như cho kết quả tìm kiếm, đề xuất sản phẩm, đề xuất giỏ hàng và các trang danh sách yêu thích. Bạn có thể tùy chỉnh các cài đặt sau:

Các cài đặt danh sách sản phẩm được chia thành hai tab:

• Bố cục mặc định áp dụng cho các chế độ xem danh sách 1 sản phẩm mỗi hàng, 2 sản phẩm mỗi hàng và Bố cục xen kẽ.
• Bố cục 3 sản phẩm mỗi hàng chỉ áp dụng cho chế độ xem danh sách 3 sản phẩm mỗi hàng và bao gồm một bộ tùy chọn hiển thị đơn giản hơn.

Bố cục mặc định

Tab Bố cục mặc định áp dụng cho các chế độ xem danh sách 1 sản phẩm mỗi hàng, 2 sản phẩm mỗi hàng và Bố cục xen kẽ.

Bạn có thể cấu hình các tùy chọn hiển thị sau:

• Kiểu hiển thị: Chọn giữa bố cục Lưới cố định và Thác nước cho danh sách sản phẩm.
• Xem trước bộ sưu tập: Cho phép khách hàng vuốt sang trái hoặc phải để xem trước các hình ảnh sản phẩm bổ sung trực tiếp từ danh sách sản phẩm.
• Tên sản phẩm: Hiển thị hoặc ẩn tên sản phẩm và cấu hình số dòng hiển thị.
• Tóm tắt sản phẩm: Hiển thị mô tả ngắn gọn về sản phẩm phía trên hoặc dưới tên sản phẩm.
• Đánh giá sản phẩm: Hiển thị đánh giá của khách hàng từ ứng dụng đánh giá sản phẩm được hỗ trợ.
• Thêm nhanh sản phẩm: Hiển thị nút hoặc biểu tượng Thêm Nhanh, cho phép khách hàng thêm sản phẩm vào giỏ hàng trực tiếp từ danh sách sản phẩm.
• Biểu tượng danh sách yêu thích: Hiển thị biểu tượng danh sách yêu thích và chọn vị trí xuất hiện trên thẻ sản phẩm.

Bố cục 3 sản phẩm mỗi hàng

Tab Bố cục 3 sản phẩm mỗi hàng chỉ áp dụng khi chọn Bố cục 3 sản phẩm mỗi hàng làm Bố cục danh sách. Để tối đa hóa khả năng hiển thị hình ảnh sản phẩm, bố cục này cung cấp một bộ tùy chọn cấu hình đơn giản hơn.

Bạn có thể cấu hình các thiết lập sau:

• Tên sản phẩm: Hiển thị hoặc ẩn tên sản phẩm và cấu hình số dòng hiển thị.
• Đánh giá sản phẩm: Hiển thị đánh giá của khách hàng từ ứng dụng đánh giá sản phẩm được hỗ trợ của bạn.
• Thêm nhanh sản phẩm: Hiển thị nút hoặc biểu tượng Thêm Nhanh để mua hàng nhanh hơn.
• Biểu tượng danh sách yêu thích: Hiển thị biểu tượng danh sách yêu thích và chọn vị trí xuất hiện trên thẻ sản phẩm.

Thẻ Sản Phẩm 

Nhấp vào phần Thẻ sản phẩm để cấu hình các cài đặt hiển thị cho thẻ sản phẩm của bạn. Các tùy chọn sau có sẵn:

• Đặt tỷ lệ hình ảnh sản phẩm.
• Chọn phương thức hiển thị giá và bật hoặc tắt hiển thị giá so sánh.
• Bật hoặc tắt thẻ sản phẩm và chọn vị trí thẻ.
• Tùy chỉnh kiểu huy hiệu và chọn vị trí của nó.
• Bật hoặc tắt tính năng Mua Ngay để cho phép khách hàng mua sản phẩm trực tiếp từ trang chi tiết sản phẩm và bảng thêm vào giỏ hàng nhanh, đồng thời đặt thứ tự nút: 
  • Thêm vào giỏ bên trái và Mua Ngay bên phải 
  • Mua Ngay bên trái và Thêm vào giỏ bên phải

Mẫu Màu

Phần Mẫu màu cho phép bạn kiểm soát cách các tùy chọn màu sản phẩm được hiển thị trên toàn bộ ứng dụng của bạn, bao gồm cả danh sách sản phẩm và trang chi tiết sản phẩm. Các cài đặt này giúp đảm bảo trải nghiệm hình ảnh nhất quán và rõ ràng khi khách hàng duyệt các sản phẩm có biến thể màu sắc.

Nhấp vào phần Mẫu màu để cấu hình các cài đặt sau:

• Tỷ lệ hình ảnh sản phẩm: Chọn hình dạng của mẫu màu hiển thị trên thẻ sản phẩm và trang chi tiết sản phẩm:
  • Hình vuông
  • Hình tròn
  • Theo hình ảnh sản phẩm (kế thừa hình dạng hình ảnh sản phẩm)
• Danh sách sản phẩm – kích thước mẫu màu: Chọn kích thước của mẫu màu hiển thị trên các trang liên quan đến danh sách sản phẩm, chẳng hạn như bộ sưu tập và kết quả tìm kiếm. Bạn có thể chọn từ các kích thước có sẵn (S, M, L) để thiết lập nhanh, hoặc chọn Tùy chỉnh để định nghĩa kích thước phù hợp hơn với nhu cầu thiết kế của bạn.
• Chi tiết sản phẩm – kích thước mẫu màu: Chọn kích thước của mẫu màu hiển thị trên trang chi tiết sản phẩm. Bạn có thể chọn từ các kích thước có sẵn (S, M, L) để thiết lập nhanh, hoặc chọn Tùy chỉnh để định nghĩa kích thước phù hợp hơn với nhu cầu thiết kế của bạn.

Các thay đổi được thực hiện trong phần này sẽ được phản ánh ngay lập tức trong bảng xem trước, cho phép bạn chuyển đổi giữa chế độ sáng và tối để xem lại giao diện cuối cùng trước khi xuất bản.

Phong cách thiết kế

Trong phần Phong cách thiết kế, bạn có thể áp dụng hiệu ứng bo góc cho các thành phần sau:

• Các góc của thành phần
• Các góc của hình ảnh sản phẩm
• Các góc của nút bấm

Thanh điều hướng dưới cùng

Trong phần Thanh điều hướng tab dưới cùng, chọn cách bạn muốn hiển thị thanh điều hướng dưới cùng:

• Chỉ trên các trang chính (những trang được bật để xuất hiện trong thanh điều hướng)
• Trên tất cả các trang trước khi thanh toán

Phản hồi Haptic

Bật Phản hồi Haptic để cung cấp cho khách hàng các rung động xúc giác khi họ thực hiện các hành động cụ thể, chẳng hạn như thêm sản phẩm vào túi mua sắm hoặc danh sách yêu thích.

Cài đặt Trải nghiệm

Phần Cài đặt trải nghiệm cho phép bạn cấu hình các hành vi tương tác trên trang chi tiết sản phẩm, bao gồm cách hiển thị phản hồi khi thêm vào giỏ hàng và liệu có bật các hiệu ứng hoạt hình biểu tượng giỏ hàng hay không. Những cài đặt này giúp tối ưu hóa trải nghiệm người dùng tổng thể.

Thiết lập Tối ưu hóa Lựa chọn Biến thể

Ghi nhớ Sở thích Thuộc tính của Người dùng trong phần Tối ưu hóa Lựa chọn Biến thể cho phép ứng dụng ghi nhớ lựa chọn gần đây nhất của khách hàng cho một thuộc tính biến thể cụ thể (chẳng hạn như Kích thước) và tự động chọn trước giá trị đó khi khách hàng xem các sản phẩm khác. Điều này giúp giảm thiểu việc phải chọn lại cùng một thuộc tính biến thể nhiều lần.

• Tùy chọn này mặc định bị tắt. Sau khi bật, nhấp vào + Thuộc tính để chọn một thuộc tính biến thể (chẳng hạn như Kích thước). Ứng dụng sẽ ghi nhớ lựa chọn gần đây nhất của khách hàng cho thuộc tính đó.
• Bộ chọn Thuộc tính liệt kê các thuộc tính biến thể thường được sử dụng trong cửa hàng của bạn và sắp xếp chúng theo tần suất sử dụng. Chúng tôi khuyên bạn nên chọn thuộc tính có ảnh hưởng lớn nhất đến quyết định mua hàng và được khách hàng chọn nhiều nhất (ví dụ, Kích thước, sau đó là Màu sắc).
• Ví dụ: Nếu khách hàng trước đó đã chọn Kích thước: S, ứng dụng sẽ tự động chọn trước S khi khách hàng xem một sản phẩm khác có các tùy chọn kích thước S/M/L. Nếu khách hàng thay đổi lựa chọn thành M, giá trị được ghi nhớ sẽ được cập nhật thành M.

Thiết lập Phản hồi Thêm vào Giỏ hàng

Bạn có thể chọn cách khách hàng được thông báo sau khi thêm sản phẩm vào giỏ hàng thành công:

• Thông báo cổ điển: Hiển thị một thông báo nhẹ nhàng không làm gián đoạn trải nghiệm duyệt web.
• Hoạt hình sinh động: Hiển thị hoạt hình khi sản phẩm được thêm vào giỏ để tăng tính tương tác. Nếu trang hiện tại không hỗ trợ hoạt hình này, hệ thống sẽ chuyển sang Thông báo cổ điển.
• Hộp thoại xác nhận: Hiển thị hộp thoại xác nhận và hướng dẫn khách hàng bước tiếp theo (chẳng hạn như đi đến giỏ hàng).

Chọn tùy chọn phù hợp nhất với nhu cầu cửa hàng và trải nghiệm người dùng mong muốn của bạn.

Thiết lập Hoạt hình Biểu tượng Giỏ hàng

Khi Hoạt hình biểu tượng giỏ hàng được bật, biểu tượng giỏ hàng sẽ hiển thị hoạt hình sau khi sản phẩm được thêm vào giỏ, cung cấp phản hồi hình ảnh rõ ràng hơn.

Bạn có thể sử dụng công tắc để bật hoặc tắt tính năng này.