使用 WPForms 让用户提交数据并将其显示在您网站上的可搜索表格中

在前端显示 WPForms 条目

这是使用 WPForms WordPress 表单插件收集用户提交的信息并将其显示在您网站上的可搜索表格中的完整指南。 如果您想知道如何在前端显示 WPForms 数据,那么您来对地方了!

WPForms 是目前最流行的表单插件之一。 您可以使用它为许多不同的目的创建范围广泛的表单。

您可以使用 WPForms 来构建 目录, 文档库电子商务市场, 工作 活动列表,并收集推荐信等。

本文将向您展示如何使用 WPForms 只需几个步骤即可构建上述任何内容。 最好的部分是,您不仅会学习如何从用户那里收集信息,还会学习如何在网站前端的可搜索表格中自动显示信息。

让我们开始吧。

期待什么

在本指南中,您将学习:

  1. 让用户使用 WPForms 在您的网站上提交数据。
  2. 将数据存储为常规帖子或页面或单独的自定义帖子类型。
  3. 使用 Posts Table Pro、Document Library Pro 或 WooCommerce Product Table(取决于您显示的内容)在可搜索、可过滤的表格中显示用户提交的数据。

在文章的最后,你会得到这样的结果:

用posts table pro建造的桌子

在前端的可搜索表中显示 WPForms 条目

快速旁注: 如果您想显示来自不同 WordPress 表单插件的用户提交的内容,那么您可以使用以下教程:

  • 重力形式
  • 联系表格 7
  • 忍者形态
  • 强大的形式

现在让我们开始…

1. 让用户使用 WPForms 向您的 WordPress 网站提交数据

第1步: 安装并激活 工作表 在您的 WordPress 网站上。 您应该在仪表板中看到一个 WPForms 菜单。

第2步: 在构建表单之前,请花一点时间计划要在表单上启用哪些字段。

在我的演示网站上,我将创建一个业务目录,一个简单的业务目录将需要以下字段:

  • 公司名称
  • 办公地址
  • 电话号码
  • 电子邮件
  • 网站
  • 验证码

第 3 步: 现在让我们构建表单。 您可以从头开始构建新表单,也可以使用 博客文章提交表格模板. 这 指导 将帮助您安装和使用模板。

但是,如果您选择构建新表单,请导航至 WPForms → 添加新. 选择 空白表格 表单生成器将打开。

第四步: 导航到 设置 并命名表格。 我将表单命名为 Add a Business。

第 5 步: 接下来,前往 字段 您会注意到有许多可用的预构建字段。 开始添加您在第 2 步中选择的字段。只需 拖放字段 进入表格。

提示: 使能够 验证码保护 以防止机器人提交垃圾邮件信息。

第 6 步: 表格准备好后,点击 保存.

这是我建立的一个表格:

使用 wpforms 构建的表单 - 后端

在您的网站上显示 WPForm 表单

现在您的表单已准备就绪,您需要将其发布到您的 WordPress 网站上。 有两种方法可以做到这一点:

  1. 将表单添加到 新的一页, 要么
  2. 将其添加到 现有页面

这是如何做:

  1. 在您的 WPForms 构建器页面上,选择选项 嵌入. 提示:查看屏幕的右上角。
  2. 它会要求您选择是否要将表单嵌入到 现有页面 或创建一个 新的一页. 选择适合您的并继续按照说明进行操作。

嵌入到页面中

在我们的演示网站上,我决定创建一个新页面。 下面是我们的表单在前端的样子:

使用 wpforms 构建的表单 - 前端

我强烈建议您在推广表单之前对其进行测试。

  1. 只需隐身打开 URL,添加虚假数据,然后提交表单。
  2. 然后返回您的 WordPress 仪表板并通过以下方式检查新条目 WPForms → 条目. 您应该能够看到刚刚输入的数据。
  3. 如果您没有看到任何数据,那么 联系支持.

创建隐藏表单

如果您构建的表单只与少数人共享,请考虑使用密码保护它以防止未经授权的访问。 您可以启用 WordPress 自己的密码保护功能,也可以使用 WPForms 的 Locker 插件。 这是一个指南,可以帮助您使用这两个选项: 如何在 WordPress 中制作受密码保护的表单.

你也可以考虑 不索引页面 阻止搜索引擎在 SERP 上显示它。

对,现在进入下一步……

2.将数据存储在WordPress数据库中

是时候考虑将用户提交的数据存储在哪里了。 有几个选项可供选择,具体取决于您从用户那里收集的内容:

  • 文件或任何其他类型的资源 – 安装 Document Library Pro 插件。 这将创建一个“文档”帖子类型,您可以将其映射到 WPForm。
  • 电商产品 – 安装免费的 WooCommerce 插件。 这将创建一个“产品”帖子类型。
  • 任何其他类型的内容 – 您可以将数据存储为帖子或页面,或创建单独的自定义帖子类型。 如果您想接受访问者的文章,那么最好将数据存储为帖子甚至页面。 但是,如果您正在收集推荐信、建立业务目录或工作和活动列表,那么创建单独的自定义帖子类型更有意义。 相信我们,您不想将所有数据存储为帖子和页面。 它会使您的网站混乱。

如果您需要创建自定义帖子类型,请按照下一节中的说明进行操作。 如果不, 跳过.

创建自定义帖子类型

要创建自定义帖子类型,您只需按照以下步骤操作:

  1. 下载 安装 免费 豆荚插件 在您的网站上。
  2. 您应该看到一个名为 豆荚管理员 在 WordPress 管理员中。 去 Pods 管理员 → 添加新的 → 创建新的.
  3. 接下来,选择 自定义帖子类型(如帖子或页面) 来自 内容类型 落下。
  4. 之后,添加 单数复数标签. 所有用户提交的数据都将存储在 Plural 标签下。 我将我的单数标签命名为“企业”,将复数标签命名为“企业”。
  5. 前往 高级选项. 向下滚动到 支持内置分类法 部分。 选择字段 您需要自定义帖子类型,然后单击 保存 Pod. 对于您将在 WPForms 表单上收集的每条信息,帖子类型都需要一个字段。 如果标准字段还不够,那么 y您可以添加自定义字段和分类法。 我们有专门的指南可以帮助您做到这一点。
  6. 点击 下一步. 此时,您应该会在 WordPress 管理员的左侧看到自定义帖子类型。
  如何在 WordPress 中创建 BigCommerce 产品表

使用 pods 插件创建的自定义帖子类型

下一步是将您在第 1 节中创建的 WPForm 与您用于存储表单条目的帖子类型链接:

  1. 接下来,您将学习如何将表单字段映射到帖子类型。 为此,请下载并安装 WPForms 的 Post Submission Add-on。
  2. 然后去 WPForms → 所有表格. 选择您之前创建的表单。
  3. 在表单构建器页面上,导航到 设置→发布提交.
    • 您应该能够看到一个名为 Post Submission 的选项,该选项设置为 Off。 切换它 .
    • 向下滚动到 帖子类型. 从下拉列表中, 选择帖子类型 您用于存储用户提交的数据。 对于这个演示教程,我选择了我的 自定义帖子类型:企业。
    • 进一步向下滚动并设置 发布状态 作为 草案 要么 待审核.
    • 保存.

而已。 您的帖子提交页面应如下所示:

wpforms发布提交

3.使用posts table pro在可搜索的表中显示用户提交的数据

在 Barn2,我们有 3 个插件可供选择,它们可以在前端显示 WPForms 条目。 它们都在可搜索的表格中显示表单条目,您应该选择与您的内容类型相匹配的插件 用户正在提交:

  1. 邮政表专业版:用于显示帖子、页面和自定义帖子类型。
  2. 文档库专业版:用于显示文档库和资源中心。
  3. WooCommerce 产品表:用于展示 WooCommerce 产品。

以下说明侧重于 Posts Table Pro。 但是,其他两个插件的方法非常相似。

指示

  1. 安装并激活 Post Table Pro 插件 在您的网站上。
  2. 在您的 WordPress 仪表板上,导航到 设置 → Posts Table Pro 并激活插件的许可证。
  3. 在同一页面上向下滚动,您将看到许多选项。 花一些时间查看选项并在必要时进行修改。 例如,您应该为您在 WPForms 表单中收集的每条数据添加一列。 记得打 保存 在您进行下一步之前。
  4. 现在,导航到 页面 → 添加新的. 将创建一个新页面。 这是您将显示表格的地方。 我将我的页面命名为 Business Directory。
  5. 接下来将此短代码添加到您的页面: [posts_table]
  6. 现在 看法 这页纸。 您应该能够看到包含您在步骤 3 中选择的设置的表格。您可以使用简码覆盖某些设置。

这是有关如何添加表格的视频教程:

这是我在演示站点上创建的业务目录。 WPForms 条目显示在带有“国家”过滤器和可排序列的可搜索表中。

用posts table pro建造的桌子

常问问题

Q. 如何查找用户提交的数据?

A. 在您的 WordPress 仪表板上,转到 WPForms → 条目 选择表格 并且用户提交的条目将出现。 您还可以通过转到 WordPress 管理员的“页面”或“帖子”部分或单击自定义帖子类型的名称(取决于您选择保存数据的位置)来找到它。

Q. 用户可以更改他们提交的数据吗?

A. 是的,他们可以。 有两种方法可以让用户修改他们的数据。

  • 下载并安装 通用前端编辑器. 它将添加一个 编辑 靠近桌子的按钮。 用户将 需要一个账户 并且必须登录才能单击按钮以访问前端编辑器。
  • 或者,您可以使用另一个名为 编辑. 它将把用户直接带到文档页面,他们可以在其中编辑他们的信息。

需要更多帮助? 查看本指南: 创建具有用户特定内容的 WordPress 表.

问:表格没有出现,只有简码出现了!

A. 如果您可以在页面上看到简码而不是表格,则很可能是许可证问题。 转到 设置 → Posts Table Pro 检查您的许可证密钥是否已激活.

遇到此处未列出的问题? 看看我们的 故障排除资源. 也欢迎您与我们联系 支持团队.

入门

这个就差不多了。 你可以等插件从这里:

  • 工作表 收集用户提交的数据。
  • WPForms 发布提交 将数据存储为帖子、页面、自定义帖子类型、文档或产品。
  • 帖子表专业版, 文档库专业版 或 WooCommerce 产品表在前端显示 WPForms 条目。

我希望本文能帮助您显示通过 WPForms 提交的信息。 您可以使用此方法构建任何类型的业务目录。

如果您有任何问题,请随时将它们放在下面的评论部分。

类似文章