如何在 Convertri 中创建多步骤表单
Posted: Wed Dec 04, 2024 5:52 am
Convertri 是一款出色的登陆页面构建器,可用于创建闪电般快速、高转化率的登陆页面。
但多步骤表单不是他们的专长,阿尔及利亚手机数据 因此我们已经看到了创建多步骤 Convertri 表单的各种技巧,通常涉及隐藏层和多个页面。它们很难维护,组装起来也是一场噩梦。
本指南将向您展示如何将 Growform 表单添加到您的 Convetri 登录页面,而不是将数百行 JavaScript 串在一起。
Growform 是领先的多步骤表单生成器,专为速度和转换而设计 - 因此,如果您已经使用 Convetri,那么您已经成功了一半!
在这篇文章的最后,您将看到一个 Convertri 登陆页面,如下所示:
目录
1 – 在 Growform 上创建一个表单
2 – 获取Growform共享码
3 – 将“HTML 元素”添加到 Convertri 并粘贴您的代码
4 – 预览表格并进行一些更改
1 –在 Growform 上创建一个表单
这几乎是不言而喻的,但首先您需要在 Growform 上创建一个表单。此处提供 14 天免费试用,无需信用卡。
第一步将如下所示:
如果您需要此步骤的帮助,请参阅我们的入门指南。
2 –获取Growform共享码
对表单感到满意后,请转到顶部蓝色栏中的“共享表单”。
选择第一个选项 - “使用 HTML 片段将 Growform 直接嵌入到您的网站中”,单击代码并将其复制到剪贴板。
3 – 将“HTML 元素”添加到 Convertri 并粘贴您的代码
现在,在编辑器中打开您的 Convetri 登陆页面,并将“HTML Element”元素拖到画布上。作为参考,它看起来像这样:“<>”。
按
蓝色的“元素属性”按钮,然后按“编辑 HTML”。将代码粘贴到框中:
按“保存”,不要忘记调整移动设备的框位置,就像在 Convertri 构建器中一样。
4 – 预览表格并进行一些更改
按“预览”在 Convertri 中预览表单:您应该看到嵌入的表单!
为了获得完美的形状,需要进行以下一些更改:
在 Growform 的“主题”设置中,将父容器的背景设置为颜色,并选择与 Convertri 匹配的背景颜色。
删除 Growform 表单开头的标题/说明,该表单始终可以插入 Convertri 中。
调整表单的主要颜色(影响进度条和强调色)和其他颜色设置。
就是这样!您已经成功构建了一个美观且响应灵敏的 Convertri 多级模块。
但多步骤表单不是他们的专长,阿尔及利亚手机数据 因此我们已经看到了创建多步骤 Convertri 表单的各种技巧,通常涉及隐藏层和多个页面。它们很难维护,组装起来也是一场噩梦。
本指南将向您展示如何将 Growform 表单添加到您的 Convetri 登录页面,而不是将数百行 JavaScript 串在一起。
Growform 是领先的多步骤表单生成器,专为速度和转换而设计 - 因此,如果您已经使用 Convetri,那么您已经成功了一半!
在这篇文章的最后,您将看到一个 Convertri 登陆页面,如下所示:
目录
1 – 在 Growform 上创建一个表单
2 – 获取Growform共享码
3 – 将“HTML 元素”添加到 Convertri 并粘贴您的代码
4 – 预览表格并进行一些更改
1 –在 Growform 上创建一个表单
这几乎是不言而喻的,但首先您需要在 Growform 上创建一个表单。此处提供 14 天免费试用,无需信用卡。
第一步将如下所示:
如果您需要此步骤的帮助,请参阅我们的入门指南。
2 –获取Growform共享码
对表单感到满意后,请转到顶部蓝色栏中的“共享表单”。
选择第一个选项 - “使用 HTML 片段将 Growform 直接嵌入到您的网站中”,单击代码并将其复制到剪贴板。
3 – 将“HTML 元素”添加到 Convertri 并粘贴您的代码
现在,在编辑器中打开您的 Convetri 登陆页面,并将“HTML Element”元素拖到画布上。作为参考,它看起来像这样:“<>”。
按
蓝色的“元素属性”按钮,然后按“编辑 HTML”。将代码粘贴到框中:
按“保存”,不要忘记调整移动设备的框位置,就像在 Convertri 构建器中一样。
4 – 预览表格并进行一些更改
按“预览”在 Convertri 中预览表单:您应该看到嵌入的表单!
为了获得完美的形状,需要进行以下一些更改:
在 Growform 的“主题”设置中,将父容器的背景设置为颜色,并选择与 Convertri 匹配的背景颜色。
删除 Growform 表单开头的标题/说明,该表单始终可以插入 Convertri 中。
调整表单的主要颜色(影响进度条和强调色)和其他颜色设置。
就是这样!您已经成功构建了一个美观且响应灵敏的 Convertri 多级模块。