Hướng dẫn sử dụng Admin C-A
Trang chủ / Thông tin dự án

Tổng quan dự án

Giao diện MyFuture
🏗️

Hướng dẫn cập nhật Tổng quan dự án

Quy trình chuẩn để mở dự án, cập nhật thông tin tổng quan và quản lý các nhóm nội dung trên giao diện Admin.

Áp dụng khi dự án đã có trang Tổng quan trên giao diện C-A hoặc myFuture.

Link trang chủ mẫu đối chiếu: https://myfuture.vn/

⚡

Quy trình nhanh

  1. Mở Dự án → Danh sách dự án.
  2. Tìm kiếm và chọn đúng dự án cần cập nhật.
  3. Mở trang Tổng quan.
  4. Bật hiển thị dự án trên website nếu cần.
  5. Chọn Sửa thông tin dự án.
  6. Cập nhật từng nhóm nội dung và kiểm tra lại trước khi hoàn tất.

01 · Mở trang Tổng quan dự án#

Bước 1 — Truy cập danh sách dự án

Trên thanh công cụ Admin, vào Dự án → chọn Danh sách dự án.

Ảnh minh hoạ

Bước 2 — Tìm kiếm dự án

Nhập tên dự án cần cập nhật vào thanh tìm kiếm dự án.

Ảnh minh hoạ

Bước 3 — Mở trang Tổng quan

Chọn Tổng quan của đúng dự án cần nhập hoặc cập nhật thông tin.

Ảnh minh hoạ

Bước 4 — Kiểm tra trạng thái hiển thị

Nếu muốn dự án xuất hiện trên website, nhấn nút hoặc biểu tượng điều khiển hiển thị của dự án.

Ảnh minh hoạ

Bước 5 — Mở biểu mẫu chỉnh sửa

Chọn Sửa thông tin dự án. Có thể sử dụng một trong hai cách thao tác được minh họa trong hình bên dưới.

Ảnh minh hoạ

02 · Cập nhật các nhóm thông tin#

Cập nhật lần lượt từng nhóm nội dung bên dưới. Mở đúng mục tương ứng để nhập hoặc chỉnh sửa thông tin.

📄 1. Tổng quan
📘

Hướng dẫn nhanh cách nhập thông tin, lưu dữ liệu và kiểm tra kết quả hiển thị trên C-A.

Quy trình thực hiện#

📝

Bước 1 — Nhập thông tin

Điền các thông tin cần thiết theo hướng dẫn trên giao diện.

Ảnh minh hoạ
💾

Bước 2 — Lưu thông tin

Sau khi hoàn tất, nhấn Lưu để ghi nhận dữ liệu.

Ảnh minh hoạ
🔎

Bước 3 — Kiểm tra kết quả

Kiểm tra lại thông tin đã nhập và xác nhận dữ liệu hiển thị chính xác trên C-A.

Ảnh minh hoạ
Lưu ý: Chỉ hoàn tất quy trình sau khi đã lưu thành công và kiểm tra lại thông tin trên C-A.
📄 2. Tiện ích nổi bật
📘

Hướng dẫn cấu hình và quản lý Tiện ích nổi bật trên giao diện C-A và giao diện nâng cấp myFuture.

Thực hiện lần lượt theo từng khu vực, kiểm tra lại lựa chọn trước khi lưu để bảo đảm nội dung hiển thị đúng.

Khu vựcCấu hình chínhKết quả mong đợi
Giao diện C-A thườngDanh sách → ColumnThêm mới tiện ích và chọn icon
Giao diện nâng cấp myFutureTiện ích dự ánChọn các tiện ích muốn hiển thị
Kiểm tra hiển thịTruy cập lại giao diện C-AXác nhận tiện ích xuất hiện đúng vị trí
✅

Trước khi bắt đầu

  • Chuẩn bị tên tiện ích với chữ cái đầu viết hoa.
  • Chuẩn bị ảnh/icon có nền trong suốt nếu sử dụng logo riêng.
  • Sau mỗi thay đổi, nhấn đúng nút Lưu lại hoặc Lưu lựa chọn.

2.1. Cấu hình trên giao diện C-A thường#

Thiết lập loại hiển thị#

Bước 1 — Mở cấu hình: Chọn biểu tượng bánh răng cạnh mục Tiện ích nổi bật.

Ảnh minh hoạ

Bước 2 — Mở danh sách lựa chọn: Nhấn mũi tên để mở phần thiết lập.

Ảnh minh hoạ

Bước 3 — Chọn kiểu danh sách: Chọn Danh sách.

Ảnh minh hoạ

Bước 4 — Chọn bố cục: Chọn Column, sau đó nhấn Lưu lại.

Ảnh minh hoạ

Thêm tiện ích nổi bật#

Bước 5 — Tạo tiện ích: Sau khi thiết lập xong, chọn Thêm mới để nhập tiện ích nổi bật.

Ảnh minh hoạ

Bước 6 — Nhập thông tin: Điền Tiêu đề (tên tiện ích, viết hoa chữ cái đầu), chọn ảnh/icon, sau đó nhấn Lưu lại.

Ảnh minh hoạ

Chọn icon cho tiện ích#

Bước 7 — Cách 1: Chọn icon có sẵn

Chọn icon phù hợp, sau đó nhấn Xác nhận.

Ảnh minh hoạ
Ảnh minh hoạ
Ảnh minh hoạ

Cách 2: Sử dụng logo ảnh riêng

Chọn Logo ảnh → mở folder icon để tải ảnh lên → tải ảnh icon (yêu cầu ảnh đã xoá nền) → chọn ảnh.

Chọn logo ảnh
Chọn logo ảnh
Mở folder icon để tải ảnh
Mở folder icon để tải ảnh
 upload ảnh icon(Yêu cầu ảnh xoá nền)
upload ảnh icon(Yêu cầu ảnh xoá nền)
Ảnh minh hoạ
Chọn ảnh
Chọn ảnh

2.2. Cấu hình trên giao diện nâng cấp myFuture#

💡

Ở giao diện nâng cấp, tiện ích được chọn theo danh sách dự án. Chỉ những tiện ích được tích chọn mới xuất hiện trong khu vực Tiện ích nổi bật.

Bước 1 — Mở cấu hình: Chọn biểu tượng bánh răng cạnh mục Tiện ích nổi bật.

Ảnh minh hoạ

Bước 2 — Mở phần thiết lập: Nhấn mũi tên để mở danh sách cấu hình.

Ảnh minh hoạ

Bước 3 — Chọn nguồn dữ liệu: Chọn Tiện ích dự án, sau đó nhấn Lưu lại.

Ảnh minh hoạ

Bước 4 — Mở danh sách tiện ích: Sau khi thiết lập xong, chọn Thêm mới.

Ảnh minh hoạ

Bước 5 — Lưu lựa chọn: Tích chọn các tiện ích muốn hiển thị, sau đó nhấn Lưu lựa chọn để hoàn tất.

Ảnh minh hoạ

2.3. Kiểm tra kết quả hiển thị trên C-A#

🔎

Sau khi lưu cấu hình, quay lại giao diện C-A và kiểm tra:

  • Tiện ích đã xuất hiện trong khu vực Tiện ích nổi bật.
  • Tên và icon hiển thị đúng như thiết lập.
  • Bố cục và số lượng tiện ích phù hợp với giao diện.
Ảnh minh hoạ
🛠️

Nếu chưa hiển thị đúng

Kiểm tra lại loại tiện ích đã chọn, trạng thái lưu cấu hình, danh sách tiện ích được tích chọn và ảnh/icon đã tải lên.

📄 3. Kết nối vùng
📘

Mục đích

Hướng dẫn thiết lập và kiểm tra mục Kết nối vùng trên giao diện C-A và giao diện nâng cấp myFuture. Tính năng này dùng để hiển thị các địa điểm nổi bật xung quanh dự án cùng thời gian di chuyển tương ứng.

Chuẩn bị trước khi cấu hình#

  • Chuẩn bị danh sách các địa điểm cần hiển thị quanh dự án.
  • Xác định thời gian di chuyển và thông tin địa điểm cần nhập.
  • Sau mỗi thay đổi, nhấn đúng nút Lưu lại hoặc Lưu lựa chọn.

1. Thiết lập loại tiện ích trên giao diện C-A#

Bước 1 — Mở phần cấu hình#

Tại giao diện quản trị, chọn biểu tượng bánh răng bên cạnh mục Kết nối vùng.

Ảnh minh hoạ

Bước 2 — Mở tùy chọn thiết lập#

Nhấn mũi tên để mở danh sách các tùy chọn cấu hình.

Ảnh minh hoạ

Bước 3 — Chọn kiểu danh sách#

Chọn loại hiển thị Danh sách.

Ảnh minh hoạ

Bước 4 — Chọn Kết nối vùng và lưu#

Chọn Kết nối vùng, sau đó nhấn Lưu lại để hoàn tất việc thiết lập loại tiện ích.

Ảnh minh hoạ

2. Thêm địa điểm và thời gian di chuyển#

Bước 5 — Tạo mới#

Sau khi thiết lập loại tiện ích, chọn Thêm mới để bắt đầu nhập thông tin các địa điểm xung quanh dự án.

Ảnh minh hoạ

Bước 6 — Nhập thông tin và lưu#

Nhập đầy đủ các trường thông tin sau:

  • Tên địa điểm: sử dụng tên ngắn gọn, rõ ràng và thống nhất cách viết.
  • Địa điểm: nhập thông tin vị trí cần hiển thị.
  • Thời gian di chuyển: nhập thời gian tương ứng từ dự án đến địa điểm.
  • Icon: chọn icon có ý nghĩa phù hợp với địa điểm.

Sau khi hoàn tất, nhấn Lưu lại.

💡

Quy tắc xuống dòng trong tên địa điểm

Để tách tên địa điểm thành hai dòng, chèn thẻ <br> tại vị trí cần ngắt dòng.

Ví dụ: Trường tiểu học <br> Tam Hưng

Kết quả hiển thị:

Trường tiểu học

Tam Hưng

Ảnh minh hoạ

3. Kiểm tra kết quả hiển thị#

Sau khi lưu cấu hình, quay lại giao diện C-A để kiểm tra toàn bộ nội dung đã thiết lập.

Ảnh minh hoạ
📄 4. Triết lý phát triển
📘

Hướng dẫn nhanh cách nhập thông tin, lưu dữ liệu và kiểm tra kết quả hiển thị trên C-A.

Quy trình thực hiện#

📝

Bước 1 — Nhập thông tin

Điền các thông tin cần thiết theo hướng dẫn trên giao diện.

Ảnh minh hoạ
💾

Bước 2 — Lưu thông tin

Sau khi hoàn tất, nhấn Lưu để ghi nhận dữ liệu.

Ảnh minh hoạ
🔎

Bước 3 — Kiểm tra kết quả

Kiểm tra lại thông tin đã nhập và xác nhận dữ liệu hiển thị chính xác trên C-A.

Ảnh minh hoạ
Lưu ý: Chỉ hoàn tất quy trình sau khi đã lưu thành công và kiểm tra lại thông tin trên C-A.
📄 2. Tiện ích nổi bật (1)
📘

Hướng dẫn cấu hình và quản lý Tiện ích nổi bật trên giao diện C-A và giao diện nâng cấp myFuture.

Thực hiện lần lượt theo từng khu vực, kiểm tra lại lựa chọn trước khi lưu để bảo đảm nội dung hiển thị đúng.

Khu vựcCấu hình chínhKết quả mong đợi
Giao diện C-A thườngDanh sách → ColumnThêm mới tiện ích và chọn icon
Giao diện nâng cấp myFutureTiện ích dự ánChọn các tiện ích muốn hiển thị
Kiểm tra hiển thịTruy cập lại giao diện C-AXác nhận tiện ích xuất hiện đúng vị trí
✅

Trước khi bắt đầu

  • Chuẩn bị tên tiện ích với chữ cái đầu viết hoa.
  • Chuẩn bị ảnh/icon có nền trong suốt nếu sử dụng logo riêng.
  • Sau mỗi thay đổi, nhấn đúng nút Lưu lại hoặc Lưu lựa chọn.

2.1. Cấu hình trên giao diện C-A thường#

Thiết lập loại hiển thị#

Bước 1 — Mở cấu hình: Chọn biểu tượng bánh răng cạnh mục Tiện ích nổi bật.

Ảnh minh hoạ

Bước 2 — Mở danh sách lựa chọn: Nhấn mũi tên để mở phần thiết lập.

Ảnh minh hoạ

Bước 3 — Chọn kiểu danh sách: Chọn Danh sách.

Ảnh minh hoạ

Bước 4 — Chọn bố cục: Chọn Column, sau đó nhấn Lưu lại.

Ảnh minh hoạ

Thêm tiện ích nổi bật#

Bước 5 — Tạo tiện ích: Sau khi thiết lập xong, chọn Thêm mới để nhập tiện ích nổi bật.

Ảnh minh hoạ

Bước 6 — Nhập thông tin: Điền Tiêu đề (tên tiện ích, viết hoa chữ cái đầu), chọn ảnh/icon, sau đó nhấn Lưu lại.

Ảnh minh hoạ

Chọn icon cho tiện ích#

Bước 7 — Cách 1: Chọn icon có sẵn

Chọn icon phù hợp, sau đó nhấn Xác nhận.

Ảnh minh hoạ
Ảnh minh hoạ
Ảnh minh hoạ

Cách 2: Sử dụng logo ảnh riêng

Chọn Logo ảnh → mở folder icon để tải ảnh lên → tải ảnh icon (yêu cầu ảnh đã xoá nền) → chọn ảnh.

Chọn logo ảnh
Chọn logo ảnh
Mở folder icon để tải ảnh
Mở folder icon để tải ảnh
 upload ảnh icon(Yêu cầu ảnh xoá nền)
upload ảnh icon(Yêu cầu ảnh xoá nền)
Ảnh minh hoạ
Chọn ảnh
Chọn ảnh

2.2. Cấu hình trên giao diện nâng cấp myFuture#

💡

Ở giao diện nâng cấp, tiện ích được chọn theo danh sách dự án. Chỉ những tiện ích được tích chọn mới xuất hiện trong khu vực Tiện ích nổi bật.

Bước 1 — Mở cấu hình: Chọn biểu tượng bánh răng cạnh mục Tiện ích nổi bật.

Ảnh minh hoạ

Bước 2 — Mở phần thiết lập: Nhấn mũi tên để mở danh sách cấu hình.

Ảnh minh hoạ

Bước 3 — Chọn nguồn dữ liệu: Chọn Tiện ích dự án, sau đó nhấn Lưu lại.

Ảnh minh hoạ

Bước 4 — Mở danh sách tiện ích: Sau khi thiết lập xong, chọn Thêm mới.

Ảnh minh hoạ

Bước 5 — Lưu lựa chọn: Tích chọn các tiện ích muốn hiển thị, sau đó nhấn Lưu lựa chọn để hoàn tất.

Ảnh minh hoạ

2.3. Kiểm tra kết quả hiển thị trên C-A#

🔎

Sau khi lưu cấu hình, quay lại giao diện C-A và kiểm tra:

  • Tiện ích đã xuất hiện trong khu vực Tiện ích nổi bật.
  • Tên và icon hiển thị đúng như thiết lập.
  • Bố cục và số lượng tiện ích phù hợp với giao diện.
Ảnh minh hoạ
🛠️

Nếu chưa hiển thị đúng

Kiểm tra lại loại tiện ích đã chọn, trạng thái lưu cấu hình, danh sách tiện ích được tích chọn và ảnh/icon đã tải lên.

📄 5. Định vị sản phẩm
📘

Hướng dẫn cấu hình Định vị sản phẩm

Thiết lập cách hiển thị, nội dung và biểu tượng cho mục Định vị sản phẩm trên giao diện C-A và giao diện nâng cấp myFuture.

Thực hiện theo thứ tự các bước bên dưới, sau đó kiểm tra lại trên giao diện C-A để bảo đảm nội dung hiển thị chính xác.

🎯

Mục tiêu

Tạo một mục Định vị sản phẩm có bố cục rõ ràng, nội dung đầy đủ và hình ảnh nhận diện phù hợp.

✅

Chuẩn bị trước

  • Tên sản phẩm viết hoa chữ cái đầu.
  • Ảnh/icon có nền trong suốt nếu dùng logo riêng.
  • Nội dung và hình ảnh hiển thị cần kiểm tra trước khi lưu.

01 · Thiết lập loại hiển thị#

Bước 1 — Mở phần cài đặt

Chọn biểu tượng bánh răng cạnh mục Định vị sản phẩm.

Ảnh minh hoạ

Bước 2 — Mở danh sách lựa chọn

Nhấn mũi tên để mở phần thiết lập.

Ảnh minh hoạ

Bước 3 — Chọn kiểu danh sách

Chọn Danh sách.

Ảnh minh hoạ

Bước 4 — Chọn bố cục

Chọn Column, sau đó nhấn Lưu lại.

Ảnh minh hoạ

02 · Thêm Định vị sản phẩm#

Bước 5 — Tạo mục mới

Sau khi thiết lập kiểu hiển thị, chọn Thêm mới để bắt đầu nhập thông tin.

Ảnh minh hoạ

Bước 6 — Nhập thông tin

Điền Tiêu đề, Nội dung, chọn Ảnh, sau đó nhấn Lưu lại để hoàn tất.

Ảnh minh hoạ

03 · Chọn biểu tượng#

Cách 1 — Sử dụng icon có sẵn#

Chọn icon phù hợp với nội dung sản phẩm, sau đó nhấn Xác nhận.

Ảnh minh hoạ
Ảnh minh hoạ
Ảnh minh hoạ

Cách 2 — Sử dụng logo ảnh riêng#

Thực hiện lần lượt: chọn Logo ảnh → mở folder icon → tải ảnh icon lên → chọn ảnh phù hợp.

💡

Lưu ý về ảnh

Nên sử dụng ảnh đã xoá nền để logo hiển thị rõ ràng và đồng nhất với giao diện.

Chọn logo ảnh
Chọn logo ảnh
Mở folder icon để tải ảnh
Mở folder icon để tải ảnh
 upload ảnh icon(Yêu cầu ảnh xoá nền)
upload ảnh icon(Yêu cầu ảnh xoá nền)
Ảnh minh hoạ
Chọn ảnh
Chọn ảnh
🔎

04 · Kiểm tra sau khi lưu

Quay lại giao diện C-A và kiểm tra:

  • Kiểu hiển thị và bố cục đã đúng lựa chọn.
  • Tiêu đề và nội dung hiển thị đầy đủ.
  • Ảnh/icon hiển thị rõ ràng, không bị vỡ hoặc sai nền.
  • Danh sách tiện ích đã được tích chọn theo yêu cầu.
Ảnh minh hoạ
🛠️

Xử lý khi nội dung chưa hiển thị đúng

Kiểm tra lại loại định vị, trạng thái lưu cấu hình, danh sách tiện ích được tích chọn và ảnh/icon đã tải lên. Sau khi điều chỉnh, nhấn đúng nút Lưu lại hoặc Lưu lựa chọn, rồi tải lại giao diện C-A để xác nhận.

📄 6. Giá trị khác biệt
📘

Hướng dẫn cấu hình Giá trị khác biệt

Thiết lập cách hiển thị, nội dung và biểu tượng cho mụcGiá trị khác biệt trên giao diện C-A và giao diện nâng cấp myFuture.

Thực hiện theo thứ tự các bước bên dưới, sau đó kiểm tra lại trên giao diện C-A để bảo đảm nội dung hiển thị chính xác.

🎯

Mục tiêu

Tạo một mục Giá trị khác biệt có bố cục rõ ràng, nội dung đầy đủ và hình ảnh nhận diện phù hợp.

✅

Chuẩn bị trước

  • Tên sản phẩm viết hoa chữ cái đầu.
  • Ảnh/icon có nền trong suốt nếu dùng logo riêng.
  • Nội dung và hình ảnh hiển thị cần kiểm tra trước khi lưu.

01 · Thiết lập loại hiển thị#

Bước 1 — Chọn biểu tượng bánh răng cạnh Giá trị khác biệt

Ảnh minh hoạ

Bước 2 — Mở danh sách lựa chọn

Nhấn mũi tên để mở phần thiết lập.

Ảnh minh hoạ

Bước 3 — Chọn kiểu danh sách

Chọn Danh sách.

Ảnh minh hoạ

Bước 4 — Chọn bố cục

Chọn Column, sau đó nhấn Lưu lại.

Ảnh minh hoạ

02 · Thêm Giá trị khác biệt#

Bước 5 — Tạo mục mới

Sau khi thiết lập kiểu hiển thị, chọn Thêm mới để bắt đầu nhập thông tin.

Ảnh minh hoạ

Bước 6 — Nhập thông tin

Điền Tiêu đề, Nội dung, chọn Ảnh, sau đó nhấn Lưu lại để hoàn tất.

Ảnh minh hoạ

03 · Chọn biểu tượng#

Cách 1 — Sử dụng icon có sẵn#

Chọn icon phù hợp với nội dung sản phẩm, sau đó nhấn Xác nhận.

Ảnh minh hoạ
Ảnh minh hoạ
Ảnh minh hoạ

Cách 2 — Sử dụng logo ảnh riêng#

Thực hiện lần lượt: chọn Logo ảnh → mở folder icon → tải ảnh icon lên → chọn ảnh phù hợp.

💡

Lưu ý về ảnh

Nên sử dụng ảnh đã xoá nền để logo hiển thị rõ ràng và đồng nhất với giao diện.

Chọn logo ảnh
Chọn logo ảnh
Mở folder icon để tải ảnh
Mở folder icon để tải ảnh
 upload ảnh icon(Yêu cầu ảnh xoá nền)
upload ảnh icon(Yêu cầu ảnh xoá nền)
Ảnh minh hoạ
Chọn ảnh
Chọn ảnh
🔎

04 · Kiểm tra sau khi lưu

Quay lại giao diện C-A và kiểm tra:

Ảnh minh hoạ
🛠️

Xử lý khi nội dung chưa hiển thị đúng

Kiểm tra lại loại định vị, trạng thái lưu cấu hình, danh sách tiện ích được tích chọn và ảnh/icon đã tải lên. Sau khi điều chỉnh, nhấn đúng nút Lưu lại hoặc Lưu lựa chọn, rồi tải lại giao diện C-A để xác nhận.

Cập nhật lần cuối: 07/10/2026 · Biên soạn: Hường Bùi