WPForms文档

WPForms的文档,参考资料和教程

创建您的第一个表格

您准备好开始使用WPForms的第一个表格了吗?按照本演练中的分步说明进行操作,您可以轻松地在您的网站上发布您的第一个表单。

注意:以下步骤适用于WordPress 5或更高版本。如果您使用的是旧版WordPress,请参阅有关在WordPress经典编辑器中使用表单的教程

WPForms-网站联系表单

添加新表格

在开始之前,请确保您已经在站点上安装并激活了WPForms

首先,您需要登录WordPress管理区域。到达那里后,单击管理侧栏中的WPForms进入“表单概述”页面。

然后,要创建新表单,请单击添加新按钮以启动WPForms表单构建器。

添加新按钮

在表单构建器的“设置”页面中,可以在“表单名称”输入字段中输入表单的名称(例如“联系我们”)。如果您不想输入名称,则表单名称将默认为您选择的模板的名称。

表格名称

在“表单名称”输入下方,您将在“选择模板”部分中找到表单模板。这些是常用表格的预构建模板,可帮助您快速入门。继续并单击您要使用的模板。

创建一个简单的联系表

注意:寻找更多模板吗?有关更多信息,请查看我们的表单模板包附加指南

自定义表单字段

选择表单模板后,表单构建器将带您进入“字段”屏幕。

左侧面板将显示可供您使用的字段。您有权访问的字段取决于您的许可证级别。

表单构建器中的字段面板

注意:如果您想了解有关为表单选择哪个字段的更多信息,请务必查看我们的教程

在右侧面板上,您将看到表单的可编辑预览。

表单预览面板

要将字段添加到表单中,可以单击该字段的名称,也可以将其从左侧面板直接拖放到表单预览中。

单击并拖动一个字段

要从表单中删除字段,可以将鼠标悬停在该字段上,然后单击红色的垃圾桶按钮。

删除字段按钮

访问字段选项

字段选项使您可以配置每个字段的详细信息和设置,例如字段标签和描述。

要查看和编辑每个字段可用的字段选项,请在预览屏幕中单击该字段。然后,字段选项将出现在左侧面板中。

栏位选项

完成字段选项的编辑后,单击“保存”按钮以保存您的更改。

保存表单按钮

编辑表单设置

要访问表单的设置,请单击表单构建器左侧的“设置”选项卡。

表单构建器中的“设置”选项卡

在本教程中,我们将重点介绍可用的前3个设置:“常规”,“通知”和“确认”。

一般的

WPForms中的常规设置

在此部分中,您可以更改表单名称和描述。您还可以自定义提交按钮并为表单切换垃圾邮件保护

通知事项

WPForms中的通知设置

表单通知是在您的用户提交表单时发送的自动电子邮件。在“通知”部分,您可以根据自己的喜好配置这些设置。

注意:如果您想了解有关配置通知电子邮件的更多详细信息,请务必查看我们的指南,该指南介绍了如何在WPForms中设置表单通知

确认书

WPForms中的确认设置

表单确认是通知用户他们已成功提交表单的方法。它们还可以用于向用户提供更多信息或选项。

有关“确认设置”页面选项的更多详细信息,请查看我们的有关设置表单确认的教程

设置完表单后,单击顶部的“保存”按钮以保存表单。然后,单击X按钮以退出表单构建器。

保存表格

在您的网站上显示表格

有几种不同的方法可以将表单添加到站点。在本教程中,我们将重点介绍如何在页面或窗口小部件中在您的网站上显示表单。

将表单嵌入到WordPress页面

有两种将表单嵌入到WordPress页面的方法:通过WPForms使用内置的嵌入向导,或者通过块编辑器手动进行嵌入。

通过WPForms嵌入向导进行嵌入

完成表单的构建后,您可以通过单击“嵌入”按钮直接在表单构建器中使用“嵌入向导” 。

嵌入表格按钮

从那里,您可以选择将表单添加到新页面,或选择一个现有页面来添加表单。

嵌入选项

选择“创建新页面”选项,将要求您输入页面名称。添加名称后,单击“ Let’s Go”按钮嵌入您的表单并发布页面。

在新页面中嵌入表格

如果选择“选择现有页面”选项,系统将要求您选择一个页面来嵌入表单。

选择要嵌入表格的页面

继续,选择要在其中嵌入表单的页面的名称,然后单击“ Let’s Go”按钮将重定向到块编辑器以嵌入您的表单。

用块编辑器嵌入

打开编辑器后,可以单击左上角的+(加号)图标来添加新块。

新增方块

单击此图标后,将显示块选项菜单。要找到WPForms块,可以搜索“ WPForms”或打开“小部件”类别。然后单击名为WPForms的块。

选择WPForms块

这会将WPForms块添加到编辑器屏幕。接下来,继续并从“选择表单”下拉列表中选择所需的表单

选择要在块编辑器中显示的表单

选择表单标题后,完整的表单将显示在WPForms块中。通过选择三个点选项,然后选择显示块设置,您可以选择打开该块的其他设置。

调整WPForms块的设置

在这些阻止选项中,您可以自定义以下设置:

WPForms的块设置
  • 表格:允许您在下拉菜单中选择其他表格。
  • 显示标题显示说明:通过切换这些选项,可以使其他表单详细信息可见。
  • 高级:(仅用于高级用途)允许您将CSS类添加到表单中。

现在,您可以发布页面并访问您的网站,以查看正在使用的表单。以下是表单在实际网站上的外观示例:

前端示例表格

将表单嵌入到小部件中

WordPress窗口小部件是您网站上执行特定功能的一小部分内容。例如,您可以在网站的侧边栏或页脚中添加一个表单。为此,您需要使用WPForms小部件。

要访问您网站的小部件,请导航至WordPress管理区域侧栏中的外观»小部件。然后,向下滚动以找到WPForms小部件。

WPForms小部件

接下来,将WPForms小部件拖放到您选择的小部件位置。然后,单击WPForms小部件以选择您的表单。最后,点击保存

在WPForms小部件中选择表单

以下是该表单在实际网站的页脚中的外观示例:

WPForms页脚示例

就是这样,您刚刚在WPForms中创建了您的第一个表单!

接下来,请确保测试您的表单。我们创建了详细的测试清单,以帮助确保您的表单外观和工作方式完全符合您的要求。


参考文章

https://tech.a-better-planet.com/website-contact-compare.html