如何在 WordPress 中创建 RSVP 表单(分步)

已发表: 2020-08-28

您想在 WordPress 中创建 RSVP 表单吗? 在您的站点上收集 RSVP 是跟踪与会者的一种简单方法,因此您可以更轻松地计划您的活动。

在本文中,我们将向您展示在 WordPress 中创建 RSVP 表单的简单方法。 如果需要,我们还将解释如何限制 RSVP 的数量。

立即创建您的 WordPress RSVP 表单

为什么要在 WordPress 中设置 RSVP 表单?

当你计划一个活动时,你需要知道谁来了,他们的要求是什么。

使用 WPForms,您可以轻松地在您的网站上发布 RSVP 表单,而无需编写任何代码。 您可以在一处获取与会者的联系方式和要求。

我们将使用 WPForms 创建一个 RSVP 表单。 WPForms 是 WordPress 最好的表单构建器插件。

WPForms 是最好的 WordPress Form Builder 插件。 免费获取!

您可以使用 WPForms 为 WordPress 制作任何类型的表单。 它带有 100 多个表单模板,您可以使用简单的拖放构建器自定义这些模板。

使用 WPForms,您可以为任何类型的事件快速制作 RSVP 表单,包括:

  • 商务会议
  • 派对
  • 婚礼
  • 在线网络研讨会
  • 培训课程
  • 夏令营
  • 同学聚会

稍后,我们将向您展示如何限制可以回复的人数。 这是可选的,但如果您有固定的容量,它会非常有用。

如何在 WordPress 中创建 RSVP 表单

想要阅读说明吗? 这是我们将在本教程中完成的书面步骤列表。

  1. 安装 WPForms 插件
  2. 创建您的 WordPress RSVP 表单
  3. 编辑您的 RSVP 表单设置
  4. 编辑您的 RSVP 表单通知
  5. 编辑您的 RSVP 表格确认
  6. (可选)限制您收到的 RSVP 数量
  7. 将您的 RSVP 表单添加到您的网站

让我们深入了解并首先设置插件。

第 1 步:安装 WPForms 插件

首先,您需要在您的网站上安装 WPForms 插件。 如果您在安装插件时需要帮助,请跳到这个在 WordPress 中安装插件的初学者指南。

您不需要 WordPress RSVP 插件,但我们建议您安装 Form Templates Pack 插件以加快速度。

为此,请单击WPForms » Addons并向下滚动到标记为Form Templates Pack addon 的插件

WPForms 插件菜单

单击安装插件»激活。 当此处的开关为绿色时,您就会知道它处于活动状态:

安装 WPForms WordPress 表单模板

就是这样! 让我们打开表单并为您的活动自定义它。

第 2 步:创建您的 WordPress RSVP 表单

自定义表单只需几分钟。 我们会带你完成它。

继续并单击WPForms » Add New 。 您可以在顶部为表单输入名称。

在 WordPress 中命名您的 RSVP 表单

接下来,向下滚动到标记为Additional Templates的部分并搜索RSVP 。 我们将点击Simple RSVP Form打开模板。

WordPress 的简单 RSVP 表单模板

当表单构建器打开时,您会在左侧看到一个字段列表。 表格如右图所示。

WordPress 表单构建器中的 RSVP 表单

如果需要,您可以在表单中添加更多字段。 只需将字段从左侧面板拖到右侧面板即可。

将电话字段添加到 RSVP 表单

您还可以单击任何字段来更改设置。 您可以单击并拖动任何字段以向上或向下移动它。

您知道您也可以通过表格付款吗? 这是收取预订费或捐款的好方法。 要在表单中添加付款字段,请查看我们的指南,了解如何在您的网站上使用 Stripe 接受付款。

当您的 RSVP 表单看起来像您想要的那样时,点击保存

不要关闭表单构建器窗口。 我们将在下一步中查看设置。

第 3 步:编辑您的 RSVP 表单设置

现在让我们确保您的 RSVP 表单设置正确。

首先,单击表单构建器窗口左侧的“设置”按钮。 常规设置将在右侧自动打开。

RSVP 表单的常规设置

以下是您要检查的重要设置:

  • 表单名称- 如果需要,更改表单的名称
  • 表格说明– 为您的表格提供说明。
  • 提交按钮文本– 自定义提交按钮上的文字
  • 垃圾邮件预防– 使用反垃圾邮件功能、hCaptcha 或 Google reCAPTCHA 阻止联系形式的垃圾邮件。 所有新表单都会自动启用反垃圾邮件功能。
  • AJAX 表单– 启用 AJAX 设置,以便您的页面在您的与会者提交表单后不会重新加载。
  • GDPR 增强功能– 禁用某些类型的信息的存储以符合 GDPR。 查看我们关于如何在表单中添加 GDPR 协议字段的分步说明以了解更多信息。

搞定? 伟大的。 点击保存

现在我们只需要设置通知电子邮件。 在表单生成器窗口中停留更长时间。

第 4 步:编辑您的 RSVP 表单通知

使用 WPForms,您可以自定义在有人提交您的 RSVP 表单时收到的电子邮件。

要进行设置,请单击左侧的通知

默认情况下,WPForms 会向{admin_email}发送通知 - WordPress 中管理员的电子邮件地址。 如果您想更改它,您可以删除{admin_email}智能标记并将其替换为不同的电子邮件地址。

WordPress 中的 RSVP 表单通知

您也可以在此处自定义主题行和消息。

您也想向您的与会者发送电子邮件吗? 只需单击添加新通知即可设置另一封电子邮件。

这一次,您可以使用智能标签自动将电子邮件发送到与会者的电子邮件地址。 单击任何字段上方的显示智能标签链接,然后从列表中选择您需要的智能标签。

使用智能标签发送 RSVP 表格谢谢

如果您想了解有关其工作原理的更多详细信息,请查看有关如何在 WordPress 中发送多个表单通知的分步教程。

现在,让我们进入最终设置屏幕:确认。

第 5 步:编辑您的 RSVP 表格确认

表单确认是在站点访问者提交表单后显示给他们的消息。 要自定义这些设置,请单击左侧的确认菜单项。

在 WPForms 中,您可以选择 3 种不同的确认类型:

  • 消息- 这是默认选择。 它在提交表单后立即加载一条消息。
  • 显示页面- 这使您可以在提交表单时在您的网站上打开不同的页面。 例如,您可以加载一个包含场地地图的页面。 如需这方面的帮助,请查看我们关于将客户重定向到感谢页面的教程。
  • 转到 URL(重定向) – 您可以使用它来将访问者发送到不同的网站。

选择 RSVP 表格确认

对于此示例,我们将保持简单并从下拉列表中选择消息

确认消息字段中,您可以删除默认文本并编写自己的消息。 如果需要,您还可以在此处添加链接和图像。

全部完成? 请务必点击保存

下一步是可选的,但如果您的活动席位有限,您可能需要继续。

步骤 6(可选):限制您收到的 RSVP 数量

使用 Form Locker 插件,您可以让 WPForms 在达到最大条目数时自动关闭表单。

在我们进行设置之前,请检查您的表单是否已保存,然后单击右上角的 X 关闭表单构建器。

接下来,点击WPForms ,然后点击Addons 。 向下滚动,直到找到Form Locker插件并激活它。 当插件处于活动状态时,开关变为绿色。

激活 Form Locker 表单过期插件

现在我们要回到WPForms然后是All Forms 。 编辑您在前面步骤中处理的表单。

在 WordPress 中编辑 RSVP 表单

现在,单击左侧的设置。 您会注意到 Form Locker 菜单现在可用。 继续并单击它以打开 Form Locker 设置页面。

所有这些设置对于事件都很方便。 我们只是要放大这里的入场限制

限制 WordPress 中事件表单的回复

继续并单击标记为对总表单条目启用限制的复选框进行设置。

基于最大条目数的表单到期

在“限制”框中,键入要接收的最大 RSVP 数。

在下方的字段中,您可以自定义Closed Message 。 当您的表单收到最大数量的条目时,您的表单页面将显示此消息而不是表单,如下所示:

表格到期信息

还有其他方法可以使用 Form Locker 锁定表单。 例如,您可以为表单设置自动到期日期。 这样,即使尚未达到最大容量,WPForms 也会在您选择的日期自动关闭您的表单。

好的,我们已经完成了表格的制作,所以让我们发布它。 这是最后一步,只需几分钟。

第 7 步:将您的 RSVP 表单添加到您的网站

WPForms 允许您将表单添加到网站上的许多位置,包括:

  • 博客文章
  • 页面
  • 侧边栏小部件。

我们还有一种非常简单的方法来添加 Elementor 联系表单。

在此示例中,我们将使用“嵌入”按钮将表单放在新页面上。

继续并单击表单构建器顶部的嵌入。 在弹出窗口中,我们将点击Create New Page

创建新的表单到期页面

为您的新主页键入一个名称,然后单击“开始吧”按钮。

在 WordPress 中嵌入 RSVP 表单

WordPress 将打开您的新页面,以便您对其进行自定义。 当您准备好在您的网站上发布您的 RSVP 表单时,只需单击顶部的发布

WordPress 块编辑器中的 RSVP 表单

现在您的表单已生效并准备好接受 RSVP。

已发布的 WordPress RSVP 表单

该表格现在看起来很基本。 但是您可以自定义页面以使其更有趣。 需要一些设计灵感吗? 查看这些您可以窃取的联系表格设计。

就是这样! 现在您的 RSVP 表格已完成,您可以在社交媒体上分享链接,或将链接嵌入您的邀请中。

立即创建您的 WordPress RSVP 表单

下一步:查看您的 RSVP 条目

您知道您可以在 WordPress 中保存您的回复吗? 这使得在一个地方查看您的所有回复变得非常容易。

要进行此设置,请查看我们关于如何在 WordPress 数据库中保存表单数据的指南。

我们完成了! 准备好构建您的表单了吗? 立即开始使用最简单的 WordPress 表单构建器插件。 WPForms Pro 包括免费的 RSVP 表单模板并提供 14 天退款保证。

如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们,以获取更多免费的 WordPress 教程和指南。