本指南将向您展示如何在 Unbounce 登陆页面上实现 Growform（领先的多步骤表单构建器），而不是拼凑数百行 JavaScript 或将多个登陆页面串联在一起。
如果您选择将表单嵌入页面，最终会得到类似以下结果：
这是一个嵌入式表单。对于用户来说，它看起来就像是 Unbounce 的一部分。
…或者如果您希望在单击按钮时将表单显 示为覆盖层，那么您最终会得到如下结果：
这是一个覆盖表单。单击 Unbounce 页面 哈萨克斯坦whatsapp号码数据5万 上的按钮时，就会出现该表单。
目录
首先，决定“嵌入”还是“覆盖”
将表单直接嵌入到页面上
1 – 在 Growform 上创建表单
2 – 获取 Growform 共享代码
3 – 向 Unbounce 添加自定义 HTML 块并粘贴代码
4 – 预览你的表格并做出一些调整
5 – 启用 Unbounce 转化跟踪
首先，决定“嵌入”还是“覆盖”
现在您知道了这两个选项之间的区别，是时候选择是将多步骤表单直接嵌入到 Unbounce 页面上，还是在单击按钮时将其作为覆盖层
“弹出”。您使用哪一个主要取决于您的 Unbounce 模板——没有“正确答案”——所以只需选择最适合您设计的那个。
现在，选择一个选项……
将表单直接嵌入页面（继续阅读本指南）
在单击按钮时让表单作为覆盖层出现
将表单直接嵌入到页面上
1 –在 Growform 上创建表单
当然，您需要在 Growform 上创建一个表单。有 14 天免费试用期（无需信用卡）——在此处注册。
第一步将如下所示：
如果您需要帮助创建第一个表单，请按照我们的入门指南进行操作。
2 –获取 Growform 共享代码
要获取 Growform 共享代码，请打开 Growform 并确保您的表单已保存。然后，导航到顶部蓝色栏中的“共享表单”。
选择第一个选项 - “使用 HTML 代码段将 Growform 直接嵌入到您的网站”，单击代码并将其复制到剪贴板：
3 – 向 Unbounce 添加自定义 HTML 块并粘贴代码
现在，在编辑器中打开 Unbounce 页面并拖拽“自定义 HTML”块。然后系统会提示您粘贴代码。
粘贴您从第 2 步获得的代码，然后重新定位框以使其适合您的设计：
点击“保存”，并且不要忘记调整框的移动设备定位，就像在 Unbounce 构建器中一样。
4 – 预览你的表格并做出一些调整
当你点击预览时，你应该看到你的多步骤表单已成功嵌入到 Unbounce 页面中：
为使你的表单看起来更完美，你可能希望进行以下一些调整：
在 Growform 的“主题”设置中，将父容器背景设置为颜色，并选择与 Unbounce 中的颜色匹配的背景颜色
删除 Growform 表单顶部的所有标题/说明 – 您始终可以在 Unbounce 中使用它们。
调整表单的主要颜色（影响进度条和强调色），以及其他颜色设置的范围。
只需稍加调整，我们就可以获得一个多步骤表单，看起来就像 100％“内置”在 Unbounce 页面中：
5 – 启用 Unbounce 转化跟踪
最后，作为可选但收尾的工作，您可以选择将 Growform 表单填写作为 Unbounce 中的转化进行跟踪。这只会增加 Unbounce 着陆页统计信息中的“转化”列。
要启用此选项，请在 Growform 中转到“编辑表单设置”>“跟踪和标记”>“启用 Unbounce 转化跟踪”。
需要更多信息？我们正在积极开发 Unbounce 产品，包括查看 Unbounce 中出现的潜在客户的功能。
请与我们联系以提供反馈并帮助我们制定路线图。
