Dùng Chatbot trong Editor

Chatbot AI (Lapa) trong Editor cho phép bạn thay đổi giao diện website chỉ bằng cách mô tả điều bạn muốn bằng ngôn ngữ tự nhiên.

Mở Chatbot

1. Trong Editor, nhìn vào Sidebar trái
2. Nhấn icon AI / Lapa (biểu tượng ngôi sao hoặc robot) trong thanh tab
3. Panel chat sẽ mở ra ở bên trái màn hình

Giao diện Chatbot

Khi mở lần đầu, bạn sẽ thấy:

• Khu vực gợi ý nhanh — các lệnh phổ biến bạn có thể nhấn để dùng ngay
• Ô nhập tin nhắn — gõ yêu cầu của bạn ở đây
• Nút gửi — gửi tin nhắn cho AI

Cách gửi yêu cầu

Gõ lệnh tự do

Nhấn vào ô nhập liệu và gõ yêu cầu của bạn bằng tiếng Việt. Ví dụ:

"Thêm một section hero với tiêu đề lớn và nút kêu gọi hành động màu xanh"

Nhấn Enter hoặc nút gửi để AI bắt đầu xử lý.

Nhấn lệnh gợi ý nhanh

Nếu chưa có cuộc hội thoại nào, hệ thống hiển thị các lệnh gợi ý sẵn:

Dành cho cả trang:

• Làm website hiện đại hơn
• Làm nội dung hấp dẫn hơn
• Cải thiện văn bản cho SEO
• Tạo trang mới
• Thêm Call-to-Action
• Tối ưu trang cho mobile

Khi chọn một phần tử cụ thể:

• Làm phần tử này hiện đại hơn
• Cải thiện màu sắc
• Cải thiện bố cục
• Thêm hiệu ứng tương tác
• Làm responsive
• Cải thiện khả năng tiếp cận

Xem AI tạo nội dung

Sau khi gửi yêu cầu, Lapa sẽ bắt đầu xử lý. Bạn sẽ thấy:

1. Hiệu ứng loading — AI đang suy nghĩ
2. Xem trước trực tiếp — thay đổi xuất hiện ngay trên canvas trong khi AI đang tạo
3. Nút xác nhận — khi AI xong, một nút Áp dụng hoặc Xác nhận sẽ xuất hiện

Khi AI tạo trang mới

Nếu AI đề xuất thay thế toàn bộ trang, một hộp thoại xác nhận sẽ hỏi bạn:

• Áp dụng — thay thế trang hiện tại bằng thiết kế mới của AI
• Hủy — giữ nguyên trang hiện tại

Chỉnh sửa phần tử đang chọn

Để AI chỉ tập trung vào một phần tử cụ thể:

1. Nhấn chọn phần tử trên canvas (ví dụ: click vào một đoạn văn bản)
2. Mở tab Lapa — chatbot sẽ tự động nhận biết bạn đang chọn phần tử gì
3. Gõ yêu cầu — AI sẽ chỉnh sửa đúng phần tử đó

Ví dụ: chọn một đoạn text → gõ "Viết lại đoạn này theo phong cách chuyên nghiệp hơn"

Tiếp tục cuộc trò chuyện

Chatbot nhớ toàn bộ ngữ cảnh cuộc trò chuyện. Bạn có thể tinh chỉnh dần:

1. "Thêm section testimonial với 3 đánh giá khách hàng"
2. AI tạo xong → bạn thấy chưa ưng
3. "Đổi background của section đó sang màu xám nhạt"
4. "Làm font chữ các đánh giá to hơn một chút"

Dừng AI giữa chừng

Nếu AI đang xử lý mà bạn muốn dừng, nhấn nút Dừng (Stop) trong chatbot.

Xem lại lịch sử trò chuyện

Lapa lưu lịch sử cuộc trò chuyện gần nhất cho mỗi website. Khi bạn mở lại Editor, chatbot sẽ tự động tải lại cuộc hội thoại trước đó.

Mẹo để ra lệnh hiệu quả

• Cụ thể hơn = kết quả tốt hơn: "Thêm section có 3 ảnh sản phẩm bố cục grid" tốt hơn "Thêm ảnh vào trang"
• Chọn phần tử trước: Nếu muốn sửa một phần cụ thể, hãy click chọn nó trước khi chat
• Dùng lệnh gợi ý: Đặc biệt hữu ích khi bạn không biết bắt đầu từ đâu
• Tinh chỉnh theo vòng: Đừng cố mô tả hoàn hảo ngay từ đầu — hãy ra lệnh từng bước và chỉnh dần