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ự.

• Cài đặt 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 cài đặt độ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 Cài đặt độ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, đặt 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.
  
  
   

• Cài đặt Gợi ý sản phẩm: Bạn có thể cài đặt để module gợi ý sản phẩm hiển thị hoặc ẩn, đồng thời có thể cài đặt 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 thì mới 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.

• Cài đặt 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. Hoặc 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 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 đúng, 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 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 túi mua sắm để 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 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 cho trang túi mua sắm, 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 AI hỗ trợ khách hàng theo thời gian thực. Để 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ề 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ấp + 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: 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, 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.