如何使用 Growform 创建高级 GoHighLevel 多步骤表单
Posted: Thu Dec 05, 2024 10:05 am
GoHighLevel 是面向数字代理机构的一体化平台,已经席卷了 SMMA(社交媒体营销代理机构)领域。
尽管 GoHighLevel 已经提供了基本的表单生成器,但您可能会发现自己需要更复杂或定制的功能。
这就是 Growform 发挥作用的地方。
Growform 可让您创建高级表单,其特点包括:
显示/隐藏字段或整个步骤的条件逻辑
30 多种字段类型,包括邮政编码和电话字段
100 多种高转换率、心理学 摩洛哥 whatsapp 号码数据 5 万 支持的表单模板
高度可定制的颜色、自定义字体和品牌
精心设计的进度条和动画
高级跟踪和标记集成(Facebook 像素、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。这将删除不必要的填充并使您的表单更无缝地融入 GHL:
进行这些更改后,请不要忘记点击“保存”。
您可能还希望更新表单的主要颜色和字体设置以匹配您的登录页面的品牌。
此时,你应该在 Growform 中有一个基本但可用的表单:
3 – 从 Growform 复制嵌入代码
要获取嵌入代码,请点击顶部蓝色栏中的“共享表单”,然后点击“使用 HTML 代码段将 Growform 直接嵌入到您的网站”。点击框内并将代码复制到剪贴板:
4 – 将嵌入代码粘贴到 GoHighLevel 的登陆页面构建器中
在 GoHighLevel 登陆页面构建器中,点击顶部栏中的“元素”,然后点击“添加元素”。搜索“自定义”以找到“自定义 JS/HTML 小部件”并将其插入到您的页面上。将您的代码粘贴到编辑器中并保存:
5 – 预览您的新表格并进行最后的润色!
此时,你应该有一个在 GoHighLevel 中成功嵌入的表单:
目前这已经足够好了——我们将在本指南的后面介绍样式和故障排除,以使表单看起来绝对完美。
6 – 通过 Webhooks 将你的表单连接到 GoHig
尽管 GoHighLevel 已经提供了基本的表单生成器,但您可能会发现自己需要更复杂或定制的功能。
这就是 Growform 发挥作用的地方。
Growform 可让您创建高级表单,其特点包括:
显示/隐藏字段或整个步骤的条件逻辑
30 多种字段类型,包括邮政编码和电话字段
100 多种高转换率、心理学 摩洛哥 whatsapp 号码数据 5 万 支持的表单模板
高度可定制的颜色、自定义字体和品牌
精心设计的进度条和动画
高级跟踪和标记集成(Facebook 像素、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。这将删除不必要的填充并使您的表单更无缝地融入 GHL:
进行这些更改后,请不要忘记点击“保存”。
您可能还希望更新表单的主要颜色和字体设置以匹配您的登录页面的品牌。
此时,你应该在 Growform 中有一个基本但可用的表单:
3 – 从 Growform 复制嵌入代码
要获取嵌入代码,请点击顶部蓝色栏中的“共享表单”,然后点击“使用 HTML 代码段将 Growform 直接嵌入到您的网站”。点击框内并将代码复制到剪贴板:
4 – 将嵌入代码粘贴到 GoHighLevel 的登陆页面构建器中
在 GoHighLevel 登陆页面构建器中,点击顶部栏中的“元素”,然后点击“添加元素”。搜索“自定义”以找到“自定义 JS/HTML 小部件”并将其插入到您的页面上。将您的代码粘贴到编辑器中并保存:
5 – 预览您的新表格并进行最后的润色!
此时,你应该有一个在 GoHighLevel 中成功嵌入的表单:
目前这已经足够好了——我们将在本指南的后面介绍样式和故障排除,以使表单看起来绝对完美。
6 – 通过 Webhooks 将你的表单连接到 GoHig