如何在 WordPress 中创建联系表单(加上最好的插件)

已发表: 2019-05-29

每个站点都需要一个联系表单,这可能就是您阅读有关如何使用联系表单 WordPress 插件创建自己的表单的帖子的原因。

因此,您可以使用大量出色的选项在 WordPress 中添加联系表单。 在这篇文章中,我将逐步向您展示如何免费使用一个。 是的,您将确切地了解如何在不打开钱包的情况下创建自定义的、美观的联系表格。

在该教程之后,我将分享一些其他最佳联系表单插件,以及为什么您可能想要在教程中的插件上选择这些选项之一。

在 WordPress 中创建联系表单的最简单方法

如果您想向 WordPress 添加联系表单,您需要一个联系表单 WordPress 插件。

现在,有很多可靠的选择,我接下来会介绍。 但如果您只想要一个基本的联系表格,最简单的选择是使用一个名为 HappyForms 的免费插件。

以下是如何通过几个步骤在 WordPress 中创建联系表单......

1. 安装并激活 HappyForms Contact Form WordPress 插件

HappyForms 插件是免费的,可在 WordPress.org 上获得,这意味着您可以通过转到插件 → 添加新并搜索“HappyForms”来安装它:

联系表格 wordpress 1

2. 创建一个新表单

安装并激活 HappyForms 插件后,转到HappyForms →在 WordPress 仪表板中添加新内容

联系表格 wordpress 2

这将启动一个看起来很像 WordPress 定制器的新界面(您可以在实时预览中自定义主题的界面)。

与 WordPress 定制器一样,您将能够在构建联系表单时看到它的实时预览。

不过,首先,只需为您的表单命名以帮助您记住它:

联系表格 wordpress 3

3. 添加表单域

接下来,使用表单字段列表来选择要包含在表单中的字段。 对于基本的联系表单,您可能需要以下选项:

  • 短文本- 用于人名。
  • 电子邮件– 用于此人的电子邮件地址。
  • 长文本- 用于此人的消息。

要添加表单域,您只需单击它即可。 单击它后,您将能够在侧栏中配置其设置。 当您更改字段的设置时,您会在实时预览中看到它的更改:

联系表格 wordpress 4

添加所有表单字段后,您应该会看到联系表单的完整预览:

联系表格 wordpress 5

如果需要,您可以添加其他符合您需求的字段。 例如,您可能希望添加一个复选框或下拉列表,让提交者选择消息的内容(并帮助您组织所有内容)。

添加完表单域后,单击“设置”按钮继续。

4. 配置访客提交表单后发生的事情

单击“设置”按钮后,您将获得许多选项来控制访问者提交您的联系表单后发生的情况。

在顶部,您可以设置确认消息,这是在您的网站上的表单提交者提交表单后显示给他们的消息 (1)。

下面,你可以选择是否收到电子邮件通知时,有一个新的表单提交,并在其电子邮件地址,你想收到意见书(2)。 HappyForms 还将在您的 WordPress 仪表板中存储表单提交 - 稍后会详细介绍

联系表格 wordpress 6

接下来,您可以选择是否向表单提交者发送电子邮件通知,如果是,这些电子邮件通知应包含的内容:

联系表格 wordpress 7

最后,设置底部可以让您配置各种杂项设置,包括是否:

  • 提交表单后将用户重定向到不同的页面
  • 在您的 WordPress 仪表板中保存表单提交
  • 使用 Google ReCaptcha 进行垃圾邮件防护
  • 让表单提交者在提交前预览他们的消息

如有疑问,您应该将这些设置保留为默认值:

联系表格 wordpress 8

做出选择后,单击样式按钮前进到下一组选项。

5. 配置联系表单的样式

最后的配置步骤! 现在,您可以使用各个区域来配置联系表单的外观和样式:

联系表格 wordpress 9

例如,要配置外观 提交按钮,您将打开提交按钮设置。 在那里,您可以更改其字体、调整宽度、更改颜色等。

当您进行任何更改时,您会看到实时预览会自动更新,这使您可以轻松确定每个调整对您的表单有何影响:

联系表格 wordpress 10

完成样式选项后,单击“保存并关闭”按钮完成设置。

6.将您的联系表格添加到您希望它出现的页面

要实际嵌入您的表单,您可以将其添加为:

  • 在新的块编辑器中块
  • 经典编辑器或块编辑器中的简码
  • 任何小部件区域中的小部件

例如,如果您使用的是新的 WordPress 块编辑器,您将创建一个名为“联系我们”的新页面并插入HappyForms块。

从那里,您可以选择要插入的表单:

联系表格 wordpress 11

或者,如果您仍在使用经典的 WordPress 编辑器,您可以通过单击添加 HappyForms按钮将您的联系表单作为短代码插入:

联系表格 wordpress 12

就是这样! 访问者将能够开始通过您的联系表格向您发送消息

如何查看表单提交

您可以通过两种方式查看表单提交。

首先,如果您在表单的设置中设置电子邮件通知,那么只要有人提交表单,您就会收到一封电子邮件。

其次,您还可以通过转到HappyForms → Responses从 WordPress 仪表板内部查看提交:

联系表格 wordpress 13

如果您单击特定回复,您将能够查看完整消息:

联系表格 wordpress 14

这就是全部!

其他四个最佳联系表单 WordPress 插件,以及您可能想要其中一个的原因

对于简单的 WordPress 联系表单,HappyForms 是大多数用户的最佳选择。 但是,它绝不是唯一的高质量联系表单 WordPress 插件。 如果您想要的不仅仅是简单的联系表格,您可能更喜欢不同的选择。

所以为了完成这篇文章,让我们来看看一些最好的 WordPress 联系表单插件,以及什么可能使它们比我在上面的教程中使用的 HappyForms 插件更好。

1.WPForms wpforms

WPForms 是 WordPress.org 上最受欢迎的联系表单 WordPress 插件之一。

这个插件的一个好处是它为您提供了一个拖放构建器来排列您的表单字段,包括设置多列设计的选项。 因此,如果您喜欢这样,那可能是选择 WPForms 的原因之一。

除了拖放式构建器之外,还有一些不同的高级版本可以让您的表单更具创意。 您将能够:

  • 接受付款
  • 让人们注册到您的电子邮件地址
  • 连接到 Zapier
  • 等等。

因此,如果您想要高级功能,那可能是选择 WPForms 的另一个原因。

高级版本的起价为 39.50 美元,最高可达 299.50 美元,具体取决于您想要的功能以及您想要使用该插件的网站数量。

2. HubSpot 多合一营销

枢纽

顾名思义,HubSpot 多合一营销是一种多合一工具,涵盖从弹出窗口到实时聊天以及(您猜对了)联系表格的所有内容。

使用拖放式构建器,您可以创建自己的自定义联系表单,以根据需要收集尽可能多或尽可能少的信息。

一大好处是 HubSpot 会自动将您提交的所有表单存储在集成的 CRM 中。 因此,如果您将联系表格用于销售或其他任何可以从 CRM 中受益的表格,那么这是一个很好的选择。

3.忍者形态忍者形态

Ninja Forms 是另一种免费增值产品,具有许多与 WPForms 相同的优势。

也就是说,它提供了一个有限的免费版本,并为您提供了一个拖放构建器,您可以使用它来安排您的表单字段。

如果你愿意付费,你可以让你的表单做很多更高级的事情,包括:

  • 接受付款
  • 让人们订阅您的时事通讯
  • 将表单提交者放入您的 CRM
  • 等等。

一个区别在于这些溢价期权的定价结构。 Ninja Forms 不是不同的高级版本,而是让您挑选要使用的高级附加组件。 或者,您也可以购买 99 美元起的附加组件。

4. 火山口形式火山口

就您在免费版本中获得的功能而言,Caldera Forms 是最慷慨的免费 WordPress 联系表单插件之一。

即使在免费版本中,您也可以创建具有以下功能的复杂表单:

  • 多页
  • 条件逻辑,您可以根据一个人如何回答以前的问题来显示不同的表单选项

它还有一个拖放式构建器,尽管界面不像 WPForms 或 Ninja Forms 那样适合初学者。

除了慷慨的免费功能外,还有一个高级版本可以添加更高级的功能——比如支付和电子邮件营销服务集成。

除了这些附加组件外,还有一项订阅高级服务,其独特的重点在于:

  • 电子邮件送达率——该服务实际上处理发送电子邮件以确保它们最终进入访问者的收件箱
  • 表格到 PDF 的转换
  • 发送电子邮件确认的统计数据

5. 重力形式重力形式

最后,还有 Gravity Forms,这是一个特别流行的联系表单 WordPress 插件,供开发人员使用。

开发人员喜欢它是因为,除了提供许多用于创建从支付表单到前端发布提交的所有内容的内置功能外,Gravity Forms 还具有可扩展性,并且拥有庞大的第三方扩展市场。

因此,如果您想要一些可以真正深入挖掘并根据您的需求进行定制的东西,Gravity Forms 及其各种扩展可能是适合您的插件。

唯一的缺点是没有免费版本的 Gravity Forms。 如果你想使用它,你需要用你的信用卡。

起价为 59 美元,最高可达 259 美元。

关于 WordPress 联系表格的最终想法

使用正确的联系表格 WordPress 插件,可以轻松创建和自定义完全符合您需求的联系表格。

如果您只需要一个简单的联系表格,HappyForms 插件提供了一种可靠、简化的方法。 如果您想要更多功能,您可以考虑升级到付费表单插件,以完成从接受付款到将人员注册到您的电子邮件营销列表的所有操作。

立即创建您的第一个表单,并开始让访问者更轻松地与您联系!