Thiết Kế Trang Giỏ Hàng

Một trang giỏ hàng được thiết kế tốt giúp tăng tỷ lệ chuyển đổi.

Đường dẫn truy cập Cài đặt

Từ bảng điều khiển 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 Giỏ hàng.

Các bước cấu hình

Trong trình chỉnh sửa trang giỏ hàng, bạn có thể chọn nội dung bạn muốn hiển thị, nhưng bạn không thể thêm thành phần hoặc sắp xếp lại thứ tự.

• Thiết lập Bảng thông báo: Thành phần Bảng thông báo được hiển thị ở đầu trang giỏ hàng. Nội dung của Bảng thông báo có thể được đồng bộ với Bảng thông báo trên trang chủ ứng dụng hoặc thiết lập độc lập. Nếu bạn chọn Đồng bộ với Bảng thông báo Trang chủ Ứng dụng, văn bản, màu sắc, v.v., của Bảng thông báo sẽ không thể chỉnh sửa. Nếu bạn chọn Thiết lập độc lập, bạn có thể chỉnh sửa văn bản, màu sắc của Bảng thông báo, thiết lập thời gian xuất bản, v.v., và cũng có thể ẩn từng nội dung của Bảng thông báo.
  
  
  
  
• Thiết lập Gợi ý sản phẩm: Bạn có thể thiết lập module gợi ý sản phẩm để hiển thị hoặc ẩn, đồng thời có thể thiết lập kiểu hiển thị.
  
  
  

  Lưu ý: Cửa hàng phải cài đặt ứng dụng Gợi ý sản phẩm và bật tính năng gợi ý chi tiết sản phẩm để có thể sử dụng chức năng hiển thị hoặc ẩn gợi ý sản phẩm. Nếu cửa hàng chưa cài đặt plugin "Gợi ý sản phẩm" hoặc plugin chưa bật gợi ý chi tiết sản phẩm, module gợi ý sản phẩm sẽ bị mờ và không thể hiển thị. Bạn có thể làm theo hướng dẫn bên dưới để tiếp tục.

• Thiết lập Thành phần tùy chỉnh: Bạn có thể tạo thành phần tùy chỉnh trong bảng quản trị Ứng dụng Shopper và nhúng nó vào trang giỏ hàng của ứng dụng cửa hàng để nâng cao thiết kế hoặc chức năng. Nhấn + Thêm thành phần, sau đó vào phần Khối tùy chỉnh để chọn thành phần mong muốn. Ngoài ra, nhấn + Tạo khối tùy chỉnh để mở trình chỉnh sửa thành phần và tạo mới. Để biết thêm chi tiết về cách tạo thành phần tùy chỉnh, vui lòng tham khảo bài viết Trung tâm Trợ giúp này.
  
  
  Các thành phần được đánh dấu Đang phát triển chưa được xuất bản và không thể áp dụng trực tiếp cho phiên bản ứng dụng đang hoạt động. Tuy nhiên, bạn có thể xem trước các thành phần này bằng Snaplook. Khi đã xác nhận nội dung chính xác, bạn có thể xuất bản thành phần qua trình chỉnh sửa mã và áp dụng cho ứng dụng đang hoạt động. Chi tiết xem tại phần Lưu và Xuất bản Thiết kế của bạn.
  
  
  
• Cài đặt Biểu tượng nổi: Thêm một biểu tượng nổi vào trang giỏ hàng để biểu tượng này 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 nhằm 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 của 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 cho trang giỏ hàng, 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í 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 dựa trên AI. Để biết thêm thông tin, 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ề các tin nhắn chưa đọc.
  • Thời gian kích hoạt: Tùy chọn đặt lịch trình để biểu tượng nổi được hiển thị.

   

• Cài đặt Thanh thanh toán nổi: Thanh thanh toán nổi cho phép các phần cụ thể được cố định trên màn hình, giúp người dùng có thể tiến hành thanh toán bất cứ lúc nào trong quá trình duyệt. Điều này giúp cải thiện trải nghiệm người dùng và tăng tỷ lệ chuyển đổi. Mặc định, hệ thống cung cấp hai tùy chọn: Thêm trường mã giảm giá và Nút thanh toán. Bạn cũng có thể nhấn + Thêm nội dung để chèn một thành phần tùy chỉnh làm thanh thanh toán nổi. Để biết hướng dẫn chi tiết, xem phần Cài đặt Thành phần tùy chỉnh.
  
  
  

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 đợi, 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: Lưu tạm thời các chỉnh sửa hiện tại của bạn để cập nhật sau. Điều này sẽ không ảnh hưởng đến phiên bản trực tiếp của ứng dụng cửa hàng của bạn.
• Xuất bản > Xuất bản lên Snaplook: Xuất bản thành phần 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 liên quan trong Trung tâm Trợ giúp.
• Xuất bản > Xuất bản lên ứng dụng trực tiếp: 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.