如何使用在线表单条目自动创建 WordPress 表格

既然您在这里，您可能希望以表格格式显示您的表单条目，以便您的观众获得最佳体验。 我们恰好为您提供了出色的解决方案！ 要在 WordPress 表格中添加表单条目，您只需要 WordPress 中的表格和表格插件即可。

为什么我们需要表单和表格插件集成

如果您不寻求自动化解决方案，让我们尝试想象一下该过程可能会是什么样子。

假设您的网站上有一个在线表单，并且您希望以表格格式展示表单条目。 为此，您必须：

1.手动复制表单提交并将它们粘贴到您的表格中。 但这需要付出很大的努力，并留下人为错误的机会。 更不用说每天完成任务所需的时间。

或者，

2.您可以导出表单数据的 CSV 文件并将其添加到您的表格中，并定期更新表格。 这个选项需要人工干预和努力，而且肯定很麻烦。

因此，从这个意义上说，当您需要自动提取表单条目并将它们放在数据表上时，Ninja Tables 与 Fluent Forms 的集成是一个救星。 而且表格会实时更新，这样您就不必手动管理数据条目，让出错的空间为零。

我们将揭示一些关于如何使用 Ninja Tables 获取 Fluent Forms 数据并以表格格式在您的 WordPress 网站上展示它们的技巧。 如果您想让您的生活更轻松，请听我们说。

在 WordPress 表格中添加表单条目：Ninja Tables 和 Fluent Forms

Fluent Forms 是在线表单的终极联系表单插件，目前是市场上最好的插件之一！ 同样，Ninja Tables 是 WordPress 最先进的表格构建器，也是一流的数据表格解决方案。

将 Fluent Forms 与 Ninja Tables 集成意味着 WordPress 爱好者可以炫耀一些非常酷的东西！ 您只需使用 Fluent Forms 创建一次表单，配置集成后，所有更新都会自动显示在 Ninja Tables 中。

在我们继续之前，请重新检查您的 WordPress 中是否安装了这两个插件。

现在，这是在 WordPress 中使用表单创建表格的方法。

带有 Ninja Tables 和 Fluent Forms 的 WordPress 表格中的表格条目（5 个步骤）-

• 在 Fluent Forms 中创建表单
• 表单数据输入
• 提交表格
• 将 Ninja Table 与流利的表格连接起来
• 完事

第 1 步：在 Fluent Forms 中创建表单

首先，转到您的 WordPress 仪表板并选择“添加新表单”。 您还可以从侧边栏的下拉菜单中选择“新建表单”。

现在您将看到具有多个表单类别的多个框。 基本类别目前有五个选项。

• 空白表格
• 联系表
• 通讯表格
• 支持表格
• 投票表格

下面还有一些类别。 例如 - 产品、教育、人力资源、市场营销、IT、财务、社交邀请等。

对于此演示，我们将编辑一个空白表单以帮助您入门。 这个过程对所有人都是一样的。

打开空白表单后，窗口将显示两个表单创建选项 -输入字段和输入自定义。

要创建，您可以，

• 点击字段
• 左侧拖放字段
• 点击“+”号
• 搜索块

如您所见，表单是自动命名的。 您可以从左上角突出显示的区域编辑名称。

如果您已经准备好表格，那么您可以跳过此步骤并直接进入第 4 步。如果没有，请按照说明进行操作。

我们关于如何使用 Fluent Forms 创建表单的文档也可以帮助您更好地理解它。

第二步：表单数据输入

我们选择了四个字段——姓名、电子邮件、地址和电话号码。 在“输入自定义”面板中，您可以根据需要多次编辑输入。 只需单击复选框即可选择或取消选择。

在这里，每个块上的“+”图标可让您重新定位、编辑、复制和删除。 Fluent Forms 允许用户从右上角的图标进入全屏模式，以获得更清晰的视图。

我们还将把我们的表格命名为“ Dunder Mifflin ”。 现在，继续“保存表格”。 并转到“预览和设计”。

第 3 步：提交表格

在“预览和设计”面板中，您可以更改表单样式模板。 同样，自定义 Asterisk position、Inline Error Message、After Submit Success Message 和 After Submit Error Message from Misc 。

完成设置和自定义表单后，单击“保存设置”。

您可以使用虚拟条目填写表格以进行测试，并确保一切正常。 第一次提交将是第一个条目。 但是，如果您想要更多，请在提交后重新加载表单条目页面并将更多条目放在“编辑器”面板中。 如果您重新加载“条目”，表格将显示条目更新。

同样，您可以转到“预览和设计”来编辑表单样式。

如果您认为提交的条目需要编辑，请单击“操作”中的“查看”按钮（眼睛图标），然后单击“编辑”按钮。 该窗口将显示您要编辑的特定条目的详细信息。

我们在“Dunder Mifflin”表格上只添加了四个不同的条目，包括姓名、电子邮件、地址和电话号码。 但 Fluent Forms 实际上可以无限输入！

第 4 步：将 Ninja Table 与 Fluent Forms 连接起来

最后，这是在 WordPress 数据表上显示表单条目所需执行的操作。

转到仪表板上的 Ninja Tables 并单击“添加表”以获取如下图所示的弹出窗口。

现在，选择左侧边栏中的“连接 Fluent Form”选项。 然后在“表格标题”和“选择表格”上命名表格。

我们已将表格命名为“以表格格式显示 Dunder Mifflin 条目”，并选择了前面在步骤 1 中制作的表格“Dunder Mifflin”。您也可以选择任何其他预制表格。

表单选择将导致“选择输入字段”，您可以在其中从表单中选择您希望表格显示为列的输入字段。

单击“保存”后，表格将显示所有表单条目。

所有忍者桌的其余部分完全相同。 因此，您可以编辑行、设计和配置、导入导出等。在这里，您将找到有关如何自定义和设置 Ninja Tables 样式的详细介绍。

第 5 步：完成

就是这样！

在第 4 步中，您几乎完成了在数据表中插入表单条目的过程。 这一步是向您展示决赛桌的样子。

我们设计了带有忍者桌颜色定制功能的桌子。 您现在可以复制表格的简码并将其粘贴到 WordPress 帖子/页面的任何位置。

一些额外的位

• Ninja Tables 和 Fluent Forms 集成的最佳之处在于自动更新。 无论您在表单中编辑什么数据，它都会显示在表格中。
• 您可以输入无限的条目并根据需要进行自定义。
• 无需编码知识。
• 查看有关此集成的详细文档。

结束语

毫无疑问，Fluent Forms 和 Ninja Tables 是 WordPress 爱好者甚至初学者最有效的组合！ 凭借人性化的功能和智能的 UI，这两个插件的集成可以确保完美的数据呈现。

我们已经讨论了如何使用 Ninja Tables 和 Fluent Forms 在 WordPress 表格中添加表单条目。 希望这篇简洁的文章对您来说已经足够了。 如果您无法理解任何内容，请给我们打电话。

您可以浏览另一篇关于如何将 Google 表格嵌入您的在线数据表的文章。