Thương hiệu, trang chủ, giao diện và mã chèn

Trang này hướng dẫn hai khối của hub Cài đặt → Chung:

• Thương hiệu & trang chủ (/admin/settings/general?tab=branding): tên, biểu tượng, logo; trang chủ; chuyển hướng sau đăng nhập; đường dẫn tài liệu hướng dẫn; mã chèn header/footer.
• Giao diện (/admin/settings/general?tab=theme): bố cục và màu của header, menu, chân trang.

Bản đồ toàn bộ khối cài đặt: Cài đặt.

Ai sửa được

Khối	Quyền	Vai trò mặc định
Thương hiệu & trang chủ	configure_branding	Chỉ super_admin. Vai trò Quản trị viên (admin) có mọi quyền trừ quyền này.
Giao diện	configure_theme	super_admin và Quản trị viên

Vì sao Quản trị viên không sửa được thương hiệu

Tên, logo, trang chủ và mã chèn thêm là bộ mặt của cả tổ chức — đổi nhầm thì cả website sai. Hệ thống chỉ chặn đúng khối này; Quản trị viên vẫn đổi được màu giao diện, vai trò mặc định của người dùng mới và mọi cấu hình khác. Cần giao quyền thương hiệu cho ai đó, gán configure_branding trong Vai trò.

Thương hiệu & trang chủ

Nhận diện

Ô	Bắt buộc	Ghi chú
Tên trang web	Có	Tên tổ chức hiển thị trên website và trong email gửi người dùng.
Biểu tượng trang web	Có	Ảnh nhỏ hiện trên tab trình duyệt.
Logo trang web	Có	Logo hiện ở header.

Trang chủ

Hành vi trang chủ quyết định ai mở địa chỉ gốc của tổ chức (https://ten-mien-cua-ban/) sẽ thấy gì:

Lựa chọn	Thấy gì
Hiển thị một trang	Một trang website bạn chọn ở ô Trang chủ. Danh sách lấy từ các trang ở Website → Trang. Ô này chỉ hiện khi tổ chức đã có ít nhất một trang.
Chuyển hướng đến đường dẫn	Chuyển thẳng tới Đường dẫn chuyển hướng — đường dẫn nội bộ (ví dụ /login) hoặc URL tuyệt đối. Hợp với tổ chức chỉ dùng hệ thống để học, không cần trang giới thiệu.

Chưa chọn trang (hoặc trang đã chọn bị xoá) thì địa chỉ gốc hiện trang chào mặc định của hệ thống.

Chuyển hướng sau đăng nhập

Lựa chọn	Hành vi
Quay lại đường dẫn người dùng đang truy cập	Mặc định. Người dùng về đúng trang họ định vào trước khi bị yêu cầu đăng nhập.
Luôn chuyển đến đường dẫn cố định	Hiện thêm ô Đường dẫn sau đăng nhập (ví dụ /, /learnspace).

"Luôn" vẫn nhường cho trang đang dở

Với lựa chọn đường dẫn cố định, nếu người dùng bị bắt đăng nhập giữa chừng — ví dụ khách bấm Ghi danh trên trang khoá học — họ vẫn được đưa về đúng trang đang dở. Đường dẫn cố định chỉ là điểm đến khi họ đăng nhập từ đầu.

Đường dẫn tài liệu hướng dẫn

Đường dẫn tài liệu hướng dẫn là trang hướng dẫn sử dụng dành cho người học (ví dụ https://huongdan.example.com).

• Có giá trị: menu người dùng hiện mục Trợ giúp trỏ tới địa chỉ này.
• Để trống: mục Trợ giúp không hiện.

Chatbot học tập cũng dùng địa chỉ này để dựng đường dẫn tới bài hướng dẫn khi trả lời câu hỏi về cách dùng hệ thống; để trống thì chatbot không kèm đường dẫn nào. Xem Chatbot học tập.

Mã chèn thêm (header/footer)

Mục thu gọn ở cuối khối, gồm hai ô Mã header và Mã footer. Nội dung được chèn nguyên văn vào mã nguồn trang — dùng cho Google Tag Manager, Google Analytics, pixel quảng cáo, công cụ chat…

1. Dán đoạn mã <script>…</script> mà dịch vụ bên ngoài cung cấp vào Mã header (đoạn nào dịch vụ yêu cầu đặt cuối trang thì vào Mã footer).
2. Bấm Lưu.
3. Mở website ở cửa sổ ẩn danh, kiểm bằng công cụ của chính dịch vụ đó (ví dụ chế độ Preview của Tag Manager).

Mã chèn chạy trên trình duyệt của mọi người xem

Hệ thống không lọc nội dung hai ô này — đó là mục đích của chúng. Một đoạn mã sai có thể làm hỏng hiển thị trang; một đoạn mã từ nguồn không tin cậy có thể đọc được những gì người xem nhập trên trang. Chỉ dán mã lấy trực tiếp từ dịch vụ bạn dùng.

Mã chèn chạy trên website công khai, trang khoá học và toàn bộ khu vực học (Learnspace, kể cả khi học viên đã đăng nhập) — hãy cân nhắc điều này với mã theo dõi quảng cáo. Mã không chạy trên trang phễu khảo sát — trang phễu có khối riêng Mã theo dõi trang phễu ở hub Tích hợp, xem Phễu khảo sát. Muốn đo một trang cụ thể, hãy kiểm trực tiếp trên trang đó.

Giao diện

Khối Giao diện chia ba mục thu gọn được.

Cấu hình Header

Ô	Ghi chú
Bố cục Header	Kiểu thanh trên cùng dành cho học viên: Cổ điển, Logo ở giữa, Tối giản, Hai tầng, Tách đôi, Pill nổi. Mỗi lựa chọn có hình xem trước và mô tả ngắn trong form.
Màu nền Header, Màu chữ Header	Bắt buộc.
Hiển thị thanh tìm kiếm	Bật/tắt ô tìm kiếm trên header.

Cấu hình Menu

Ô	Ghi chú
Màu nền Menu, Màu chữ Menu	Bắt buộc.
Màu nền Dropdown, Màu chữ Dropdown	Bắt buộc — màu của menu xổ xuống.
Màu nền Dropdown khi rê chuột, Màu chữ Dropdown khi rê chuột	Để trống thì hệ thống tự suy ra từ màu nền và màu chữ Dropdown.

Nội dung các mục menu (tiêu đề, đường dẫn, ai thấy) chỉnh ở Website → Quản lý Menu, không phải ở đây.

Cấu hình Chân trang

Ô	Ghi chú
Bố cục Footer	Kiểu chân trang trên trang công khai: Cổ điển, Căn giữa, Tối giản, Ba lớp, Tách đôi, Card nổi.
Màu nền Chân trang, Màu chữ Chân trang	Bắt buộc.
Nội dung bản quyền	Dòng bản quyền. Để trống được.
Danh sách Icon & Liên kết	Mỗi dòng một mạng xã hội: chọn Mạng xã hội (Facebook, YouTube, TikTok, Twitter/X, Instagram, LinkedIn, GitHub, Discord, Website/Khác), nhập Đường dẫn (URL) và Mô tả (Tooltip/Alt).

Mã màu

Mọi ô màu chỉ nhận mã màu hex (ví dụ #1d4ed8). Dán giá trị khác — tên màu, rgb(…) — form sẽ báo lỗi khi lưu.

Câu hỏi thường gặp

Tôi là Quản trị viên nhưng không thấy tab "Thương hiệu & trang chủ". Đúng thiết kế — vai trò Quản trị viên mặc định không có configure_branding. Nhờ tài khoản super_admin của tổ chức sửa, hoặc cấp quyền đó cho vai trò của bạn.

Email gửi người dùng lấy tên và logo ở đâu? Từ ô Tên trang web và Logo trang web của khối này. Riêng tên người gửi (From) có thể đặt khác ở khối Gửi Email — khi đặt, nó được ưu tiên — xem Gửi email (AWS SES).

Đổi trang chủ mà người dùng đã đăng nhập vẫn vào thẳng trang học? Trang chủ chỉ là địa chỉ gốc /. Người dùng đăng nhập xong đi theo Chuyển hướng sau đăng nhập.