# 设置微型网站

为了快速设置微型网站，我们建议您使用自动设置功能。本指南将向您展示如何操作。

1. 在左侧导航菜单中，选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[参与] → 内容**.
2. 在 *微型网站* 卡上，选择 **设置内容**.
   * 如果您已经添加了微型网站，请选择 **编辑内容** 。

     <div data-with-frame="true"><figure><img src="https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ca1bf3be871a58280050a8385c59cab35dc6ddab%2Fedf39b7d174acc5ae981264fd65444af982489924cf1f06343b9e78bbba4313a.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
3. 使用左侧导航中提供的模板选项以自动设置您的微型网站。

{% stepper %}
{% step %}

#### **步骤 1：** **将您的微型网站与您的项目关联**

此步骤在微型网站编辑器中完成。

1. 在左侧导航菜单中，选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[参与] → 内容**.
2. 在 *微型网站* 卡上，选择 **编辑内容**.
3. 在 *微型网站* 滑出面板，选择 **基础布局**.
4. 在滑出面板中，位于下方 *当前布局*下，选择 **图层**.
5. 选择 **程序部分** 行，然后关闭滑出面板。
6. 在页面右侧的组件菜单中，使用下拉列表选择您希望与此微型网站连接的项目。
7. 选择 **保存** 在页面右上角。
   {% endstep %}

{% step %}

#### **步骤 2：调整您的微型网站注册表单设置**

注册表单会收集通过您的微型网站注册的每位参与者的姓名和电子邮件地址。您可以通过在微型网站编辑器中修改注册表单来更改表单收集的信息。

{% hint style="info" %}
**注意：** 如果您使用自动设置创建了微型网站，则会自动创建注册表单。除非您想调整表单字段，否则可以跳过此步骤。
{% endhint %}

1. 在左侧导航菜单中，选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[参与] → 内容**.&#x20;
2. 在 *微型网站* 卡上，选择 **编辑内容**.
3. 在 *微型网站* 滑出面板中，选择 **登录** 在……下方的页面 *注销布局*.
4. 选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-90673bb8db696bdefe7b207cfc07c46caf1d43f1%2Fce7a994978f06dd84cc6a31b890071502b4831990afd8fdd73f73c6d2e203660.png?alt=media) **\[退出图标]** 以最小化 *微型网站* 选项卡。
5. 在页面右侧的组件菜单中，展开 **微站组件**，然后选择其中一个表单组件。
6. 通过选择画布上的其中一个 **添加到** 位置，将该组件添加到微型网站页面。
   * 访问 [微型网站编辑器说明](https://help.impact.com/brand/zh/nin-xiang-liao-jie-shen-me/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsite-editor-explained) 以便更好地了解微型网站的功能。
7. 选择 **保存** 在页面右上角。
   {% endstep %}

{% step %}

#### **步骤 3：为您的微型网站添加域名** **（可选）**

默认情况下，每个微型网站使用域名 `http://companyname.advocate.impact.com/`，但您也可以选择使用您拥有的域名。有关详情，请参阅我们的帮助文章 [设置域名](https://help.impact.com/brand/zh/nin-xiang-liao-jie-shen-me/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate) 如果您想为微型网站使用自有域名。
{% endstep %}

{% step %}

#### **步骤 4：将自定义 HTML 添加到微型网站的 head 部分**

默认情况下，我们包含用于在浏览器标签顶部设置标签图标的 HTML。您可以用贵公司的徽标替换该图标——如果不替换，标签将显示默认徽标。该 `head` 元素也是插入与 SEO 相关的脚本标签和其他品牌/样式元素的地方（如有需要）。

1. 在左侧导航菜单中，选择 ![](https://1186853034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[参与] → 内容**.
2. 在 *微型网站* 卡片，选择 **编辑设置**.
3. 在 *站点托管* 标题，找到 *Head HTML* 部分。
4. 粘贴您的脚本并选择 **保存配置**.
   {% endstep %}

{% step %}

#### **步骤 5：自定义微型网站的布局和页面**

默认微型网站已应用模板，但在向您的客户拥护者推出之前应进行自定义。您可以自定义站点的布局、页面、品牌和内容。

至少，我们建议：

* 自定义仪表板。
* 修改品牌容器。
* 自定义微型网站页眉。
* 查看生命周期电子邮件模板。
* 编辑页面内容。

请参阅我们的文档： [自定义微型网站布局和页面](https://help.impact.com/brand/zh/nin-xiang-liao-jie-shen-me/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages) 以深入了解如何执行这些操作及更多内容。
{% endstep %}
{% endstepper %}
