AI Studio：通过 MCP 用 Claude、ChatGPT、Gemini 创建页面
将你正在使用的 AI 助手与 LDPage 一次性连接，准备创建新落地页或优化现有页面的请求，让 AI 直接在工作区中创建、修改和发布页面。
AI Studio 有什么用？#
AI Studio 让你通过 MCP（让 AI 助手调用 LDPage 工具的协议）直接与 Claude、ChatGPT 或 Gemini 协作。连接后，AI 会读取设计指南、查找模板和图片，并用 LDPage 引擎创建或修改页面，因此页面与其他页面一样可以拖放编辑。AI Studio 会帮你准备好规范的请求，直接粘贴给 AI 即可，无需从头编写。
- 1
在左侧菜单打开 Landing Pages，在“Xây dựng”（构建）组中选择 AI Studio（带“Mới”新标签）。
- 2
标题下方显示连接状态（例如“Đã kết nối · 3 ngày trước”——已连接 · 3 天前）和连接指南按钮（Hướng dẫn kết nối）。
- 3
左栏有“Tạo landing page mới”（创建新落地页）和“Tối ưu trang có sẵn”（优化现有页面）两个标签页；右栏是“Yêu cầu gửi cho AI”（发送给 AI 的请求）面板。
1. 一次性连接 AI#
- 1
点击连接指南（尚未连接时，点击“Kết nối AI (một lần)”卡片上的“Lấy địa chỉ kết nối →”——获取连接地址）。“Kết nối AI với LDPage”（将 AI 连接到 LDPage）抽屉随即打开。
- 2
选择你使用的 AI：Claude（网页、桌面和手机应用）、ChatGPT（chatgpt.com 上的 Developer mode）、Gemini（gemini.google.com 上的已连接应用）、Claude Code（命令行）、Cursor · VS Code（支持 MCP 的代码编辑器）或其他 AI（不支持 MCP）。
- 3
在“Địa chỉ kết nối của bạn”（你的连接地址）处点击复制。Claude Code 提供“复制命令”按钮；Cursor/VS Code 提供“复制配置”（JSON）按钮。
- 4
按抽屉中显示的连接步骤操作。例如 Claude：进入 Settings › Connectors › Add custom connector，命名为 LDPage，并把地址粘贴到 Remote MCP server URL；ChatGPT：在 Settings › Apps › Advanced settings 中开启 Developer mode，点击 Create app，把地址粘贴到 MCP Server URL，并选择 No authentication。
- 5
AI 首次调用 LDPage 后，抽屉中的状态会从“等待 AI 连接…”自动变为“已连接”。
2. 创建新落地页#
- 1
在“Tạo landing page mới”标签页中，点击“Mẫu theo ngành — bấm để điền sẵn ví dụ”（行业示例——点击预填）中的标签（家居–家具、美妆、F&B、房地产、Webinar 等），再按你的业务修改。若表单已有内容，LDPage 会先询问再替换。
- 2
填写产品或服务（必填——简短描述或粘贴产品链接）和详细信息（每行一项：品牌、规格、承诺、保修、地址、营业时间、表单需收集的信息等）。
- 3
填写目标客户，选择主要转化目标（通过表单留资、通过表单货到付款下单、预约、电话/Zalo 联系、直接付款、品牌建设）、市场和页面语言。
- 4
补充价格与优惠、热线/Zalo（在手机上显示悬浮电话/Zalo 按钮）以及风格与颜色。
- 5
开启或关闭选项：创建前审阅大纲、优先使用 LDPage 现成模板、自动转化优化（CRO 审计）、满意后再发布（允许 AI 在你同意后发布并发送公开链接）。
- 6
点击标签页角落的“Làm trống”（清空）可清除整个表单。你填写的信息会保存在当前浏览器中。
3. 优化现有页面#
- 1
切换到“Tối ưu trang có sẵn”标签页，在工作区中选择要优化的页面（已发布页面带“Đã xuất bản”标签）。
- 2
选择一项或多项任务：审计并优化转化、改写得更好的内容、刷新界面、补充缺失部分、SEO 优化、手机端优化、翻译成英文。
- 3
填写附加要求（可选），例如“把优惠改为 10 月底前 7 折”。
4. 把请求发送给 AI#
- 1
在“Yêu cầu gửi cho AI”面板中选择目标 AI：Claude、ChatGPT、Gemini、Claude Code 或其他 AI。请求内容会根据左侧信息和所选 AI 自动更新。
- 2
可以直接手动修改；此时提示会显示你已手动修改该请求，点击“Đặt lại”（重置）可恢复自动版本。
- 3
点击“Sao chép yêu cầu”（复制请求），或点击打开按钮：“Mở Claude”会打开预填请求的 claude.ai（尚未发送，便于你确认 LDPage 已启用）；“Mở ChatGPT”会复制请求，方便你开启 Developer mode 和 LDPage 后粘贴；“Sao chép & mở Gemini”会复制并打开 Gemini；Claude Code 只复制请求供你粘贴到终端。
- 4
若目标 AI 尚未连接，面板会提示暂时无法创建页面，并提供“Kết nối ngay”（立即连接）按钮。
AI 工作时，“AI vừa làm gì”（AI 刚做了什么）卡片会实时显示每个操作，例如读取设计指南、搜索图片、浏览模板、创建页面、审计和发布。点击“Mở trang”（打开页面）即可在编辑器中打开该页面。
5. 从不支持 MCP 的 AI 导入 HTML#
- 1
在请求面板中选择“其他 AI”，复制请求并粘贴到 ChatGPT、Gemini 或 Claude（免费版也可以）。AI 会把页面写成一个 HTML 文件。
- 2
下载 HTML 文件或复制代码。
- 3
在 AI Studio 中点击“Nhập HTML”（导入 HTML，位于“Có file HTML rồi?”下）。在“Nhập HTML vào LDPage”对话框中拖放 .html 文件（最大 300 KB），或在“Hoặc dán mã HTML”（或粘贴 HTML 代码）中粘贴代码。
- 4
输入页面名称并点击创建页面。LDPage 会创建页面，供你预览、修改代码并发布。
常见问题处理#
- 1
状态一直是“等待 AI 连接…”：确认已完整粘贴地址，并在对话中启用了 LDPage（Claude/ChatGPT 输入框中的 + 按钮），然后发送一个请求让 AI 调用 LDPage。
- 2
重新生成或撤销令牌后 AI 无法访问 LDPage：把新地址粘贴到 AI 中，或另建一个地址。
- 3
ChatGPT 中看不到 LDPage：Developer mode 需要 ChatGPT Plus、Pro、Business、Enterprise 或 Edu 套餐。
- 4
导入 HTML 时提示文件过大（最大 300 KB）或只接受 .html 文件：精简文件或让 AI 去掉内嵌图片；若提示权限错误，说明当前套餐不含自定义代码。