文档编辑与发布自定义指南

自定义指南

学习如何在不接触代码的情况下编辑、样式化和扩展您的Draftly网站。

自定义的工作原理

Draftly为您提供三种在生成后自定义网站的方式:

1. 内联编辑 — 直接点击预览面板中的任意文本、颜色或图像。会出现一个覆盖层,包含文本内容、字体系列、大小、粗细和颜色选择器的控件。更改实时反映在预览中。

2. 聊天修改 — 在聊天栏中输入自然语言指令(例如:将hero背景改为深海军蓝、添加定价部分)。Draftly只修补相关部分 — 花费0.5积分。

3. 设计预设 — 点击样式面板。从25种行业预设、12种强调色、5种导航样式和5种hero布局中选择。

编辑文本和颜色

要内联编辑任何元素: 1. 确保您在预览标签页上。 2. 点击预览中的任意文本、标题或彩色块。 3. 内联编辑覆盖层在右侧打开,包含文本、颜色、字体系列(26种字体)、大小、粗细。 4. 点击保存应用,或取消还原。

您还可以点击AI重写让Draftly以更好的语气重写选定文本,或点击替换图片更换图片。

使用设计预设

设计预设让您一键更改网站的整体视觉风格。 1. 点击构建器工具栏中的样式。 2. 三个标签页:行业(25种预设)、颜色(12种色板+自定义十六进制)、样式(5种导航、5种hero、5种动画)。 3. 点击任意预设预览,然后点击应用重新生成。

您的文本和部分保持不变;只有视觉系统改变。

聊天修改

聊天修改是不需要完全重新生成就能进行结构性更改的最快方式。

在聊天栏中输入任意指令: - 将hero标题改为更吸引人的内容 - 在定价和联系之间添加FAQ部分 - 使配色方案更暗

Draftly只修补相关部分 — 0.5积分

添加分析和跟踪

无需代码即可连接Google Analytics、Google Tag Manager、Facebook Pixel或任何自定义跟踪脚本。

1.点击工具栏中的集成(插头图标)。
2.输入您的ID:
- Google Analytics 4:衡量ID(G-XXXXXXXXXX)
- Google Tag Manager:容器ID(GTM-XXXXXXX)
- Facebook Pixel:15位像素ID
- 自定义Head脚本:任意<script>块(仅HTTPS)
3.点击保存集成
4.下次生成时,脚本将自动注入。

添加联系表单

每个Draftly网站都可以包含一个可工作的联系表单。

1.点击集成
2.开启启用联系表单
3.点击保存集成
4.生成或重新生成 — 表单会自动添加。

提交内容存储在您的Draftly账户中,您会收到每次提交的电子邮件通知。所有数据都保留在Draftly中。