Chuyển tới nội dung chính

Quản lý Biểu mẫu (Forms)

Route: Truy cập qua Sidebar Menu > CMS > Quản lý Biểu mẫu > Danh sách Biểu mẫu

Tính năng này giúp bạn tạo ra các form động (Dynamic Forms) để thu thập thông tin từ người dùng ngoài Portal (Ví dụ: Form Liên hệ, Form Đăng ký sự kiện, Form Khảo sát). Bạn có thể tự do "lắp ráp" các trường thông tin mà không cần nhờ lập trình viên can thiệp.

1. Màn hình Quản lý Biểu mẫu

Giao diện bao gồm phần thống kê (số lượng biểu mẫu đang hoạt động) và danh sách các biểu mẫu đã tạo.

Danh sách Biểu mẫu

  • Hệ thống cung cấp sẵn các bộ lọc (Filter) theo Đơn vị quản lý và Trạng thái xuất bản để bạn dễ dàng tìm kiếm.
  • Tại danh sách, bạn có thể Bật/Tắt (Hiển thị) form. Nếu tắt, form đó trên giao diện người dùng sẽ bị ẩn đi.

2. Tạo một Biểu mẫu mới

Để tạo một form, bấm nút Thêm mới Biểu mẫu. Màn hình tạo form xuất hiện với 2 phần chính:

Bước 2.1: Nhập thông tin chung

Tên trườngBắt buộcHướng dẫn nhập
Tên Biểu mẫu✅ CóTên nội bộ giúp bạn dễ quản lý (Ví dụ: Form đăng ký Khảo sát Cựu sinh viên).
Mã Biểu mẫu (Code)✅ CóViết liền, không dấu, không khoảng trắng (Ví dụ: form-cuu-sinh-vien). Mã này dùng để cấu hình nhúng vào trang.
Đơn vị quản lý✅ CóChọn Đơn vị chịu trách nhiệm quản lý dữ liệu của form này.

Bước 2.2: Thiết kế các câu hỏi (Form Builder)

Đây là khu vực bạn "kéo thả" và thiết kế giao diện cho form:

  • Kéo các khối từ cột bên phải (Ví dụ: Text Input, Dropdown, Checkbox, Date Picker) vào vùng thiết kế ở giữa.
  • Nhấp chọn vào mỗi câu hỏi để cấu hình chi tiết ở cột bên trái:
    • Nhãn (Label): Tiêu đề hiển thị (VD: "Họ và tên", "Số điện thoại").
    • Bắt buộc (Required): Tick chọn nếu người dùng BẮT BUỘC phải điền ô này.

Sau khi thiết kế form ưng ý, bấm Lưu Biểu mẫu.

Hướng dẫn đưa Biểu mẫu ra Portal

Sau khi tạo form thành công, để người dùng nhìn thấy, bạn cần:

  1. Vào Thiết lập trang > Page Builder (hoặc mở một Trang tĩnh bất kỳ).
  2. Thêm một Khối (Block) Biểu mẫu.
  3. Tại phần cài đặt của Khối, chọn tên Biểu mẫu bạn vừa tạo. Lúc đó form sẽ được nhúng hiển thị lên trang web!