如何将 Growform 多阶段表单添加到 Instapage

Currency Data give you currency user data. all is the active crypto currency users data.
Post Reply
udoykumar0
Posts: 11
Joined: Wed Dec 04, 2024 3:46 am

如何将 Growform 多阶段表单添加到 Instapage

Post by udoykumar0 »

Instapage 是一个很棒的登陆页面构建器,但如果您想创建高转化率、多阶段的表单,它可能会受到限制。

虽然 Instapage 具有多步骤表单功能,但这仅在自定义计划中可用,并且缺乏专门的多步骤表单生成器的功能。

Growform 是领先的多步骤表单生成器,阿尔及利亚手机数据 可让您轻松创建精美的多步骤表单并将其直接嵌入到您的 Instapage 登陆页面上。

您的用户将看到一个似乎是 Instapage 一部分的表单:结果将如下所示:

目录
1 – 在 Growform 上创建一个表单
2 – 获取Growform共享码
3 – 将自定义 HTML 块添加到 Instapage
4 – 发布表单并进行一些更改
5 – (可选)设置转化跟踪和联系目的地。
1 –在 Growform 上创建一个表单
首先,您需要在 Growform 上创建一个表单。可以免费试用 14 天,无需信用卡 -从这里开始。

第一步将如下所示:

如果您在创建第一个表单时需要帮助,请按照我们的入门指南进行操作。

2 –获取Growform共享码
要获取 Growform 共享代码,请转到顶部导航栏中的“共享表单”菜单项。

单击第一个选项,标题为“使用 HTML 片段将 Growform 直接嵌入到您的网站中”。然后,单击代码框并将代码复制到剪贴板。

3 – 将自定义 HTML 块添加到 Instapage
现在,在 Instapage 编辑器中打开您的登陆页面。您必须删除所有现有模块。

然后,找到左侧的“HTML”小部件。它看起来像一对代码括号 ( <> )。

注意:您可能需要滚动才能找到 HTML 小部件 - 这是最后一个!

然后,单击 HTML 小部件,按“编辑”并将代码粘贴到框中。单击“完成”。

此时,重新定位框架以适合您的设计。

这是整个过程的 gif:

按“保存”和“更新”完成此步骤。

由于 Instapage 的工作方式,自定义 HTML(包括 Growform 的多步骤表单小部件)不会在预览模式下呈现。不用担心:您可以通过发布来测试表单的工作方式。

4 – 发布表单并进行一些更改
当您发布表单时,您可能会看到与此类似的表单,具体取决于您使用的模板:

这意味着您已经非常接近了,您只需要做一些调整即可获得绝对完美的形状:
Image
在Growform的“主题”设置中,将父容器的背景设置为“颜色”,并选择与Instapage相匹配的背景颜色。
删除 Growform 表单顶部的标题/说明 - 您始终可以将它们添加到 Instapage 的顶部空间。
调整表单的主要颜色(影响进度条和强调色)和其他颜色设置。
通过调整设计设置,我们可以在Instapage中得到一个多阶段的表单,它看起来与设计和页面的部分完美对齐:

5 – (可选)设置转化跟踪和联系目的地。
现在我们已经设置了多步骤 Instapage 表单,那么潜在客户会去哪里呢?

联系人将显示在您的 Growform 帐户中,并默认通过电子邮件发送给您。您还可以使用Zapier将潜在客户发送到数百个可用目的地之一。

这意味着无需在您的 Instapage 帐户中进一步配置任何内容(例如联系表单和通知),因为所有这些现在都存在于 Growform 中。

如果您愿意,您可以随时激活 Instapage 的外部跟踪代码来跟踪 Instapage 中的转化:只需复制代码并将其添加到表单设置中的 Growform 的“自定义脚本以在表单提交时激活”选项中:
Post Reply