但是使用 Webflow,没有简单的方法来创建多步骤表单 - 当然,您可以使用 Webflow 编辑器向表单添加表单字段。但是,当您开始使用 JavaScript 根据步骤隐藏/显示字段……并添加验证……时,它会变得非常复杂。Growform
是领先的多步骤表单构建器,可轻松创建可嵌入到您的 Webflow 着陆页中的高级多步骤表单。
结果如何?一个美观、响应迅速的 Webflow 多步骤表单,其外观和行为与 Webflow 本身的一部分完全一样:
Webflow 多步骤表单是未来趋势!表 科威特 Whatsapp 电话号码列表 单完美地融入其新的 Webflow 环境中。
目录
1 – 在 Growform 上创建表单
2 – 获取 Growform 共享代码
3 – 向您的 Webflow 页面添加“嵌入”组件
4 - 对你的体型做一些外观上的调整
5 – 将您的线索发送到某个地方!
1 –在 Growform 上创建表单
首先,在 Growform 中创建一个新表单。您可以获得 14 天免费试用,无需信用卡 - 从这里开始。
第一步如下:
如果您在填写第一个表格时需要帮助,请遵循我们的入门指南。

2 –获取 Growform 共享代码
导航到 Growform 顶部的“共享表单”菜单项(进入表单后)以获取共享代码。
然后点击第一个选项“使用 HTML 代码段将 Growform 直接嵌入到您的网站”。点击并将代码复制到剪贴板。
3 – 向您的 Webflow 页面添加“嵌入”组件
现在,在 Webflow 中打开您的登录页面并删除您可能已经创建的任何表单 - 我们将用我们崭新的多步骤表单替换它们
接下来,在左侧找到“嵌入”组件。它看起来像一对带有反斜杠的代码括号(</>)。
您需要进行大量滚动才能找到它 - 在撰写本文时,它位于“组件”下列表的最末尾。
找到“嵌入”组件后,将其拖到您希望它在页面上的位置。
将 Growform 共享代码粘贴到此框中。
这真的很简单 - 这是整个过程的 gif:
点击“发布”即可完成此步骤。
4 - 对你的体型做一些外观上的调整
添加表单并发布页面后,您可能会在实时 Webflow 域中看到类似这样的内容(取决于您选择的表单模板):
有些东西看起来不太对劲——只需要做一些外观调整……
这意味着您已经完成 90% 了 - 您只需要在 Growform 中做一些调整,让表单看起来很棒:
在 Growform 的“主题”设置中,将父容器背景设置为“颜色”,并选择与 Webflow 中的颜色匹配的背景颜色(在我们的示例中,它在一个白色容器中)。
删除 Growform 表单顶部的所有标题/说明 – 您随时可以将它们添加到 Webflow 上方的空间。
调整表单的主要颜色(影响进度条和强调色),以及其他颜色设置的范围。
只需 2-3 分钟调整主题设置,我们就可以让它看起来像一个非常漂亮的 Webflow 多步骤表单,完全与页面其余部分的设计相一致:
5 – 将您的线索发送到某个地方!
现在我们已经设置好了 Webflow 多步骤表单,那么潜在客户会去哪里呢?
潜在客户将出现在您的 Growform 帐户中,默认情况下会通过电子邮件发送给您。您还可以使用Zapier将您的潜在客户发送到数百个目的地之一。
因此,无需在您的 Webflow 帐户中配置任何其他内容 - 现在与您的潜在客户相关的任何内容都将由 Growform 处理。
需要更多?我们正在积极开发我们的 Webflow 产品。
如果我们可以提供任何帮助,包括帮助配置您的帐户,请与我们经验丰富的支持团队联系。
发表评论
姓名
电话
电子邮件
在此浏览器中保存我的名字、电邮和网站,以便下次评论时使用。
写下你的评论...
近期文章
实现销售成功的终极 7 步潜在客户资格检查清单
我们分享我们的最佳策略来帮助你获得更多的网页设计线索
我们分享 6 种有效方法来提高牙医的潜在客户生成率
我们揭示了推动业务增长的 7 种最佳金融科技潜在客户生成策略
我们尝试了最好的低代码表单生成器,以实现无忧的表单创建
类别
遵守
康维尔特里
首席风险官
表单设计
Google 跟踪代码管理器
Hubspot
一体化
潜在客户生成
潜在客户开发特惠
营销
多步骤表单设计
勘探
房地产
工具
信任表格
取消弹跳
Unbounce 教程
未分类
使用 growform
尝试 Growform 多步骤表单生成器 »
指南
体位法
Hubspot
即时页面
Leadpages
取消弹跳
网页流
WordPress
特征
所有功能
条件逻辑形式
会话形式
可嵌入表单
潜在客户捕获表格
线索验证
逻辑跳跃形式
TrustedForm 表单
约纳亚表格
向导表单
FCC 一对一同意
比较
更多的
联盟合作伙伴
服务条款
隐私和GDPR
服务状态
博客
帮助文档
气候承诺
© 2020 - 2024 Growform Ltd. 保留所有权利。Growform 是一家在英格兰和威尔士注册的公司。公司编号 13097518。注册办事处:Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX , UK