# 创建云页面

使用本指南创建并发布云页面 (Cloud Page)。

## 开始之前

- 云页面 (Cloud Pages) 功能需要申请才能使用。请联系 [Pushwoosh 支持](https://help.pushwoosh.com/hc/en-us/requests/new) 为您的项目启用该功能。
- 决定在用户完成页面上的主要操作后将他们重定向到何处，例如感谢页面、结果页面或任何其他 URL。

## 创建页面

1. 前往 **内容** → **云页面**。
2. 点击 **创建云页面**。

<img src="/cloud-pages-create-and-publish-a-cloud-page-1.webp" alt="云页面列表视图，其中包含“创建云页面”按钮和页面操作菜单选项"/>

3. 输入页面名称。
4. 在 **重定向至（表单提交后）** 中添加 URL。此字段为必填项。用它来定义用户在完成页面上的操作后将前往何处，例如感谢页面或其他营销活动页面。

<img src="/cloud-pages-create-and-publish-a-cloud-page-2.webp" alt="云页面设置表单，包含页面名称字段和“重定向至（表单提交后）”URL 字段"/>

5. 在 **对于现有用户** 中，选择当现有联系人再次提交表单时会发生什么：
   - **更新现有用户**（默认）：使用提交的值更新联系人个人资料字段。
   - **跳过现有用户**：注册用户提交表单时使用的设备，但不更新联系人个人资料上的现有标签。
   - **为现有用户报错**：适用于一次性注册，例如独家优惠或网络研讨会。如果联系人已存在，提交将被拒绝，个人资料不会更新，用户将被重定向回表单并看到错误消息。

<img src="/cloud-pages-create-and-publish-a-cloud-page-10.webp" alt="云页面设置栏，其中“对于现有用户”下拉菜单显示“更新现有用户”、“跳过现有用户”和“为现有用户报错”选项"/>

## 构建页面内容

拖放式工作流程类似于 [拖放式编辑器](/zh/product/content/email-content/drag-and-drop-email-editor/)。

1. 在编辑器中打开 **内容** 面板。
2. 将一个块拖到画布上。
3. 编辑块内容。
4. 对每个必需的块重复此操作。
5. 点击 **保存云页面**。

<img src="/cloud-pages-create-and-publish-a-cloud-page-3.webp" alt="云页面编辑器，其中包含内容块面板和画布上的表单布局"/>

### 添加图片

要添加图片，请将 **图片** 块拖到画布上。您可以上传文件，选择一张库存照片（**更多图片** → **库存照片**），或从您的 [媒体库](/zh/product/content/media-store/) 粘贴图片 URL。

## 创建潜在客户或提交表单

添加一个表单来收集联系人详细信息和您进行细分所需的其他值。
1. 添加一个 **表单** 块。
2. 添加您需要的字段。对于每个字段，设置字段类型和字段名称，然后为用户在提交前必须提供的值启用 **必填字段**。

<img src="/cloud-pages-create-and-publish-a-cloud-page-9.webp" alt="云页面表单设置，显示编辑器中为其中一个表单字段启用了必填切换开关"/>

3. 配置 **提交按钮**。
4. 一切准备就绪后，点击 **保存云页面**。

<img src="/cloud-pages-create-and-publish-a-cloud-page-4.webp" alt="云页面表单示例，其中在编辑器中配置了电子邮件和电话字段"/>

### 表单提交后会发生什么

<Aside type="note">
下面的流程描述了当新联系人提交表单时会发生什么。对于现有联系人，结果取决于 **对于现有用户** 页面设置。
</Aside>

##### 联系人个人资料和设备

当用户提交表单时，Pushwoosh 会在 [User Explorer](/zh/product/audience-data-and-segmentation/user-explorer/) 中创建或更新联系人个人资料。

例如，如果表单包含一个电子邮件字段和一个电话字段，Pushwoosh 会注册一个电子邮件设备和一个短信设备。这两个设备都链接在同一个 [User ID](/zh/product/pushwoosh-knowledge-hub/users-userids/) 下。
<img src="/cloud-pages-create-and-publish-a-cloud-page-6.webp" alt="User Explorer 中的联系人个人资料，显示表单提交后注册的电子邮件和短信设备"/>

##### 标签

所有其他字段都按字段名称保存为自定义标签。例如，如果您的表单有 `fitness_goal` 和 `workout_frequency` 字段，联系人个人资料将显示诸如 `fitness_goal = Boost endurance` 和 `workout_frequency = 3–4x a week` 之类的标签。

页面代码保存在 `PW_CloudPageCode` 标签中。
<img src="/cloud-pages-create-and-publish-a-cloud-page-8.webp" alt="User Explorer 中的联系人个人资料，显示表单提交后保存的自定义标签"/>

##### 事件

每次表单提交时，Pushwoosh 都会触发 `PW_FormSubmitted` 事件。您可以在 [User Explorer](/zh/product/audience-data-and-segmentation/user-explorer/) 中联系人个人资料的 **事件历史** 选项卡中看到它。该事件包含一个 `form_code` 属性，用于标识提交来自哪个云页面，以及发生时的时间戳。

<img src="/cloud-pages-create-and-publish-a-cloud-page-5.webp" alt="表单提交结果视图，显示成功的数据捕获和提交后重定向流程"/>

在 Customer Journey 中将其用作触发器，以启动欢迎序列、跟进流程和其他自动化。
例如，您可以构建一个 Journey，在用户提交健身测验表单后立即发送一封欢迎电子邮件，然后在 24 小时后跟进一个个性化的锻炼计划。

## 测试页面

保存页面后，它将通过其 URL 公开访问。默认格式为 `https://cloud-pages.svc-nue.pushwoosh.com/cloud-pages/v1/page/<page-code>`。
<Aside type="note">
如果您通过 [Pushwoosh 支持](https://help.pushwoosh.com/hc/en-us/requests/new) 请求了自定义域名设置并且设置已完成，它将改用您的域名 URL：`https://domain.com/{slug}`。
</Aside>

1. 在页面列表中，打开页面操作菜单并点击 **预览**。
2. 验证页面内容是否正确加载并按预期显示。
3. 如果您的页面包含表单，请使用测试数据填写表单并点击提交按钮。

<Aside type="note">
测试提交会在 Pushwoosh 中创建真实的联系人个人资料。
</Aside> 
4. 确认重定向打开了预期的页面。
5. 打开 [User Explorer](/zh/product/audience-data-and-segmentation/user-explorer/) 并确认提交的用户数据和标签已显示。

## 编辑或删除页面

所有云页面都列在 **内容** → **云页面** 中，您可以在此处管理和编辑它们。

1. 前往 **内容** → **云页面**。
2. 打开页面操作菜单。
3. 点击 **编辑** 或 **删除** 页面。

<img src="/cloud-pages-create-and-publish-a-cloud-page-7.webp" alt="云页面列表，其中包含用于编辑和删除页面的页面操作菜单选项"/>