🎨 Trình Dựng Trang Trực quan Kéo thả (Visual Page Builder)
Màn hình Trình dựng trang Builder (/admin/landing-page/builder/{id}) cung cấp trải nghiệm thiết kế trực quan theo mô hình "Thấy gì được nấy" (WYSIWYG), giúp bạn xây dựng một trang landing page tuyển sinh chuyên nghiệp trong vòng 30 phút.
🎯 Tính năng này dùng để làm gì?
- Thư viện Khối giao diện mẫu (Blocks Library) đa dạng chuẩn giáo dục:
- Khối Banner chính (Hero Section): Tiêu đề lôi cuốn, nút đăng ký nổi bật và hình ảnh học viên.
- Khối Lợi ích & Điểm khác biệt (Features): Nêu bật ưu thế của trung tâm (giáo viên bản ngữ, phương pháp độc quyền).
- Khối Lộ trình Đào tạo (Course Roadmap): Mô tả chi tiết từng chặng học và mục tiêu đầu ra.
- Khối Đội ngũ Giáo viên (Instructors): Hình ảnh, bằng cấp và chứng chỉ quốc tế của thầy cô.
- Khối Bảng Học phí & Ưu đãi (Pricing Table): Các gói học phí và quà tặng kèm.
- Khối Cảm nhận Học viên (Testimonials): Video/hình ảnh đánh giá của học sinh điểm cao.
- Khối Form Đăng ký (Lead Capture Form): Form điền họ tên, số điện thoại và khóa học quan tâm.
- Chế độ xem trước trên 3 thiết bị: Máy tính (Desktop), Máy tính bảng (Tablet) và Điện thoại di động (Mobile).
- Hỗ trợ lịch sử chỉnh sửa (Undo / Redo) và tự động lưu bản nháp sau mỗi thay đổi.
👥 Ai sử dụng?
- Nhân viên Marketing & Thiết kế: Biên soạn nội dung và chỉnh sửa màu sắc, hình ảnh.
📝 Hướng dẫn Thực hiện Chi tiết
📷 Ảnh minh họa cần bổ sung: Giao diện Trình dựng trang Builder với thanh công cụ chọn khối ở bên trái, màn hình xem trước ở giữa và bảng chỉnh sửa thuộc tính ở bên phải.
1. Thêm & Tùy biến Khối Giao diện
- Truy cập menu Website & Landing Page → Danh sách Trang → Bấm "Chỉnh sửa trang".
- Thêm khối mới:
- Bấm nút "Thêm khối (Add Block)" trên thanh công cụ.
- Chọn loại khối mong muốn (ví dụ: Khối Đội ngũ Giáo viên).
- Khối mới sẽ được chèn ngay vào trang xem trước.
- Chỉnh sửa nội dung & hình ảnh:
- Bấm trực tiếp vào văn bản để gõ lại nội dung (Tiêu đề, mô tả).
- Bấm vào hình ảnh để tải ảnh chân dung giáo viên từ máy tính lên.
- Bấm vào nút bấm để đổi màu sắc thương hiệu và gắn link cuộn xuống form đăng ký.
- Sắp xếp thứ tự: Dùng chuột kéo thả các khối lên/xuống theo bố cục mong muốn.
- Bấm "Xem trước trên Mobile" để kiểm tra giao diện điện thoại.
- Bấm "Xuất bản trang (Publish)" để đưa trang web lên hoạt động chính thức.