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

10/24/2023

为什么以及何时需要在WordPress中使用多页面表单?

表单是收集数据和与用户联系的最简便方式,无论是联系表单、邮件捕获表单还是简单的调查表单。然而,冗长的表单会让用户望而却步,增加表单放弃率。为了解决这个问题,用户体验专家推荐使用多页面表单。通过在顶部添加进度条和减少屏幕上的字段数量,用户填写表单时会更加轻松。这为用户提供了更具互动性和参与感的体验。

你甚至可以通过添加图标选择和对话元素使多页面表单更加互动,这对提高转化率尤其有效,特别是对于请求报价的潜在客户表单。

使用WPForms创建多页面WordPress表单

在WordPress中创建多页面表单的最佳方式是使用WPForms插件。它是最适合初学者的拖放式WordPress表单构建插件,可以让你创建任何类型的表单。超过600万个网站使用WPForms,包括我们WPressize Me。

本教程中,你需要至少Basic WPForms计划,因为它包含高级的多部分字段和自定义选项。你也可以试用免费的WPForms Lite版本。首先,你需要安装并激活WPForms插件。激活后,你需要访问你WordPress站点的WPForms » 设置页面并输入你的许可证密钥。

验证许可证密钥后,现在可以创建第一个多页面表单了。只需进入你WordPress后台的WPForms » 添加新页面即可启动表单构建器。在下一个屏幕上,你需要为表单输入一个标题。WPForms提供了许多预构建的表单模板来帮助节省时间。你可以快速选择一个并根据需要编辑它,或者使用空白表单模板创建一个完全自定义的表单。

选择模板后,可以使用其WordPress表单构建器进行自定义。只需将字段从左侧列拖放到你的表单模板中。你还可以选择现有的表单字段并进一步自定义它们。

添加几个表单字段后,你准备好在表单中添加新页面了。继续从左侧列的Fancy Fields部分添加“分页符”字段。你会注意到,WPForms会在底部添加分页符标记,并在页面顶部添加第第一页/进度指示器标记。它还会将提交按钮推送到下一页,现在第一页将有一个“下一步”按钮。

要编辑多页面表单的属性,点击页面顶部的“第一页/进度指示器”标记。在左侧列中选择一个进度条类型。WPForms允许你使用简单的进度条、圆圈、连接器或不使用进度指示器。你还可以选择页面指示器的颜色,最后可以为第一页提供一个标题。

现在,你需要点击“分页符”标记来编辑其属性。可以为下一页提供一个标题并编辑“下一步”按钮显示的文字。你可以在分页符后继续添加表单字段。如果使用WPForms的高级版,还可以使用条件逻辑根据用户响应显示和隐藏表单字段。

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

在WordPress文章和页面中添加你的多页面表单

WPForms让在WordPress文章和页面中添加表单变得非常容易。你可以点击表单构建器顶部的“嵌入”按钮,将表单添加到新页面或现有页面中。我们将选择“创建新页面”选项进行本教程。接下来,你需要为新页面输入一个名称,然后点击“开始”按钮。

另外,你还可以在WordPress内容编辑器中添加WPForms区块,以便在任何WordPress博客文章中嵌入表单。只需从WPForms区块的下拉菜单中选择你的多页面表单即可。在区块编辑器中预览你的表单后,发布你的页面或文章。

然后你可以访问你的网站,查看你的多页面表单的效果。

将WordPress多页面表单提升到更高水平

如果你和我们及其他聪明的企业主一样,可能希望知道如何将你的潜在客户生成表单提升到更高水平。有两件事可以大大提高你WordPress多页面表单的转化率。第一,互动式潜在客户表单。WPForms带有潜在客户表单插件,可以通过一个富有吸引力的表单布局设计来提高表单完成率。它基本上让用户一次只看到一个问题,这使得表单不那么令人畏惧,更容易填写。这对请求报价表单和其他潜在客户生成表单特别有效。

这基本上建立在WPForms早期提出的对话式表单原则之上。对话式表单采用类似于面对面对话的一次一个问题的方式。与潜在客户表单插件不同,对话式表单是全页面表单着陆页,对更长的表单也很有效,因为用户可以只使用键盘填写这些表单。

第二,启用部分表单提交。你知道吗,81%的用户在完成表单之前会放弃它?这在大多数网站,特别是较长的表单上都是如此。这就是为什么我们建议在WordPress中启用部分表单提交。WPForms表单放弃插件让你轻松做到这一点。你可以通过进入表单构建器设置中的表单放弃选项卡来启用它。这让你可以向表单放弃者发送有针对性的后续消息,以提高销售转换率。

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



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>