如何在 WordPress 中创建带进度条的多步骤表单?
已发表: 2023-05-01你想学习如何在 WordPress 中创建带进度条的多步骤表单吗? 我们抓到你了!
多部分表单将长表单分成多个步骤。 因此,表单字段更有条理,用户也更容易填写。
同样,进度条显示已完成的工作量并跟踪用户填写表单的进度。
因此,本文将为您提供有关如何在带有进度条的 WordPress 中创建多步骤表单的详细指南。
让我们开始。
目录
为什么在带有进度条的 WordPress 中创建多步骤表单?
如前所述,多步骤形式正是它听起来的样子,一个分成多个部分的长形式。
因此,它改善了用户体验,提高了转化率,并提高了数据准确性。
下面我们列出了更多关于为什么您应该在 WordPress 中创建带有进度条的多步骤表单的要点。
- 填表人可以在必要时查看、返回、修改和更改他们提供的信息。
- 进度条提高了多步骤表单的可用性,使用户更容易导航和理解。
- 它还向用户提供有关他们的进度的反馈,并允许他们调整他们的方法。
- 它还通过确保用户在提交表单之前完成所有必需的步骤来减少错误。
这些只是 WordPress 中带有进度条的多步骤表单的一些好处。 如果你挖得更深一点,你可以想出更多。
在 WordPress 中创建带进度条的多步骤表单(教程)
在了解带有进度条的多部分表单的所有好处后,您应该立即将其嵌入到您的表单中。
但是选择正确的工具来继续这个过程非常重要。 这是最好的表单构建器插件 Everest Forms 介入的地方。
您可以使用 Everest Forms 创建各种在线表格,包括工作申请表格、联系表格、调查、民意调查等。
但最重要的是,只需几个简单的步骤,您就可以在 WordPress 中创建一个带有进度条的多步骤表单。
现在事不宜迟,让我们通过一个循序渐进的过程在 WordPress 中创建一个带有进度条的多步骤表单。
第 1 步:安装并激活 Everest Forms 和 Everest Forms Pro
您需要做的第一件事是在您的 WordPress 仪表板上安装Everest Forms和Everest Forms Pro 。
您确实可以使用该插件的免费版本创建简单的表单。
但要获得 Multi-Part Forms 附加组件,您需要升级到高级计划(Plus 或更高版本)。
Everest Forms Pro 的安装过程非常简单。 只需访问该插件的官方网站,您就会在其中看到 4 种不同的计划。
根据您的预算和要求选择计划。
之后,您将收到指向您电子邮件的链接。 点击链接并访问您的帐户信息中心。
从那里,您可以下载插件的 pro zip 并在许可证密钥选项卡下获取许可证密钥。
之后,返回您的 WordPress 仪表板并导航至插件 >> 添加新插件。 然后只需单击“上传插件”按钮。
接下来,选择您之前下载的Everest Forms pro zip 文件并点击立即安装。
现在,将许可证密钥粘贴到所需区域并在您的站点上激活插件。
如果您需要详细的整个安装和设置过程,请点击此链接了解如何安装 Everest Forms pro。
正确设置插件后,您可以继续下一步。
第 2 步:安装并激活多部分表单附加组件
由于您已获得专业版,因此现在可以轻松安装Multi Part Forms 附加组件。 首先,导航到Everest Forms >> Add-on 。
之后,搜索Multi Part add-on 。 然后只需单击Install Addon按钮并按Activate 。
当状态显示为Activated时,您将知道该附加组件处于活动状态。
第 3 步:创建新表单
安装并激活Multi-Part Form 插件后,就可以创建新表单了。
所以去 Everest Forms >> 添加新的.
您会在“添加新表单”页面上找到一组预构建的表单模板。 但是,您也可以从头开始。
在本教程中,我们将展示如何从头开始在 WordPress 中创建多步骤表单。
因此,单击从头开始并为您的表单命名。
我们将其称为“员工评估表”,然后按“继续” 。
之后,您将看到 Everest Forms 表单编辑器屏幕,如下所示。
第 4 步:启用多部分表单设置
现在是时候将您的表单分成多个部分了。 为此,您需要先启用多部分功能。
导航到顶部的“设置”选项卡。 然后单击多部分设置。
接下来,您将看到启用多部分表单选项的复选框。 勾选复选框,就像启用您的选项一样。
在同一页面上,您还将看到零件指示器的一些自定义选项,例如:
进度指标:
从这里,您可以从下拉列表中选择该部分的主题,该主题将显示在您的表单顶部,例如:
1.进度条
2.圆棒
3.箭头步骤
进度指示器颜色:
此选项可让您为零件指示器选择颜色。 您可以根据自己的喜好选择任何颜色。
部分导航对齐:
您可以选择零件导航按钮的对齐方式,例如:
1. 左
2. 对
3.中心
4.拆分
完成所有更改后,不要忘记保存它。
第 5 步:添加字段并构建您的多步骤表单
启用多部分表单选项后,第一部分立即出现在表单构建器中。
它的标题是Part Title ,您可以稍后从Page Options更改它。
接下来,将所有必填字段拖放到您的表单中。
要将另一个部分添加到您的表单,请单击添加新部分,您可以在底部找到它。
这将打开下一个空白页面,您可以在其中像以前一样添加所需的字段。
您还可以调整各个部分或移动它们的位置。 只需向右或向左拖动零件即可。
同样,您可以像以前一样在页面选项下编辑零件标题和标签。
在这里,我们添加了四个部分,分别命名为 WPEverest 年度绩效评估、绩效衡量、未来目标和附加信息。
最后,单击“保存”按钮以保存您对表单所做的更改。
第 6 步:配置表单设置
接下来,您可以打开表单的“设置”选项卡来配置表单的设置。
在这里,您会发现具有各种自定义选项的不同部分。
1. 总则
使用常规设置,您可以编辑表单描述、表单禁用消息、启用条件逻辑、布局设计等。
2. 电子邮件
电子邮件设置允许您创建管理员和用户电子邮件通知模板。
3.网络钩子
使用 WebHook,您可以将表单数据发送到任何外部 URL。 您必须设置请求 URL、请求方法、请求格式和请求标头。
您现在可以单击保存以保存您对表单所做的更改。
第 7 步:预览并发布您的表单
您已经使用 Everest Forms 成功创建了一个包含进度字段的多部分表单。
但只有当您在 WordPress 网站上显示您的表单时,您的用户才能看到它。
因此,请对您的表格进行最后检查。 您还可以预览表单。 只需单击“保存”按钮旁边的“预览”按钮。
接下来,要将表单添加到您的站点,您可以使用 Everest Forms 块来显示您的表单。
转到帖子/页面 >> 添加新的。
您将登陆块编辑器。 单击添加块 (+)按钮并搜索 Everest Forms 块。
将其添加到页面并从下拉列表中选择您的 WordPress员工评估表。
最后,您可以点击顶部的发布按钮。
总结起来!
这就是我们关于如何在带有进度条的 WordPress 中创建多步骤表单的指南。 我们非常确定本教程对您有所帮助。
现在,您可以使用 Everest Forms 在 WordPress 中轻松创建带有进度条的多步骤表单,而不费吹灰之力。
Everest Forms 远不止是您的基本表单生成器工具。 要获得有关该插件的更多评论,请阅读我们关于 Everest Forms 评论的文章。
接下来,您还可以阅读如何在不丢失内容的情况下更改 WordPress 主题。
最后,如果您喜欢我们的内容,请在社交媒体上关注我们以获取未来更新。
我们在 Facebook 和 Twitter 上可用。 如需简单的视频教程,请订阅我们的 YouTube 频道。