虽然 GoHighLevel 已经提供了基本的表单生成器，但您可能需要更复杂的触摸或自定义。
这就是 Growform 发挥作用的地方。
Growform 允许您创建高级模块，其特点是：
显示/隐藏字段或整个步骤的条件逻辑
30 多种字段类型，包括邮政编码和电话字段
100 多个高转化率、基于心理学的表单模板
高度可定制的颜色、定制字体和品牌
精心设计的进度条和动画
高级跟踪和标记集成（Facebook Pixel、GTM等）
当然，它无缝集成到 GoHighLevel，与您的 GHL 登陆页面无缝集成：
目录
如何创建高级 GHL 模块
1 – 在 Growform 上创建一个表单
2 – 为 GoHighLevel 配置 Growform
3 – 从 Growform 复制嵌入代码
4 – 将嵌入代码粘贴到 GoHighLevel 登陆页面构建器中
5 – 新模块预览和最后润色！
6 – 通过 Webhooks 将模块连接到 GoHighLevel
7 – [奖励] – 通过 GoHighLevel 和高级技巧实现完美造型
避免背景“跳跃”或步骤之间的缩放
创建按钮以向后滚动“至”页面顶部
在 GoHighLevel 中获取像素完美的表单宽度
将 Growform 模块添加到弹出页面
如何创建高级 GHL 模块
本指南还提供视频格式：
1 –在 Growform 上创建一个表单
首先，您需要在 Growform 上创建一个基本表单。有 14 天免费试用（无需信用卡），您可以在此处注册。
我们建议从“无 - 从头开始”模板开始，以保持简单。
如果您在创建第一个表单时需要帮助，请按照我们的入门指南进行操作。
2 – 为 GoHighLevel 配置 Growform
为了使 GHL 嵌入体验更加流畅，需要记住一些设置：
在“主题设置”中，可以将表单容器的背景设置为“无”，使其与GoHighLevel中背后的背景无缝融合：
啊
此外，在“主题设置”中，您可以将表单宽度设置为 520，将顶部填充设置为 15，将表单页脚填充设置为 15。阿尔巴尼亚手机数据 这消除了不必要的填充，并使表单更适合
进行更改后不要忘记按“保存”。
我们还建议更新表单的主要颜色和字体设置，以匹配您的着陆页品牌。
此时，您应该在 Growform 中拥有一个基本但实用的表单：
3 – 从 Growform 复制嵌入代码
要获取嵌入代码，请按顶部蓝色栏中的“共享表单”，然后“使用 HTML 片段直接在您的网站上嵌入 Growform”。单击框内并将代码复制到剪贴板：
4 – 将嵌入代码粘贴到 GoHighLevel 登陆页面构建器中
在 GoHighLevel 登陆页面构建器中，按顶部栏中的“元素”，然后按“添加元素”。搜索“自定义”以找到“自定义 JS/HTML 小部件”并将其插入到您的页面中。将代码粘贴到编辑器中并保存：
5 – 新模块预览和最后润色！
此时，您应该已经成功将模块嵌入到 GoHighLevel 中：
现在就足够了：在本指南的后面部分，我们将介绍样式和故障排除以获得绝对完美的形式。
6 – 通过 Webhooks 将模块连接到 GoHighLevel
到目前为止，我们已经在登陆页面上嵌入了一个表单，但联系人将显示在 Growform 而不是 GoHighLevel 中。解决方案很简单：只需通过 Webhooks 或 LeadConnector 通过 Zapier 连接两个平台即可。
在本指南中，我们将通过 Webhooks 设置集成。
首先，转到 GHL 子帐户中的“自动化”，然后单击“创建工作流程”：
在下一个屏幕上选择“从头开始”。
按“添加新的工作流触发器”，然后搜索并选择“入站 Webhooks”：
DD
复制 GHL 提供的 Webhook URL（以“https://services.leadconnectorhq...”开头），因为我们需要告诉 Growform 将潜在客户发送到此 Webhook：
现在我们需要告诉 Growform 在潜在客户到达时将其发送到此 URL。
在 Growform 中，转到“编辑表单设置”>“警报和集成”并添加 Webhook 集成：
现在，将 GoHighLevel 端点 URL 粘贴到端点 URL 框中，然后按“保存”：
通过此设置，您现在需要在 Growform 中创建示例提交（即填写表单），然后在 GHL 中点击“获取提交”。您将看到这样的映射参考，然后您可以按“保存触发器”：
在 GHL 的下一步中，您可以将 Growform 字段映射到 GHL 中的联系人数据。对于要发送到 GHL 的每个字段，只需从 Webhook 数据中选择相应的字段即可。
在此示例中，我们将 GHL“电子邮件”字段映射到表单的电子邮件字段。
我们选择：入站 Webhook 触发器 > Form_submission > 字段 >（电子邮件字段的名称）> 值：
就是这样！
保存此工作流程后，一旦在 Growform 中收到潜在客户，就会在 GHL 中创建潜在客户。
7 – [奖励] – 通过 GoHighLevel 和高级技巧实现完美造型
本指南向您展示了如何创建和嵌入基本表单，但您可能需要使用我们的高级技巧来完善您的表单：
避免背景“跳跃”或步骤之间的缩放
根据着陆页的布局，您可能会在填写表单时注意到“背景缩放”不和谐。
这是因为 Growform 根据其内容自动调整大小，这可能会导致 GoHighLevel 元素调整大小。
为了防止这种情况发生，建议将自定义类应用到包含 Growform 的 GoHighLevel 框。选中该框，按“高级”，然后添加自定义类名称：
然后，您可以在 GHL 登陆页面编辑器中转到“设置”>“自定义 CSS”并添加以下 CSS：
.customMinHeight {
height: 600px !important;
显示：块！重要；
}
此 CSS 执行以下 2 项操作：
1.) 将高度设置为 600px，以便当表单变大或变小时，框不会调整大小。
2.) 覆盖默认的“display:flex”属性，这会导致该窗格的元素从中心向外堆叠，而不是从上到下。如果您有不同大小的台阶，这会使它更整洁。
当然，如果您使用此技巧，您需要调整 600px 值以适合您的表单，并确保台阶大小相似。