最近，我们的一位用户问我们如何在WordPress中创建多页面表单？多部分表单允许您收集更多信息，而不会吓跑用户。在本文中，我们将向您展示如何在 WordPress 中创建多页面表单。
最近，我们的一位用户问我们如何在WordPress中创建多页面表单？多部分表单允许您收集更多信息，而不会吓跑用户。在本文中，我们将向您展示如何在 WordPress 中创建多页面表单。
为什么以及何时需要WordPress中的多页表单？ （Why and When You Need Multi-Page Form in WordPress?）
Forms are the easiest way to collect data and get in touch with your users. Whether it is a 联系表, email capture form, or a simple survey.
表单是收集数据和与用户联系的最简单方法。 无论是联系表 ，电子邮件捕获表格还是简单调查。
然而，冗长的表单让用户望而却步，并增加了表单的放弃率。
然而，冗长的表单让用户望而却步，并增加了表单的放弃率。
为了解决这个问题，用户体验专家建议使用多页表单。通过这种方式，表单字段被分为多个部分和页面。
为了解决这个问题，用户体验专家建议使用多页面表单。这样，表单字段可以分为部分和页面。
顶部有进度条，屏幕上的字段较少，用户可以更轻松地填写表单。它为您的用户提供更具吸引力和互动性的体验。
顶部有进度条，屏幕上的字段较少，用户可以轻松填写表单。它为您的用户提供更具吸引力和互动性的体验。
话虽如此，让我们看看如何在 WordPress 中轻松创建多页面表单。
话虽如此，让我们看看如何在 WordPress 中轻松创建多页面表单。
影片教学 （Video Tutorial）
如果您不喜欢该视频或需要更多说明，请继续阅读。
如果您不喜欢该视频或需要更多说明，请继续阅读。
使用WPForms创建多页WordPress 表单 （Creating A Multi-Page WordPress 表单 with WPForms）
We will be using WP表格 which is the most beginner friendly WordPress 联系表单插件. You will need at least the Basic license which costs $39.50.
我们将使用WP表格 ，它是WordPress最适合初学者的联系表单插件 。 您至少需要基本许可证，该许可证的价格为39.50美元。
You can use the WPForms 优惠券: 节省50 to get 50% discount on your purchase of any WPForms plan.
您可以使用WPForms 优惠券 ： 节省50来购买任何WPForms计划时可获得50％的折扣。
First thing you need to do is install and activate the WP表格 plugin. For more details, see our step by step guide on 如何安装 WordPress 插件.
您需要做的第一件事是安装并激活WP表格插件。 有关更多详细信息，请参阅有关如何安装 WordPress 插件步指南。
激活后，您将需要输入您的许可证密钥。您可以通过登录 WPForms 网站上的帐户来获取此密钥。
激活后，您将需要输入您的许可证密钥。您可以通过登录 WPForms 网站上的帐户来获取此密钥。
Copy the license key and then visit WPForms » 设置 page on your WordPress site. Paste the license key and then click on the verify key button.
复制许可证密钥，然后访问WordPress网站上的WPForms » 设置页面。 粘贴许可证密钥，然后单击“验证密钥”按钮。
验证您的许可证密钥后，您现在就可以在 WordPress 中创建您的第一个多页表单了。
验证您的许可证密钥后，您现在可以在 WordPress 中创建您的第一个多页表单。
Simply go to WPForms » 添加新内容 page, and it will launch the Form Builder.
只需转到WPForms » 添加新内容页面，它将启动表单生成器。
为您的表单提供标题，然后选择如下所示的模板之一。 WPForms 提供现成的表单以加快表单创建过程。
为您的表单提供标题并选择如下所示的模板之一。 WPForms 提供现成的表单以加快表单创建过程。
您可以选择最符合您的表格要求的表格或选择空白表格。单击模板将启动表单编辑器。
您可以选择最适合您的表格要求的表格，也可以选择空白表格。单击模板将启动表单编辑器。
只需单击左列中的字段即可将其添加到您的表单中。之后，单击表单中的字段进行编辑。您还可以拖放表单字段。
只需单击左列中的字段即可将其添加到表单中。之后，单击表单中的字段进行编辑。您还可以拖放表单字段。
添加几个表单字段后，您就可以向表单添加新页面了。单击左列中精美字段部分下的分页字段。
添加几个表单字段后，就可以向表单添加新页面了。单击左列“花式字段”部分下的“分页符”字段。
您会注意到 WPForms 将在底部添加分页标记，并在页面顶部添加首页标记。
您会注意到，WPForms 将在页面底部添加分页符标记，并在页面顶部添加主页标记。
它还会将提交按钮推送到下一页，您的第一页现在将有一个“下一步”按钮。
它还会将提交按钮推到下一页，现在您的第一页将有一个“下一页”按钮。
单击顶部的首页标记可编辑多页表单属性。在左侧栏中，您可以选择进度条类型。 WPForms 允许您使用简单的进度条、圆圈、连接器或根本不使用进度指示器。
单击顶部的首页标记可编辑多页表单属性。在左栏中，您可以选择进度条类型。 WPForms 允许您使用简单的进度条、圆圈、连接器或根本不使用进度指示器。
在本教程中，我们将使用连接器作为进度条。您还可以选择页面指示器的颜色。最后，您可以提供第一页的标题。
在本教程中，我们将使用连接器作为进度条。您还可以选择页面指示器的颜色。最后，您可以为主页提供标题。
现在您需要单击分页标记来编辑其属性。您可以在此处提供下一页的标题。您还可以编辑要在“下一步”按钮上显示的文本。
现在您需要单击分页符标记来编辑其属性。您可以在此处提供下一页的标题。您还可以编辑显示在“下一步”按钮上的文本。
您可以在分页符后继续添加表单字段。如果您使用的是 WPForms 的 PRO 版本，那么您还可以使用条件逻辑根据用户响应显示和隐藏表单字段。
您可以在分页符后继续添加表单字段。如果您使用的是 WPForms 的 PRO 版本，您还可以使用条件逻辑根据用户响应显示和隐藏表单字段。
添加更多字段后，您可以根据需要添加更多分页符。
添加更多字段后，您可以根据需要添加更多分页符。
创建表单后，单击屏幕右上角的保存按钮。
创建表单后，单击屏幕右上角的“保存”按钮。
恭喜，您已成功创建第一个多页表单。
恭喜，您已成功创建第一个多页表单。
将您的多页面表单添加到WordPress帖子和页面中 （Adding Your Multi-Page Form into WordPress Posts and Pages）
WPForms 使向 WordPress 帖子和页面添加表单变得非常容易。
WPForms 使向 WordPress 帖子和页面添加表单变得非常容易。
创建新的帖子/页面或编辑现有的帖子/页面。在帖子编辑器的顶部，您将看到一个“添加表单”按钮。
创建新的帖子/页面或编辑现有的帖子/页面。在帖子编辑器的顶部，您将看到一个“添加表单”按钮。
单击它将弹出一个插入表单。
单击它将弹出一个插入表单。
从下拉列表中选择您的表单，然后单击“添加表单”按钮。
从下拉列表中选择您的表单，然后单击“添加表单”按钮。
You will notice WPForms 短代码 added into your post/page. You can now save or publish this post or page.
您会注意到WPForms 短代码是添加到您的帖子/页面中。 您现在可以保存或发布此帖子或页面。
访问您的网站以查看正在运行的多页表单。
访问您的网站以查看您的多页表单。
We hope this article helped you add a multi-page form in WordPress. You may also want to see our guide on 如何在 WordPress 中添加联系表单弹出窗口.
我们希望本文能帮助您在WordPress中添加多页表单。 您可能还想查看有关如何在 WordPress 中添加联系表单弹出窗口指南。
If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.
如果您喜欢这篇文章，请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特和Facebook上找到我们。
翻译自: https://www.wpbeginner.com/wp-tutorials/how-to-create-a-multi-page-form-in-wordpress/