如何在WordPress中创建多页面表单

最近,我们的一个用户问我们如何在WordPress中创建一个多页面的表单? 多部分表单允许您收集更多信息,而不会吓跑用户。 在本文中,我们将向您展示如何在WordPress中创建多页表单。

在WordPress中创建一个多页面的表单

为什么当你需要WordPress的多页形式?

表单是收集数据并与用户联系的最简单方法。 无论是联系表格,电子邮件捕获表格还是简单调查。

然而,冗长的形式令使用者望而却步,并增加了形式的弃用。

为了克服这个问题,用户体验专家推荐多页面表单。 这种方式表单域被分成几个部分和页面。

多步结帐页面示例

在屏幕顶部显示进度条和更少的字段,用户可以更加轻松地填写表格。 它为您的用户提供了更吸引人的交互式体验。

话虽如此,让我们看看如何在WordPress中轻松创建一个多页面的表单。

使用WPForms创建多页WordPress表单

我们将使用WPForms这是最适合WordPress的初学者友好的联系表单插件。 您将需要至少$ 39的基本许可证。

您可以使用WPForms优惠券: WPB10 在购买任何WPForms计划时享受10%的折扣。

首先你需要做的是安装并激活WPForms插件。 更多细节

激活后,您将需要输入您的许可证密钥。 您可以通过在WPForms网站上登录您的帐户来获取此密钥。

复制许可证密钥,然后访问 WPForms»设置 页面上你的WordPress网站。 粘贴许可证密钥,然后点击验证密钥按钮。

WPForms许可证密钥

在验证您的许可证密钥后,您现在准备在WordPress中创建您的第一个多页面表单。

只需去 WPForms»添加新 页面,它将启动Form Builder。

在WPForms中添加一个新的表单

为表单提供标题,然后选择下面显示的模板之一。 WPForms提供现成的表单来加速表单创建过程。

您可以选择与您的表单要求非常匹配的表单或选择一个空白表单。 点击模板将启动表单编辑器。

WPForms中的表单编辑器

只需点击左栏中的字段即可将其添加到表单中。 之后,单击表单中的一个字段进行编辑。 您也可以拖放表单域。

在WPForms中添加表单字段

添加一些表单域后,您就可以将新的页面添加到表单中。 点击左栏中花式字段下的分页字段。

添加分页符字段

您会注意到,WPForms将在页面底部添加分页标记并在页面顶部添加第一个页面标记。

它也会将提交按钮推到下一页,而你的第一页现在将有一个“下一步”按钮。

点击顶部的第一页标记来编辑您的多页表单属性。 在左栏中,您可以选择一个进度条类型。 WPForms允许您使用简单的进度条,圆圈,连接器或根本没有进度指示器。

编辑首页标记以选择进度栏类型

对于本教程,我们将使用连接器作为进度条。 您也可以选择页面指示器的颜色。 最后,你可以提供第一页的标题。

现在你需要点击分页标记来编辑它的属性。 在这里你可以提供下一页的标题。 您也可以编辑文本以显示在“下一步”按钮上。

编辑页面标题和下一个按钮文本

分页符后,您可以继续添加表单字段。 如果您使用PRO版本的WPForms,则还可以使用条件逻辑根据用户响应显示和隐藏表单域。

添加更多字段后,您可以根据需要添加更多分页符。

完成表单创建后,点击屏幕右上角的保存按钮。

恭喜,您已经成功创建了您的第一个多页面表单。

将多页面表单添加到WordPress帖子和页面中

WPForms使得将表单添加到WordPress的帖子和页面变得非常容易。

创建一个新的职位/页面或编辑一个现有的。 在帖子编辑器的顶部,你会看到一个“添加表单”按钮。

添加表单按钮

点击它会弹出一个插入表单。

从下拉列表中选择您的表单,然后单击添加表单按钮。

选择并插入您的多页表单

您会注意到WPForms简码添加到您的文章/页面。 您现在可以保存或发布此帖子或页面。

访问您的网站,查看您的多页表单正在运行。

在WordPress中预览分页表单

我们希望这篇文章帮助您在WordPress中添加多页面表单