# 可共享的预订页面

每种活动类型都可以拥有自己的公共预订页面：一个任何人都可以打开并预订时间的链接，无需注册账户，也无需事先与您联系。

您可以将其放在网站的“**立即预订**”按钮后、Instagram 个人简介中、电子邮件签名中、传单上的二维码中，或者直接粘贴到聊天窗口中。任何打开该链接的人都能看到您的实时空闲时间，并直接预订到您的日历中。

**适用对象：**

- **美发沙龙**在其网站上设置“预约”按钮。
- **教练或顾问**在每封电子邮件中附上预订链接。
- **诊所**在前台放置二维码。
- 任何投放广告并需要引导用户访问页面的个人或企业。

**此页面的独特之处在于：** 访客在看到日历**之前**需要先提供姓名和电子邮件或电话。这意味着，如果有人打开页面并填写了详细信息，但在选择时间之前离开了，他们仍会被保存到您的联系人中，以便您后续跟进。在普通的预订页面上，这样的人就直接流失了。请参阅下方的 [每位访客都将成为联系人](#every-visitor-becomes-a-contact)。

---

## 开启页面

预订页面默认处于关闭状态，直到您手动开启，因此不会意外公开任何活动类型。

1. 点击侧边栏中的 **Appointments**（预约），然后打开 **Event Types**（活动类型）选项卡。
2. 点击活动类型行右侧的铅笔图标（或点击 **Create event type**（创建活动类型）以新建一个）。
3. 滚动到表单底部，找到 **Booking page**（预订页面）部分。
4. 开启 **Shareable booking page**（可共享预订页面）。此时会出现 **Link name**（链接名称）字段和生成的链接。
5. 点击 **Save event**（保存活动）（或 **Create event**（创建活动））。活动类型一经保存，链接即刻生效。


::: tip
**提示：** 请先为活动类型起一个对客户友好的名称。您使用的名称就是访客在页面上看到的标题，因此“30 分钟免费策略咨询”比“咨询 v2”效果更好。
:::


### 链接名称（链接的结尾）

该链接是您访问应用程序的常规网址，后跟您选择的 **链接名称**，例如 `.../book/salon-cut-30`。当您首次开启页面时，系统会自动为您填充一个简短的随机结尾。您可以将其更改为您愿意大声读出的内容。

几条规则：

- 仅限小写字母、数字和连字符，长度在 3 到 60 个字符之间。输入时大写字母和空格会被自动删除，因此您无法保存无效的结尾。
- 它必须是唯一的。如果其他人已经使用了您选择的结尾，保存时系统会提示“该链接名称已被使用。请选择另一个。”请更换一个并再次保存。
- **稍后更改链接名称会使旧链接失效。** 任何指向旧结尾的内容都将停止工作，因此请在将其打印到任何地方之前确定好名称。


---

## 分享链接

**预订页面**部分为您提供了三种分发页面的方式：

- **复制链接**：将其复制到剪贴板，以便粘贴到“立即预订”按钮后、电子邮件、个人简介、广告或消息中。
- **显示二维码**：将同一个链接转换为二维码，您可以将其打印在传单、名片、商店橱窗或桌牌上。
- **嵌入网站**：为您提供一段简短的代码，将日历本身放置在您自己的网页上，这样访客无需离开您的网站即可进行预订。请参阅下方的[将日历嵌入您的网站](#embedding-the-calendar-on-your-website)。


该链接是根据您为应用使用的任何网址构建的，因此如果您使用自己的品牌域名，该链接也会带有该域名。无需额外设置。（如果您还在[白标](../agency/white-labeling.md)下验证了品牌 `api.` 地址，页面也会通过该地址加载；否则，它会自动回退到我们中立的共享地址。）

---

## 将日历嵌入您的网站

如果您希望在**自己的页面上**展示日历，而不是将用户引导至外部链接，请使用嵌入功能：

1. 打开事件类型并滚动到**预订页面**部分，操作与上述相同。
2. 点击**嵌入网站**。嵌入代码随即显示。
3. 点击**复制代码**，然后将其粘贴到您网站 HTML 中希望放置日历的位置——大多数网站构建工具（如 WordPress、Wix、Squarespace、Webflow 等）都为此提供了“HTML”或“自定义代码”区块。


就是这样。嵌入的日历与预订页面在框架中是相同的：相同的步骤、相同的实时可用性，并且无论用户是否完成预订，填写详细信息的人都会成为联系人。

**值得了解：**

- **自动调整大小**。您复制的代码包含几行指令，使日历能够随内容自动伸缩（时间网格比确认屏幕更高），因此您无需手动调整高度。
- **与聊天小部件兼容**。如果同一页面也运行您的[聊天小部件](../get-started/chat-widget.md)，两者可以和谐共存：日历在页面中，聊天气泡在角落里。
- **可以多次嵌入**。在多个页面上使用相同的代码完全没问题，在同一个页面上嵌入两个不同事件类型的日历也可以——每个框架都会独立调整大小。
- **更改链接名称也会导致嵌入失效**。代码指向您的链接，因此同样的警告适用：在到处粘贴代码之前，请先确定好链接名称。
- **关闭页面即关闭嵌入**。此时框架会显示与链接相同的“不接受预订”通知。

---

## 您的访客会看到什么

该页面优先考虑手机端，因为大多数人都是在手机上点击预订链接的。它包含三个简短的步骤。

**第 1 步：确认身份。** 姓名，加上电子邮件地址或电话号码。两者有其一即可，两者都有更好。这一步使该页面具有使用价值，具体内容见下文。


**第 2 步：选择时间。** 他们选择日期，然后选择时间。时间以**访客所在的时区**显示，并附有“时间显示为...”的小提示，以免产生混淆。这些时间完全来自您 AI 所依据的可用性设置：您的每周工作时间、通知期限、允许提前预订的时间范围、您的房间，以及同步的 Google 日历中任何已占用的时间。有关这些设置如何工作，请参阅 [预订系统](booking-system.md)。


**与特定人员预约。** 如果事件类型中的房间以人员命名（例如理发师、医生、造型师），页面会在时间上方显示一行 **预约对象**：包含 **任何人**，以及每人一个选项卡。选择 **任何人** 会显示所有空闲时间，预约将分配给空闲的人员，与之前完全一致；点击某个人员，则仅显示其空闲时间，预约将直接与该人员进行。如果事件类型的房间名称为通用名称，则不会显示该行。请参阅 [与特定人员预约](booking-system.md#booking-with-a-specific-person) 以了解 AI 如何在聊天中使用这些名称。

**第 3 步：确认。** 他们所预订内容的简要摘要。如果该事件类型的 **向联系人发送预约电子邮件** 选项已开启（默认开启），则会照常发送确认电子邮件。


两个人不能占用同一时间。如果有人在时间显示和确认之间的几秒钟内抢占了名额，页面会提示这一点并显示仍然开放的时间，而不是悄悄地为您进行重复预订。

从您这边来看，在此处进行的预订属于普通预订：它会出现在 **即将到来的预约** 选项卡中，如果您连接了 Google 日历，它会同步到该日历，并像其他任何预订一样通知您。

---

## 每位访客都将成为联系人

由于详细信息是首先填写的，因此该页面可以保存那些您原本可能永远无法获知的潜在客户。

- 当某人完成第 1 步时，他们会立即**保存为联系人**，并附带他们输入的姓名和详细信息，同时被标记为 **booking-page-lead**。
- 如果您已经拥有该电子邮件地址或电话号码的联系人，则该联系人保持不变，不会创建新联系人。系统仅填充空白字段，因此您已有的信息不会被覆盖。
- 当他们完成预订后，他们还会获得 **booking-page-booked** 标签。

这对标签就是全部的奥秘所在：

| 联系人拥有 | 含义 |
|---|---|
| **booking-page-lead** 和 **booking-page-booked** | 他们已预订。无需任何操作。 |
| **booking-page-lead** 但**没有** booking-page-booked | 他们开始了预订流程但从未选择时间。这是您的弃单列表。 |

这两个标签都会出现在您的常规标签列表中，因此您可以像使用其他任何标签一样，通过它们来筛选您的联系人（请参阅 [使用标签标记联系人](../get-started/creating-tags.md)）。

---

## 配方：跟进已放弃的预约

输入了姓名和电子邮件后关闭标签页的用户属于因分心而流失的潜在客户。以下是一个简单的自动化流程，可以在一小时后向他们发送电子邮件。请参阅 [自动化](../automations/automations.md) 以了解构建器本身。

1. 打开 **自动化 (Automations)** 并创建一个新的自动化流程。最快捷的方法是在提示框中用简单的英语描述它，然后整理它生成的流程，但最终效果应如下所示。
2. 将触发器设置为 **联系人已更新 (Contact updated)**，并将字段设置为 **标签 (tags)**，这样每当联系人的标签发生变化时，它就会运行。
3. 添加一个 **条件 (Condition)** 步骤：仅当联系人拥有 **booking-page-lead** 标签且**没有** **booking-page-booked** 标签时才继续。
4. 添加一个大约一小时的 **延迟 (Delay)** 步骤。这让那些只是选择时间较慢的用户有机会先完成预约。
5. 在延迟后再次添加一个 **条件 (Condition)**，检查相同的内容。如果他们在这一小时内完成了预约，他们现在就会带有 **booking-page-booked** 标签，自动化流程会在此停止，而不会去打扰已经完成预约的客户。
6. 添加一个电子邮件步骤（Gmail，或者如果您通过自己的邮件服务器发送，则选择 **电子邮件 (您的邮件服务器)**），并附上一条简短友好的消息：“看到您开始在我们这里预约，如果您还需要预订时间，这里是链接。”将您的预约链接粘贴进去。
7. 保存，然后打开 **已启用 (Enabled)** 开关。

**构建前值得了解的事项：**

- **电子邮件可立即生效。** 只要对方留下了电子邮件地址，此流程就会在您开启它的当天运行。
- **WhatsApp 和短信则不同。** 通过预约页面进来的用户尚未与您进行过对话，而消息渠道仅允许您以特定方式发起对话，因此聊天跟进目前无法通过此自动化流程实现。请优先使用电子邮件。
- **并非每个人都会留下电子邮件。** 页面也接受电话号码，因此请包含一个条件，或者接受仅提供电话的潜在客户会留在您的联系人列表中，供您手动联系。

---

## 关闭并删除页面

- **在事件类型上关闭页面**，链接将停止接受预约：任何打开该链接的人都会被告知该页面目前不接受预约。您的链接名称会被保留，因此稍后重新开启时，**完全相同的链接**会恢复，所有指向它的“立即预约”按钮也会重新生效。
- **删除事件类型**，其页面也会随之永久删除。链接名称会被释放，其他人可能会占用它，因此请仅在确实不再需要该链接时才进行删除。

---

## 值得了解的信息

- 每个事件类型对应 **一个** 页面。如果您提供三种服务，请创建三种事件类型并分享三个链接。
- 页面会显示事件名称、时长、地点以及您的品牌信息。访问者无法看到您账户的任何其他信息。
- 任何拥有链接的人都可以打开该页面。它不会在任何公共场所列出，但也并非机密，因此请像对待您分享的其他任何链接一样对待它。
- **尚未实现的功能：** 确认邮件不包含重新安排或取消链接，也不包含可添加到日历的日历文件，且页面本身无法询问额外的问题。如需收集额外详细信息，请通过聊天进行预约，您的 AI 可以在聊天中询问这些信息（请参阅 [在预约期间收集额外信息](booking-system.md#collecting-extra-information-during-booking)）。

---

## 需要帮助？

If you have questions about the booking page, reach out via our [email support](mailto:hi@youraiconnector.com).