如何创建 WordPress 多步骤表单(无代码方式)

已发表: 2022-06-18

正在寻找创建 WordPress 多步骤表单的教程?

多步骤表单将大型表单拆分为更小的部分。 多步骤表格减少了混乱,使您的访问者更容易注册。 这是增加转化率和改善整体用户体验的好方法。

但是从头开始创建一个真的很累,如果你必须聘请开发人员来创建一个,它也会很昂贵。

在本文中,我们将向您展示如何无需编码即可轻松创建 WordPress 多步骤表单。

让我们潜入水中。

第 1 步:使用 WPForms 创建新表单

您需要做的第一件事是安装和激活 WPForms。

工作表

WPForms 是世界上排名第一的 WordPress 表单构建器插件。 如果您不确定如何安装 WPForms,您应该查看有关如何在 WordPress 中安装插件的分步指南。

然后,转到您的 WPForms 仪表板并转到下载以获取您的插件:

WPForms 下载

接下来,在您的站点上安装并激活插件。 并在同一选项卡中复制您的许可证密钥。

最后,转到您的 WordPress 仪表板并转到WPForms » 设置并粘贴您的许可证密钥:

激活 WPForms 许可证

完成后,单击连接

现在 WPForms 已安装并激活,是时候创建您的第一个表单了。 前往WPForms » 添加新的

使用 WPForms 添加新表单

这将打开 WPForms 拖放表单构建器。

要创建新表单,请为其命名并选择您的表单模板:

表格标题和模板

就是这样! 如果您想在联系表单中添加或编辑字段,您可以从侧边栏中进行。 Darg 和 drop 表单字段以添加新字段,然后单击现有字段进行编辑:

从侧边栏添加表单域

完成后,点击Save

第 2 步:将分页符字段插入表单

使用 WPForms 将表单拆分为多个页面非常简单。

添加并自定义表单上的所有表单域后,您需要将分页符表单域添加到您的站点以将其拆分为不同的页面。

为此,请将Fancy Fields下的Page Break表单域从左侧面板拖到右侧面板。

WPForms 分页符

将字段放置在要拆分表单的位置。 如果您想要多个分页符,只需使用多个分页符模块。

第三步:自定义多页表单进度条

您设计表单的大部分工作都在此时完成。 但是对于任何多页表单,我们建议使用进度条让您的访问者知道他们在注册过程中的进度。 您也可以超越并为您的页面提供标题。

要自定义多步骤表单第一页的进度条和页面标题,请单击“首页分隔符”部分。

自定义分页符

在边栏中,您可以将进度指示器的类型设置为CirclesConnectors 。 您还可以设置页面的标题。

页面标题和进度指示器

史诗般的事情是您还可以设置自定义Page Indicator Color 。 当您满意时,您还可以以完全相同的方式自定义其他分页符。

您还可以启用向网站访问者显示“上一页”按钮的功能。 这样,他们可以在需要时返回表单的上一页。

启用上一页按钮

完成后,只需点击保存按钮。

第 4 步:配置您的多步骤表单设置

接下来,您需要设置通知和确认。

通知是当有人填写表格时您收到的电子邮件。 确认旨在提醒用户他们已成功填写表格。 通常,这是一条“谢谢”消息,但您也可以将用户重定向到专用页面。

前往设置»确认配置确认设置:

表格确认

然后在同一个菜单中,转到通知以配置您的通知消息:

表单通知

默认情况下,通知会发送到 WordPress 管理员电子邮件。 因此,如果您希望将电子邮件发送到其他地方,例如您的销售主管的电子邮件 ID,您可以在此处进行。

第 5 步:将您的多步骤表单添加到您的 WordPress 网站

至此,您已完成 WordPress 联系表单的配置。 因此,让我们继续将其添加到页面中。 有 3 种基本方法可以将 WPForms 联系表单添加到您的 WordPress 网站。 我们要看看每一个。

方法#1:使用块编辑器添加表单

转到您要添加联系表单并添加新的 WPForms 块的任何页面:

使用 WPForms 块添加联系表格

然后,使用下拉菜单选择新创建的表单:

WPForm 块选择表单

您应该会看到您的联系表格自动插入到您的页面中。

只需点击保存发布即可查看您的 WordPress 表单。

方法 #2:使用 WPForms 简码添加您的联系表

WPForms 还为每个 WordPress 联系表单生成一个简码。 您可以通过访问WPForms » All Forms复制联系表格简码:

WPForms 简码

然后,将短代码粘贴到您想要的任何帖子或页面中。 就是这么简单。

如果您不熟悉短代码,您应该查看这篇关于如何在 WordPress 网站上添加短代码的文章。

方法#3:将您的联系表添加到侧边栏

侧边栏是大多数 WordPress 网站中使用最少的功能之一。 我们强烈建议在您网站的侧边栏中插入联系表格。 前往 WordPress 仪表板中的外观 » 小部件,并将 WPForms 小部件添加到侧边栏:

将联系表添加到侧边栏

你完成了!

如何推广您的 WordPress 多步骤表单

这就是这个,伙计们!

到目前为止,您已经创建了一个 WordPress 多步骤表单。 接下来,您应该设置表单放弃跟踪以降低表单放弃率。

之后,剩下的就是为您的网站带来流量,以便您的联系表格可以开始工作。 一个简单的方法是开始使用推送通知。 发送推送通知是为您的网站生成重复流量的好方法。 如果您对此感兴趣,您还应该查看这些文章:

  • 推送通知成本:它真的免费吗? (定价分析)
  • 如何为您的 WordPress 博客获得更多流量(9 种简单方法)
  • 如何提高您的 Web 推送通知选择加入率(​​7 种方式)

我们建议使用 PushEngage 发送您的推送通知。 PushEngage 是世界上排名第一的推送通知软件。 因此,如果您还没有,请立即开始使用 PushEngage。