本指南将向您展示如何在 Unbounce 登陆页面上实现 Growform（领先的多步骤表单生成器），而不是将数百行 JavaScript 或多个登陆页面串在一起。
如果您选择将表单嵌入到页面上，阿尔及利亚手机数据 v您将得到如下内容：
这是一个内置模块。对于用户来说，它看起来就像是 Unbounce 的一部分。
...或者，如果您希望在单击按钮时显示表单叠加层，您将得到如下所示的内容：
这是一个覆盖模块。当您单击取消退回页面上的按钮时出现。
目录
首先，决定是“嵌入”还是“覆盖”。
将表单直接嵌入页面中
1 – 在 Growform 上创建一个表单
2 – 获取Growform共享码
3 – 将自定义 HTML 块添加到 Unbounce 并粘贴您的代码
4 – 预览表格并进行一些更改
5 – 激活取消跳出转化跟踪
首先，决定是“嵌入”还是“覆盖”。
现在您已经了解了这两个选项之间的区别，是时候选择是将多步骤表单直接嵌入到 Unbounce 页面中还是在单击按钮时将其“覆盖”。
使用哪一种主要取决于您的 Unbounce 模板 - 没有“正确答案” - 因此选择最适合您设计的一种。
现在，选择一个选项...
将表单直接嵌入到页面中（继续阅读本指南）单击按钮时使表单显示为叠加层
将表单直接嵌入页面中
1 –在 Growform 上创建一个表单
当然，你需要在Growform上创建一个表单。有 14 天免费试用（无需信用卡）：在此处注册。
第一步将如下所示：
如果您在创建第一个表单时需要帮助，请按照我们的入门指南进行操作。
2 –获取Growform共享码
要获取 Growform 共享代码，请打开 Growform 并确保保存表单。然后，在顶部的蓝色栏中，转到“共享表单”。
选择第一个选项 - “使用 HTML 片段将 Growform 直接嵌入到您的网站中”，单击代码并将其复制到剪贴板：
3 – 将自定义 HTML 块添加到 Unbounce 并粘贴您的代码
现在，在编辑器中打开 Unbounce 页面并拖动“自定义 HTML”块。然后系统会要求您粘贴代码。
粘贴步骤 2 中获得的代码并重新定位框以适合项目：
按“保存”，不要忘记调整移动设备的框位置，就像在 Unbounce 构建器中一样）。
4 – 预览表格并进行一些更改
当您点击预览时，您应该会看到多步骤表单已成功嵌入您的 Unbounce 页面：
为了获得完美的形状，需要进行以下一些更改：
在 Growform 的“主题”设置中，将父容器的背景设置为颜色，并选择与 Unbounce 匹配的背景颜色。
删除 Growform 表单顶部的标题/说明，这些标题/说明可能始终出现在 Unbounce 中。
调整表单的主要颜色（影响进度条和强调色）和其他颜色设置。
经过一些调整，我们可以获得一个看起来 100%“嵌入”在 Unbounce 页面中的多步骤表单：
5 – 激活取消跳出转化跟踪
最后，作为最后但可选的操作，您可以选择将 Growform 表单填充跟踪为 Unbounce 中的转化。这只会增加 Unbounce 着陆页统计信息中的“转化”列。
要启用此选项，请在 Growform 中转到“编辑表单设置”>“跟踪和标签”>“启用未跳出转化跟踪”。
