## 开始之前

您需要：

- **了解设计代理的基本用法。** 请先阅读[开始使用设计代理](/zh/docs/getting-started-with-design-agent)。文中介绍了设计代理在哪里，以及如何向它提出要求。
- **您的业务信息。** 包括您的服务、门店、营业时间、价格，以及您与别家的不同之处。在手机备忘录里写几行就够了。
- **或者您现有网站的网址**（如果您已经有网站），比如 cleanfast.com.sg。
- **几张照片（如果有的话）。** 每条消息最多 4 张。

---

## 本指南介绍什么

使用设计代理，您不需要自己搭建网站。您介绍自己的生意，它就会撰写并设计每一个页面。之后，您只要像给设计师发消息一样提出修改，就能让网站保持最新。

您发给设计代理的消息叫作提示词。提示词就是用您自己的话写下的指示。

### 为什么这样做

- **几分钟，而不是几个星期。** 不用找网站公司报价，也不用开会。
- **随时都能修改。** 价格调整、开新门店或节假日停业，发一条消息就行。
- **小修改不花钱。** 自己修改文字、照片或按钮链接都是免费的。

如果不这样做，客户搜索您的店时只会看到过时的信息，甚至什么都找不到，很多人会选择看起来更正规的店。

---

## 介绍您的生意来创建网站

1. 在 Console 菜单中，点击 <Badge>AI</Badge>。
2. 点击 <Badge>设计代理</Badge>。
3. 在 **您想制作什么？** 下方的消息框中，介绍您的生意。写上您的服务、门店、营业时间、价格和想要的外观。
4. 如果要用您自己的照片，点击消息框下方的图片按钮，最多选择 4 张。
5. 质量保持 **标准版** 即可。
6. 点击 <Badge>发送</Badge>。
7. 如果设计代理问 **您想创建什么？**，点击 <Badge>完整网站</Badge>。

![设计代理页面：消息框中输入了 CleanFast Laundry 的网站要求，附上 2 张店面照片，质量设为标准版](https://cdn.easybizcloud.app/knowledge/c1c9ccc3-64ab-49a0-9025-1e1e9154a468.png)

设计代理还会读取 EasyBiz 中已有的信息，比如您的门店、联系电话，以及在线商店显示的价格。其他信息请告诉它。

### 接下来会发生什么

- **它可能会先问几个问题，** 比如这个网站是为哪个业务或品牌做的。点击一个答案，再点击 <Badge>继续</Badge>，或者在 **在这里回答，或在上方选择** 中输入您自己的回答。
- **它会先规划页面，再逐页撰写。** 页面列表中的每个页面都会显示当前进度：**等待中**、**思考中**、**编写中**、**生成照片中** 或 **已完成**。
- **每个页面需要两到三分钟。** 您可以先离开，稍后再回来。您网站的卡片在 <Badge>网站</Badge> 标签页下。

![设计代理撰写页面时的网站编辑器：首页已完成，服务和门店页面仍在思考中](https://cdn.easybizcloud.app/knowledge/96104318-a20e-4ac5-86d2-6213fe5d866b.png)

完成后，用顶部的 **页面** 列表切换页面，并用旁边的屏幕尺寸按钮查看网站在电脑、平板和手机上的样子。

![CleanFast Laundry 首页完成后的手机视图，页面列表已展开，显示首页、服务和门店](https://cdn.easybizcloud.app/knowledge/a405f36f-d408-4959-a3ce-9815b8d72a2d.png)

### 可以直接复制的要求

- “为 CleanFast Laundry 做一个网站。我们提供按重量计价的洗叠服务、干洗和窗帘清洗。我们有 2 家门店，分别在裕廊西和金文泰，每天早上 8 点到晚上 10 点营业。订单满 $40 免费上门取送。风格要简洁、亲切，用绿色和白色，每个页面都放一个‘立即预约’按钮。”

---

## 让网站看起来像您现有的网站

在要求中贴上您现有网站的网址，并说清楚您想要下面哪一种：

| 您想要的 | 怎么写 | 设计代理会怎么做 |
|---|---|---|
| 全新设计，但用您自己的文字和照片 | “这是我现在的网站：cleanfast.com.sg。这是我自己的网站。请使用里面的文字和照片，换一个清新、现代的外观。” | 用您网站上的文字和照片做一个新设计 |
| 参考您喜欢的某个网站的外观 | “我喜欢 sparkledry.com.sg 的外观。这不是我的网站，只参考它的风格。” | 参考它的颜色和版面，内容写的是您的生意 |
| 把您的网站原样复制过来 | “把我现在的网站原样复制过来：cleanfast.com.sg” | 显示一张导入卡片，让您把页面原样导入 |

读取网站后，消息框上方会有一行字说明它用了什么，比如 **正在使用 cleanfast.com.sg 的文字和照片** 或 **正在参考 sparkledry.com.sg 的设计风格**。如果不对，点击 <Badge>更改</Badge> 并选择正确的选项，或者让它重新读取网站。

![消息框上方显示“正在使用现有网站的文字和照片”，更改菜单已打开](https://cdn.easybizcloud.app/knowledge/8f96e48c-d1b3-4a1d-9f37-a639115fdf53.png)

### 原样复制您的网站

1. 新建一个网站。只有在还没有任何页面的网站中，才能原样复制。
2. 发送复制要求，并附上您网站的网址。
3. 在设计代理显示的卡片上，检查 **网站地址**。如果您手上有网站文件，可以改为点击 <Badge>上传网站文件</Badge>。
4. 勾选 **这是我企业的网站**。这表示您确认自己有权复制它。
5. 点击 <Badge>导入网站</Badge>。

![对话中的导入卡片：已填写网站地址，勾选了“这是我企业的网站”，并显示导入网站按钮](https://cdn.easybizcloud.app/knowledge/5b953e78-7a01-41ee-b9a4-8651f1d54698.png)

复制可能需要几分钟。之后，**导入详情** 会列出没能导入的内容。

<Callout type="note" title="📝 为什么旧网站的部分内容不见了">

表单、地图、嵌入的视频和聊天小工具都运行在其他公司的代码上，所以不会被复制。您可以让设计代理把咨询表单换成 WhatsApp、电话或电子邮件按钮。

</Callout>

---

## 请设计代理修改网站

1. 在 Console 菜单中，点击 <Badge>AI</Badge>。
2. 点击 <Badge>设计代理</Badge>。
3. 点击 <Badge>网站</Badge> 标签页，再点击您网站的卡片。
4. 在 **页面** 列表中，选择要修改的页面。
5. 在显示 **提出修改…** 的输入框中输入您的要求。
6. 点击发送箭头。

编辑器会显示 **正在修改…**，随后修改会出现在页面上并自动保存。

![网站编辑器的“提出修改”输入框中，输入了修改金文泰门店营业时间的要求](https://cdn.easybizcloud.app/knowledge/a9984d8a-9b0d-4b53-96a9-e260b40c74cf.png)

### 怎样写好修改要求

- **说清楚位置。** 写明页面和部分，比如“首页最上面”或“服务页面”。
- **给出准确的文字和数字，** 比如“把窗帘清洗改成每片 $8”。
- **一次只改一处。** 检查好了，再提下一项。
- **说明哪些要保留。** 只想做一个小修改时，加上“其他内容都不要改”。
- **说“每个页面”**，表示要修改整个网站。

### 可以直接复制的修改要求

- “新增一个窗帘清洗页面。说明我们负责拆下和重新挂好窗帘，价格每片 $8 起。”
- “在每个页面上，把金文泰门店的营业时间改成上午 9 点到晚上 9 点。”
- “在每个页面顶部加上农历新年休息通知：2 月 17 日和 18 日休息。”

### 怎样撤销修改

这里没有撤销按钮。要改回原样：

- **请设计代理改回去，** 并准确说明应该是什么：“把标题改回 Fresh laundry, done for you。”
- **如果是您自己改的文字，** 把原来的文字重新输入即可。

<Callout type="note" title="📝 发布之前，线上不会有任何变化">

修改只保存在您的草稿中。在您再次点击 <Badge>发布</Badge> 之前，客户看到的一直是您上次发布的版本，所以您可以放心试改，再改回来，客户都不会看到。

</Callout>

---

## 只换一张图片，不重新设计网站

您可以自己免费更换照片：

1. 在页面上，点击要更换的照片。左侧会打开 **照片** 面板。
2. 点击 **照片** 下方的图片。您的媒体中心会打开。
3. 上传一张新照片，或选择一张已经上传过的照片。
4. 点击 <Badge>选择图片</Badge>。
5. 在 **描述照片** 下，输入照片里是什么，比如“CleanFast Laundry 金文泰门店”。屏幕阅读器会把这段文字读出来，照片无法加载时也会显示这段文字。

![选中一张店面照片后左侧的照片面板，已填写“描述照片”](https://cdn.easybizcloud.app/knowledge/3d0247f6-cc1f-4def-a976-1e22697a609f.png)

您也可以请设计代理来换。用图片按钮附上照片，然后写：“把首页最上面的照片换成这张，其他内容都不要改。”附上的照片必须是 JPG、PNG、WebP 或 HEIC 格式，每张不超过 10 MB。

---

## 可以自己做的小修改

1. 在页面上，点击要修改的文字或按钮。左侧会打开 **页面文字** 面板。
2. 在 **文字** 下修改内容。特殊样式的文字（比如粗体或不同颜色）有单独的输入框，这样样式会保留。
3. 如果是按钮或链接，在 **此按钮打开** 下选择它要打开的地方。
4. 改好后，点击面板顶部的关闭按钮。

![“立即预约”按钮的页面文字面板，“此按钮打开”列表已展开](https://cdn.easybizcloud.app/knowledge/7163775e-30e6-4892-be9e-161e4f940b4e.png)

**此按钮打开** 下的选项：

| 选项 | 作用 |
|---|---|
| <Badge>发送邮件</Badge> | 打开一封发给您的电子邮件 |
| <Badge>拨打电话</Badge> | 用手机拨打您的电话 |
| <Badge>通过 WhatsApp 联系</Badge> | 打开与您的 WhatsApp 对话，可预先填好一条消息（可选） |
| <Badge>本站的页面或板块</Badge> | 跳转到网站的另一个页面或部分 |
| <Badge>网站地址</Badge> | 打开其他任何网站，比如您的在线商店 |
| <Badge>不设置链接</Badge> | 移除链接 |

您的修改会自动保存。编辑器顶部会先显示 **正在保存…**，然后显示 **所有更改已保存**。如果显示 **尚未保存**，请点击 <Badge>重新保存</Badge>。

---

## 把“立即预约”按钮链接到在线商店

网站向客户介绍您的店，在线商店则是客户预约和付款的地方。“立即预约”按钮把两者连接起来。

设计代理不知道您在线商店的网址。除非您告诉它，否则它做的按钮只会打开 WhatsApp、电话或电子邮件。如果您还没有在线商店，请参阅[在线商店与移动应用简介](/zh/docs/introduction-to-online-store-and-mobile-app)。

### 复制在线商店的网址

1. 在 Console 菜单中，点击 ⚙️ <Badge>设置</Badge>。
2. 点击 **销售渠道**。
3. 点击 <Badge>在线商店与移动应用</Badge>。
4. 在您商店的卡片上，复制 **网址** 一行中的地址。它以 .easybizcloud.app 结尾；如果您已经绑定了自己的域名，则显示您的域名。

![在线商店与移动应用设置中的在线商店卡片，网址一行已标出](https://cdn.easybizcloud.app/knowledge/69a28b39-d8b4-4504-947d-52d7ce6fe723.png)

### 设置按钮

1. 在设计代理中打开您的网站，点击页面上的“立即预约”按钮。
2. 在 **此按钮打开** 下，选择 <Badge>网站地址</Badge>。
3. 粘贴您在线商店的网址。
4. 点击输入框外的任意位置。编辑器会显示 **所有更改已保存**。

![“立即预约”按钮的页面文字面板：选择了网站地址，填入了在线商店网址，顶部显示所有更改已保存](https://cdn.easybizcloud.app/knowledge/5653dca4-a3e8-4285-b8e4-3dd3f84b903c.png)

如果想一次修改每个页面上的按钮，可以这样要求：“把每个页面上的所有‘立即预约’按钮都链接到 cleanfast.easybizcloud.app。”还没有“立即预约”按钮？可以这样要求：“在每个页面上加一个‘立即预约’按钮，打开 cleanfast.easybizcloud.app。”

一切看起来都没问题后，就可以发布网站了。[发布网站并绑定您自己的域名](/zh/docs/publishing-and-hosting-your-website)介绍了操作方法。

---

## 示例：CleanFast Laundry

CleanFast Laundry 有 2 家门店，分别在裕廊西和金文泰，提供洗叠、干洗和窗帘清洗服务。老板陈太太有一个旧网站，但她自己没法更新。

1. 她打开设计代理，发送：“这是我现在的网站：cleanfast.com.sg。这是我自己的网站。请使用里面的文字和照片，换一个清新、现代的外观，用绿色和白色。再加一个窗帘清洗页面。”
2. 她用手机尺寸视图检查各个页面，然后提出：“在首页上，让上门取送部分更醒目一些。”
3. 她点击金文泰门店的照片，从媒体中心换上一张更新的照片。
4. 她复制了在线商店的网址，然后要求：“把每个页面上的所有‘立即预约’按钮都链接到 cleanfast.easybizcloud.app。”
5. 她发布了网站。

### 客户在网上看到什么

- 无论用手机还是电脑，客户都能看到她的服务、两家门店、营业时间和店面照片。
- 客户点击“立即预约”后，会打开她的在线商店，在那里选择服务和取件时间并付款。
- 以后陈太太修改内容时，客户要等她再次发布后才会看到。

---

## 常见问题

**编辑会用掉我的每日上限吗？**
> 只有向设计代理提出的要求会用到，而且修改每个页面比小修改用得更多。您自己修改文字、照片和链接，以及点击发布，都不会用到额度，所以达到上限后您仍然可以继续编辑。

**发布后还能撤销修改吗？**
> 没有按钮可以回到之前发布的版本。在您再次发布之前，线上网站会一直保持您上次发布的样子。请在草稿中改好（请设计代理修改，或自己重新输入），然后再次点击 <Badge>发布</Badge>。

**在线商店的价格会显示在网站上吗？**
> 只会显示在设计代理写到价格的页面上。它读取的是您的在线商店向客户显示的价格，从不读取您的 B2B 合同价格表。价格是写进页面里的，所以价格表改了以后，网站上的价格不会自动更新。请提出“把每个页面上的价格更新为我当前的价格表”，然后再次发布。要查看在线商店显示哪些价格，请参阅[在线展示您的价格](/zh/docs/showing-your-prices-online)。

**复制我现有的网站，会改动或关闭它吗？**
> 不会。设计代理只是读取它。在您把域名绑定到新网站之前，旧网站会一直在线。请参阅[发布网站并绑定您自己的域名](/zh/docs/publishing-and-hosting-your-website)。

---

## 接下来

您已经创建了网站，设定了想要的外观，修改了文字和图片，并把“立即预约”按钮链接到了在线商店。接下来，请按照[为促销和广告创建落地页](/zh/docs/creating-landing-pages)，为单项促销或广告制作一个页面。
