如何在 WordPress 中创建带进度条的多步骤表单?

已发表: 2023-05-01

你想学习如何在 WordPress 中创建带进度条的多步骤表单吗? 我们抓到你了!

多部分表单将长表单分成多个步骤。 因此,表单字段更有条理,用户也更容易填写。

同样,进度条显示已完成的工作量并跟踪用户填写表单的进度。

因此,本文将为您提供有关如何在带有进度条的 WordPress 中创建多步骤表单的详细指南。

让我们开始。

目录

为什么在带有进度条的 WordPress 中创建多步骤表单?

如前所述,多步骤形式正是它听起来的样子,一个分成多个部分的长形式。

因此,它改善了用户体验,提高了转化率,并提高了数据准确性。

下面我们列出了更多关于为什么您应该在 WordPress 中创建带有进度条的多步骤表单的要点。

  • 填表人可以在必要时查看、返回、修改和更改他们提供的信息。
  • 进度条提高了多步骤表单的可用性,使用户更容易导航和理解。
  • 它还向用户提供有关他们的进度的反馈,并允许他们调整他们的方法。
  • 它还通过确保用户在提交表单之前完成所有必需的步骤来减少错误。

这些只是 WordPress 中带有进度条的多步骤表单的一些好处。 如果你挖得更深一点,你可以想出更多。


在 WordPress 中创建带进度条的多步骤表单(教程)

在了解带有进度条的多部分表单的所有好处后,您应该立即将其嵌入到您的表单中。

但是选择正确的工具来继续这个过程非常重要。 这是最好的表单构建器插件 Everest Forms 介入的地方。

珠穆朗玛峰形式

您可以使用 Everest Forms 创建各种在线表格,包括工作申请表格、联系表格、调查、民意调查等。

但最重要的是,只需几个简单的步骤,您就可以在 WordPress 中创建一个带有进度条的多步骤表单。

现在事不宜迟,让我们通过一个循序渐进的过程在 WordPress 中创建一个带有进度条的多步骤表单。

第 1 步:安装并激活 Everest Forms 和 Everest Forms Pro

您需要做的第一件事是在您的 WordPress 仪表板上安装Everest FormsEverest Forms Pro

您确实可以使用该插件的免费版本创建简单的表单。

但要获得 Multi-Part Forms 附加组件,您需要升级到高级计划(Plus 或更高版本)。

多部分表格附加组件

Everest Forms Pro 的安装过程非常简单。 只需访问该插件的官方网站,您就会在其中看到 4 种不同的计划。

Everest 表格定价页面

根据您的预算和要求选择计划。

之后,您将收到指向您电子邮件的链接。 点击链接并访问您的帐户信息中心。

从那里,您可以下载插件的 pro zip 并在许可证密钥选项卡下获取许可证密钥。

之后,返回您的 WordPress 仪表板并导航至插件 >> 添加新插件。 然后只需单击“上传插件”按钮。

接下来,选择您之前下载的Everest Forms pro zip 文件并点击立即安装

Everest 表格上传 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

最后,您可以点击顶部的发布按钮。

发布表单 在 WordPress 中创建多步骤表单

总结起来!

这就是我们关于如何在带有进度条的 WordPress 中创建多步骤表单的指南。 我们非常确定本教程对您有所帮助。

现在,您可以使用 Everest Forms 在 WordPress 中轻松创建带有进度条的多步骤表单,而不费吹灰之力。

Everest Forms 远不止是您的基本表单生成器工具。 要获得有关该插件的更多评论,请阅读我们关于 Everest Forms 评论的文章。

接下来,您还可以阅读如何在不丢失内容的情况下更改 WordPress 主题。

最后,如果您喜欢我们的内容,请在社交媒体上关注我们以获取未来更新。

我们在 Facebook 和 Twitter 上可用。 如需简单的视频教程,请订阅我们的 YouTube 频道。