Skip to main content

​
3.3.7. User profile

Bố cục
Người dùng có thể lựa chọn các bố cục hiển thị trang cá nhân, bao gồm: Mặc định, Cá tính, Đơn giản
Screenshot of a deployment confirmation message that says All checks have passed.

Bố cục trang cá nhân

Tiêu đề Nền
  • Chọn màu nền cho thẻ sản phẩm bằng cách nhấn ô vuông sau đó chọn màu
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút
    • Xóa màu nền bằng cách nhấn nút
  • Hiển thị tiêu đề:
    • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho trang cá nhân. Ví dụ, nếu tiêu đề là “Cá nhân” thì sẽ hiển thị như sau:
Screenshot of a deployment confirmation message that says All checks have passed.

Tiêu đề trang cá nhân

  • Kích thước/ Màu sắc:
    • Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần cá nhân tại
Screenshot of a deployment confirmation message that says All checks have passed.
Tổng quan Phụ đề
  • Người dùng có thể nhập phụ đề cho trang cá nhân.
Screenshot of a deployment confirmation message that says All checks have passed.

Tiêu đề trang cá nhân

Đơn hàng của tôi
  • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có hiển thị đơn hàng của tôi và không có hiển thị đơn hàng của tôi
    • Hóa đơn dịch vụ
      • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có hiển thị hóa đơn dịch vụ và không có hiển thị hóa đơn dịch vụ
Quản lý liệu trình
  • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có quản lý liệu trình và không có quản lý liệu trình
    • Quản lý lịch hẹn
      • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có quản lý lịch hẹn và không có quản lý lịch hẹn
    • Kho voucher
      • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có kho voucher và không có kho voucher
    • Liên kết và hoa hồng
      • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có liên kết và hoa hồng và không có liên kết và hoa hồng
    • Mini game
      • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có mini game và không có mini game
    • Top up
      • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có top up và không có top up
Sản phẩm yêu thích
  • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có sản phẩm yêu thích và không có sản phẩm yêu thích
    • Dịch vụ yêu thích
      • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có dịch vụ yêu thích và không có dịch vụ yêu thích
Quà tặng của tôi
  • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có quà tặng của tôi và không có quà tặng của tôi
    • Sổ địa chỉ
      • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có sổ địa chỉ và không có sổ địa chỉ
Điều khoản và chính sách
  • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có điều khoản và chính sách và không có điều khoản và chính sách
Link chính sách
  • Người dùng có thể điền thông tin link chính sách
Liên hệ và góp ý
  • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có liên hệ và góp ý và không có liên hệ và góp ý
Hiển thị CTA
  • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có CTA và không có CTA
Hiển thị hạng thành viên
  • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có hạng thành viên và không có hạng thành viên
Hạng thành viên Thêm
  • Bước 1: Người dùng nhấn vào nút “Thêm mới”
Screenshot of a deployment confirmation message that says All checks have passed.

Nút thêm mới

  • Bước 2:
    • Người dùng nhập tên hạng thành viên, Chi tiêu tối thiểu để đạt hạng, Tỷ lệ khuyến mãi, Tổng tiền giảm tối đa
Screenshot of a deployment confirmation message that says All checks have passed.

Thêm dữ liệu

  • Bước 3: Người dùng nhấn “Thêm dữ liệu” để tiến hành thêm mới hoặc nhấn “Hủy bỏ” để hủy quá trình thêm dữ liệu
Chỉnh sửa
  • Bước 1: Người dùng nhấn vào nút để đến trang chỉnh sửa
Screenshot of a deployment confirmation message that says All checks have passed.

Nút chỉnh sửa

  • Bước 2: Người dùng nhập Tên hạng thành viên, Chi tiêu tối thiểu để đạt hạng, Tỷ lệ khuyến mãi, Tổng tiền giảm tối đa
Screenshot of a deployment confirmation message that says All checks have passed.

Trang chỉnh sửa dữ liệu

  • Bước 3: Người dùng nhấn “Lưu chỉnh sửa” để tiến hành chỉnh sửa hoặc nhấn “Hủy bỏ” để hủy quá trình chỉnh sửa dữ liệu
Xóa
  • Bước 1: Người dùng nhấn vào nút để xóa dữ liệu
Screenshot of a deployment confirmation message that says All checks have passed.

Nút xóa

  • Bước 2: Tại hộp thông báo hiện lên, người dùng nhấn ‘Xóa ngay” để tiến hành xóa hoặc nhấn “Hủy” để hủy quá trình xóa dữ liệu
Chi tiết CTA Lề ngoài
  • Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới CTA bằng nút
Screenshot of a deployment confirmation message that says All checks have passed.
  • Người dùng điều chỉnh khoảng cách giữa lề trái và phải CTA bằng nút
Screenshot of a deployment confirmation message that says All checks have passed.
  • Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút
Screenshot of a deployment confirmation message that says All checks have passed.
  • Lề trong
    • Người dùng điều chỉnh chung khoảng cách giữa lề trên và dưới giữa CTA với các thành phần bên trong CTA bằng nút
Screenshot of a deployment confirmation message that says All checks have passed.
  • Người dùng điều chỉnh khoảng cách giữa lề trái và phải giữa CTA bằng nút
Screenshot of a deployment confirmation message that says All checks have passed.
  • Người dùng có thể điều chỉnh riêng lề trên và lề dưới bằng cách nhấn vào nút
Screenshot of a deployment confirmation message that says All checks have passed.
Nền
  • Chọn màu nền cho phần CTA bằng cách nhấn ô vuông sau đó chọn màu
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút !
    • Xóa màu nền bằng cách nhấn nút
  • Bo góc
    • Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của phần CTA tại ô nhập
Screenshot of a deployment confirmation message that says All checks have passed.
hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút
Screenshot of a deployment confirmation message that says All checks have passed.
  • Viền
    • Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của phần CTA tại ô nhập
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút
  • Xóa viền bằng cách nhấn nút
  • Đổ bóng
    • Người dùng có thể chọn độ lớn đổ bóng của phần CTA tại ô
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút
  • Xóa đổ bóng bằng cách nhấn nút
Hiển thị tiêu đề:
  • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho phần CTA. Ví dụ, nếu tiêu đề là “Nhận thông báo các bài viết, sự kiện nổi bật” thì phần CTA sẽ như thế này
Screenshot of a deployment confirmation message that says All checks have passed.

Tiêu đề CTA

  • Kích thước/ Màu sắc:
    • Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần CTA tại
Screenshot of a deployment confirmation message that says All checks have passed.
  • Hiển thị nút quan tâm:
    • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút quan tâm OA và không có nút quan tâm OA
  • Hiển thị nút tạo lối tắt:
    • Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút tạo lối tắt và không có nút tạo lối tắt
    • Hiển thị nút liên hệ: Người dùng nhấn nút để chuyển đổi qua lại giữa 2 trạng thái có nút liên hệ và không có nút liên hệ
Nền
  • Chọn màu nền cho phần CTA bằng cách nhấn ô vuông sau đó chọn màu
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút
  • Xóa màu nền bằng cách nhấn nút
  • Bo góc
    • Người dùng có thể nhập hoặc tăng/giảm chung độ bo góc của 4 góc của phần CTA tại ô nhập
Screenshot of a deployment confirmation message that says All checks have passed.
hoặc điềù chỉnh riêng lẻ độ bo góc của từng góc bằng cách nhấn nút
Screenshot of a deployment confirmation message that says All checks have passed.
  • Viền
    • Người dùng có thể nhập hoặc tăng/giảm chung độ lớn viền của phần CTA tại ô nhập
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chọn màu cho viền bằng cách nhấn ô vuông sau đó chọn màu
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chuyển đổi qua lại giữa 2 trạng thái có viền và không viền bằng cách nhấn nút
  • Xóa viền bằng cách nhấn nút
  • Đổ bóng
    • Người dùng có thể chọn độ lớn đổ bóng của phần CTA tại ô
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chọn màu cho đổ bóng bằng cách nhấn ô vuông sau đó chọn màu
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chuyển đổi qua lại giữa 2 trạng thái có đổ bóng và không đổ bóng bằng cách nhấn nút
  • Xóa đổ bóng bằng cách nhấn nút
Nút liên hệ
  • Chọn màu nền cho nút liên hệ bằng cách nhấn ô vuông sau đó chọn màu
Screenshot of a deployment confirmation message that says All checks have passed.
  • Chuyển đổi qua lại giữa 2 trạng thái có nút liên hệ và không có nút liên hệ bằng cách nhấn nút
  • Xóa nút liên hệ bằng cách nhấn nút
  • Người dùng có thể nhập số điện thoại
Màu sắc nút liên hệ
  • Chọn màu cho nút liên hệ bằng cách nhấn ô vuông sau đó chọn màu
Screenshot of a deployment confirmation message that says All checks have passed.