自定义指南
了解如何在不接触代码的情况下编辑、样式化和扩展您的 Draftly 网站。
自定义工作原理
Draftly 提供三种在生成后自定义网站的方式：
1. 点击编辑（内联编辑） — 在预览工具栏中切换 Edit，然后点击任何文本或元素。检查器会显示排版、间距、颜色和动画控件。更改实时生效。
2. 聊天修改 — 每条消息输入一个重点指令（例如“将英雄背景更改为深海军蓝”、“添加定价部分”）。Draftly 只修补相关部分 — 通常每次编辑消耗 0.5 积分。
3. 重新生成网站 UI — 点击 ↺ Regenerate Website 以运行全新的 AI 设计，同时保留您的视频、图像和滚动帧。
可选： 从模板选择器切换到预设模板，以更快地更换布局。
推荐的自定义工作流程
为获得最流畅的体验，请遵循以下顺序：
避免： 模糊的请求，如“让它更好” — 请具体说明要更改的内容。使用 Guide（标题）或在聊天中提问：“如何自定义文本？”
编辑文本和颜色
要内联编辑任何元素：
您还可以点击 AI Rewrite 让 Draftly 以更好的语气重写所选文本，或点击 Replace Image 替换背景或产品图像。
使用设计预设
设计预设让您一键更改网站的整体视觉风格。
预设与您的内容结合 — 您的文本、部分和品牌名称保持不变；只有视觉系统发生变化。
聊天修改
聊天修改是进行结构性更改而无需完全重新生成的最快方式。
工作原理： 在网站加载时，在聊天栏中输入任何指令。例如： - *“将主标题更改为更吸引人的内容”* - *“在定价和联系方式之间添加一个常见问题解答部分”* - *“使配色方案更深沉、更专业”* - *“将关于我们部分重写得更具个性化”* - *“将主CTA按钮文本替换为‘获取免费报价’”*
Draftly仅将您网站HTML的相关部分发送给AI——而不是整个页面——因此编辑速度快，并且仅花费0.5积分，而不是完整的重新生成费用。
提示： - 具体明确：“将导航背景更改为黑色”比“使其更暗”效果更好。 - 按名称引用部分：“服务部分”、“页脚”。 - 您可以进行链式编辑——每条聊天消息都是一个新的定向补丁。
添加分析与追踪
将Google Analytics（分析）、Google Tag Manager（代码管理器）、Facebook Pixel（像素）或任何自定义追踪脚本连接到您的网站——无需代码。
G-XXXXXXXXXX）。在GA4 → 管理 → 数据流中查找。GTM-XXXXXXX）。在GTM → 管理 → 容器ID中查找。<head>中的<script>块（仅限HTTPS源）。所有脚本都注入到您已发布网站HTML的<head>中。GTM所需的<noscript> iframe也会在<body>之后注入。
添加联系表单
每个Draftly网站都可以包含一个可用的联系表单，它会将提交内容直接发送到您的Draftly收件箱，并通过电子邮件通知您。
工作原理：
- 如果您生成的网站已经包含<form>元素（在带有联系方式部分的网站中很常见），Draftly会对其进行修补，使其提交到Draftly后端。
- 如果不存在表单，Draftly会在页脚之前注入一个样式化的表单部分。
- 提交内容存储在您的Draftly账户中，位于网站的提交选项卡下。
- 您会收到每份新提交的电子邮件通知，其中包含访问者的姓名、电子邮件和消息。
所有数据都保留在Draftly内部——无需第三方表单服务。