AI Studio: tạo trang với Claude, ChatGPT, Gemini qua MCP

AI Studio dùng để làm gì?#

AI Studio cho phép bạn làm việc trực tiếp với Claude, ChatGPT hoặc Gemini qua MCP (giao thức để trợ lý AI gọi công cụ của LDPage). Sau khi kết nối, AI đọc hướng dẫn thiết kế, tìm mẫu và ảnh, tạo hoặc sửa trang bằng engine của LDPage, nên trang vẫn sửa kéo thả được như mọi trang khác. AI Studio giúp bạn soạn sẵn yêu cầu chuẩn để dán vào AI, không phải tự viết từ đầu.

1. 1

   Mở Landing Pages ở menu trái, chọn AI Studio (nhãn Mới) trong nhóm Xây dựng.

2. 2

   Dưới tiêu đề là trạng thái kết nối (ví dụ Đã kết nối · 3 ngày trước) và nút Hướng dẫn kết nối.

3. 3

   Cột trái có hai tab Tạo landing page mới và Tối ưu trang có sẵn; cột phải là khung Yêu cầu gửi cho AI.

1. Kết nối AI một lần#

1. 1

   Bấm Hướng dẫn kết nối (khi chưa kết nối, bấm Lấy địa chỉ kết nối → ở thẻ Kết nối AI (một lần)). Ngăn kéo Kết nối AI với LDPage mở ra.

2. 2

   Chọn AI bạn đang dùng: Claude (web, ứng dụng máy tính và điện thoại), ChatGPT (Developer mode trên chatgpt.com), Gemini (Ứng dụng đã kết nối trên gemini.google.com), Claude Code (dòng lệnh), Cursor · VS Code (trình soạn code hỗ trợ MCP) hoặc AI khác (AI chưa hỗ trợ MCP).

3. 3

   Ở mục Địa chỉ kết nối của bạn, bấm Sao chép. Với Claude Code có nút Sao chép lệnh; với Cursor/VS Code có nút Sao chép cấu hình (JSON).

4. 4

   Làm theo Các bước kết nối hiện trong ngăn kéo. Ví dụ với Claude: vào Settings › Connectors › Add custom connector, đặt tên LDPage và dán địa chỉ vào ô Remote MCP server URL; với ChatGPT: bật Developer mode trong Settings › Apps › Advanced settings, bấm Create app, dán địa chỉ vào MCP Server URL và chọn No authentication.

5. 5

   Trạng thái trong ngăn kéo tự chuyển từ Đang chờ AI kết nối… sang Đã kết nối khi AI gọi LDPage lần đầu.

2. Tạo landing page mới#

1. 1

   Ở tab Tạo landing page mới, bấm một chip trong Mẫu theo ngành — bấm để điền sẵn ví dụ (Gia dụng – Nội thất, Mỹ phẩm làm đẹp, F&B, Bất động sản, Webinar…), rồi sửa lại cho đúng doanh nghiệp. Nếu form đã có dữ liệu, LDPage hỏi trước khi thay bằng ví dụ.

2. 2

   Điền Sản phẩm hoặc dịch vụ (bắt buộc — mô tả ngắn hoặc dán link sản phẩm) và Thông tin chi tiết (mỗi dòng một thông tin: thương hiệu, thông số, cam kết, bảo hành, địa chỉ, giờ mở cửa, form cần thu gì…).

3. 3

   Điền Khách hàng mục tiêu, chọn Mục tiêu chuyển đổi chính (Để lại thông tin qua form, Đặt hàng COD qua form, Đặt lịch hẹn, Gọi điện / nhắn Zalo, Thanh toán trực tiếp, Branding), Thị trường và Ngôn ngữ của trang.

4. 4

   Bổ sung Giá và ưu đãi, Hotline / Zalo (hiện nút gọi/Zalo nổi trên điện thoại) và Phong cách, màu sắc.

5. 5

   Bật/tắt các tùy chọn: Duyệt dàn ý trước khi tạo, Ưu tiên mẫu có sẵn của LDPage, Tự động tối ưu chuyển đổi (Audit CRO), Xuất bản khi tôi hài lòng (cho phép AI xuất bản và gửi link công khai khi bạn đồng ý).

6. 6

   Bấm Làm trống ở góc tab nếu muốn xoá toàn bộ form. Thông tin bạn nhập được nhớ trên trình duyệt này.

3. Tối ưu trang có sẵn#

1. 1

   Chuyển sang tab Tối ưu trang có sẵn và chọn Trang cần tối ưu trong workspace (trang đã xuất bản có nhãn Đã xuất bản).

2. 2

   Chọn một hoặc nhiều Việc cần AI làm: Audit & tối ưu chuyển đổi, Viết lại nội dung hay hơn, Làm mới giao diện, Bổ sung phần còn thiếu, Tối ưu SEO, Tối ưu cho điện thoại, Dịch sang tiếng Anh.

3. 3

   Ghi Yêu cầu thêm (không bắt buộc), ví dụ đổi ưu đãi thành giảm 30% đến hết tháng 10.

4. Gửi yêu cầu cho AI#

1. 1

   Ở khung Yêu cầu gửi cho AI, chọn AI đích: Claude, ChatGPT, Gemini, Claude Code hoặc AI khác. Nội dung yêu cầu tự cập nhật theo thông tin bên trái và theo AI đích.

2. 2

   Có thể sửa tay trực tiếp trong khung; khi đó dòng ghi chú báo Bạn đã sửa tay yêu cầu này, bấm Đặt lại để quay về bản tự động.

3. 3

   Bấm Sao chép yêu cầu để copy, hoặc bấm nút mở AI: Mở Claude mở claude.ai với yêu cầu điền sẵn (chưa gửi, để bạn kiểm tra LDPage đang bật); Mở ChatGPT sao chép yêu cầu để bạn bật Developer mode và LDPage rồi dán; Sao chép & mở Gemini sao chép rồi mở Gemini; Claude Code chỉ sao chép để dán vào terminal.

4. 4

   Nếu AI đích chưa kết nối, khung hiện cảnh báo chưa tạo được trang kèm nút Kết nối ngay.

Khi AI làm việc, thẻ AI vừa làm gì hiển thị theo thời gian thực từng thao tác như đọc hướng dẫn thiết kế, tìm ảnh, xem thư viện mẫu, tạo trang, audit và xuất bản. Bấm Mở trang để mở ngay trang đó trong editor.

5. Nhập HTML từ AI chưa hỗ trợ MCP#

1. 1

   Chọn AI khác ở khung yêu cầu, sao chép yêu cầu và dán vào ChatGPT, Gemini hoặc Claude (bản miễn phí cũng được). AI sẽ viết trang thành một file HTML.

2. 2

   Tải file HTML về máy hoặc sao chép mã.

3. 3

   Trong AI Studio, bấm Nhập HTML (mục Có file HTML rồi?). Ở hộp Nhập HTML vào LDPage, kéo thả file .html (tối đa 300 KB) hoặc dán mã vào ô Hoặc dán mã HTML.

4. 4

   Nhập Tên trang rồi bấm Tạo trang. LDPage tạo trang để bạn xem trước, sửa mã và xuất bản.

Xử lý vướng mắc#

1. 1

   Trạng thái vẫn Đang chờ AI kết nối…: kiểm tra đã dán đúng toàn bộ địa chỉ, đã bật LDPage trong cuộc trò chuyện (nút + ở ô chat của Claude/ChatGPT), rồi gửi một yêu cầu để AI gọi LDPage.

2. 2

   AI báo không truy cập được LDPage sau khi bạn Tạo lại mã hoặc Thu hồi: dán địa chỉ mới vào AI hoặc tạo địa chỉ khác.

3. 3

   ChatGPT không thấy LDPage: tính năng Developer mode cần gói Plus, Pro, Business, Enterprise hoặc Edu của ChatGPT.

4. 4

   Nhập HTML báo File HTML quá lớn (tối đa 300 KB) hoặc Chỉ nhận file .html: rút gọn file hoặc nhờ AI tách bớt ảnh nhúng; báo lỗi quyền thì gói hiện tại chưa có mã tuỳ chỉnh.