Không cần biết code. Bạn mô tả khối giao diện mong muốn, Trợ lý AI giao diện viết mã chuẩn Light, cho bạn xem thử rồi đưa thẳng vào trang. 7 bước dưới đây đi từ trang trắng đến giao diện hoàn chỉnh.
Bấm vào một bước để chuyển nhanh tới phần hướng dẫn đó.
Mỗi giao diện nên nằm trên một trang riêng. Vào chế độ Sửa trang rồi mở thanh công cụ dưới cùng.
Bấm Sản phẩm - Tin tức - Landing + → Landing Page
Nhập Tên danh mục ở form Thêm mới danh mục — đường dẫn để trống sẽ tự sinh
Bấm nút tròn đỏ THÊM MỚI, trang mới hiện trong bảng Quản lý danh mục Landing Page
Mở trang vừa tạo trên trình duyệt rồi bấm Sửa trang
Trang mới còn trống. Thêm một khung để AI đổ giao diện vào.
Bấm Giao diện (ALT+W) ở thanh dưới — danh sách khối hiện bên trái
Bấm dấu + ở dòng Giao diện module tự do trong cột đen, kéo mẫu trống vào trang
Khối xanh "Mời bạn click vào đây để thêm mã code" xuất hiện trên trang
Bấm vào khối vừa thêm. Bảng điều khiển hiện ở bên phải màn hình.
Kéo xuống phần Thao tác với cả Module hiện tại
Khung Trợ lý AI giao diện có chấm xanh là AI đang sẵn sàng
Các nhãn Quy tắc HTML và CSS chuẩn Light giúp AI viết đúng chuẩn nền tảng
Viết như đang dặn một nhà thiết kế: khối gì, có những phần nào, màu sắc, chữ hiển thị.
Ví dụ: "Tạo form đăng ký nhận bảng giá căn hộ, nền xanh đậm, 3 ô họ tên, số điện thoại, email, nút vàng ĐĂNG KÝ NGAY"
Nhấn Enter để gửi
Dòng Đang chờ trả lời có đồng hồ đếm giây — chờ khoảng 20–60 giây
Mỗi lần gửi dùng 1 lượt của mô hình miễn phí. Số lượt còn lại hiện ngay trên câu trả lời.
AI trả về một khối mã. Chưa cần đọc code — bấm xem thử để thấy giao diện thật ngay trên trang.
Bấm Xem thử dưới khối mã
Giao diện mới hiện tạm trên trang để bạn kiểm tra bố cục, màu, chữ
Chưa ưng thì gõ tiếp yêu cầu sửa, AI nhớ nội dung vừa làm
Khi đã ưng ý, đưa khối mã vào module đang chọn.
Bấm Thêm vào giao diện hoặc Chèn vào module trên khối mã
Lỡ tay hoặc không thích? Bấm Hoàn tác để quay về bản trước
Có thể bấm biểu tượng ↻ để AI làm một phương án khác
Thay đổi chỉ được giữ lại sau khi lưu.
Bấm LƯU ở đầu bảng điều khiển bên phải
Bấm Xem giống khách hàng ở thanh trên cùng
Kiểm tra thêm ở chế độ điện thoại bằng ô Màn hình
Một khối mỗi lầnYêu cầu từng khối (banner, form, bảng giá) cho kết quả gọn và dễ sửa hơn cả trang một lúc.
Nói rõ màu và chữGhi màu nền, màu nút và đúng chữ muốn hiện — AI không phải đoán.
Dán ảnh mẫuKéo thả ảnh chụp một mẫu bạn thích vào ô nhập, AI sẽ làm theo bố cục đó.
Sửa tiếp trong chatKhông cần gõ lại từ đầu: "đổi nút sang màu đỏ", "thêm ô địa chỉ"…
Có Hoàn tácMạnh dạn thử — luôn quay lại được bản trước khi chưa bấm LƯU.
Kiểm tra trên điện thoạiĐổi ô Màn hình sang điện thoại để chắc giao diện hiển thị đẹp.