如何充分利用联系表格 7

已发表: 2019-01-09

Contact Form 7 是目前 WP.org 存储库中最流行的表单插件。 CF7 具有比大多数插件整体更多的功能。 不仅如此,该插件还有大量扩展选择,让您可以做几乎任何您能想到的事情。 考虑到这一点,我们希望向您展示如何充分利用 Contact Form 7 和大量 Contact Form 7 扩展程序。

订阅我们的 YouTube 频道

联系表 7:简要概述

联系表格 7 扩展

就像我们上面所说的,CF7 是迄今为止最流行的表单插件,也是最通用的插件之一。 但是,如果您不熟悉它,一开始它可能看起来很复杂。 但是当你分解它时,你会发现事实并非如此。

联系表格 7 扩展

不应该仅仅因为您使用代码来创建表单就将您吓跑。 这真的很直观。 从技术上讲,您甚至不需要学习使用的代码,因为文本区域上方的按钮为您提供了自定义模式。 您可以放心使用模态,联系表格 7 对您很有用。 但是,当您深入了解标签和代码时,您将获得插件的全部功能。

联系表格 7 扩展

例如,默认的联系表单模板有 4 个字段:

  • 姓名
  • 电子邮件
  • 主题
  • 信息

但是假设您也需要某人的电话号码。 如果您按电话按钮,您可以将该字段插入到表单中。

联系表格 7 扩展

选项非常简单,但有几个可能需要澄清。

  1. 名称:此字段仅供您使用。 您既可以使用它来标识组织列表中的表单,也可以在短代码中使用它来告诉 Contact Form 7 您要显示哪个电话输入字段。
  2. 默认值:默认情况下,此值将是字段中的值。 例如,如果您想向他们展示您希望如何格式化数字。
  3. ID 属性:如果你想用 CSS 设置这个特定字段的样式,请在此处给它一个 ID。
  4. 类属性:用于所有电话字段或一般字段的 CSS 类。 但是,您是否执行类命名约定取决于您。
  5. 简码:联系表格 7 会在您进行时填写所有值,因此您只需复制代码或点击插入标签即可完成。 如果您稍后需要在表单中对其进行编辑,您可以这样做,因为所有信息都在此处,您无需重新执行任何操作。 最终代码将类似于[[tel contact-phone-1 id:phone-1 class:phone placeholder “1 (931) 762-0897”]]

默认情况下,您拥有的每个标签都以这种方式工作。

其他标签:邮件和消息

邮件选项卡非常简单。 在这里,您将从上一个表单中获取短代码标签,并使用它们来格式化发送到可读电子邮件中的信息。 这样,当人们使用联系表单时,提交的内容不会作为 gobbledygook 发送给您。 您还可以在此处设置标题和电子邮件地址。

联系表格 7 扩展

消息”选项卡是许多人不会弄乱的东西。 这是 CF7 保存用户将看到的所有前端消息的地方。 谢谢,您的电子邮件已发送某种消息,或者我们很抱歉,您尚未填写所有必填字段。 诸如此类的事情。

联系表格 7 扩展

它还具有较小的条件逻辑,例如如果邮件被标记为垃圾邮件会发生什么。 Contact Form 7 在这方面给了你大量的控制权,这很好。 尤其是因为所有这些都与基本免费版有关

它变得更好。 现在您已经熟悉了可以使用插件本身做什么,让我们深入研究一些最好的 Contact Form 7 扩展,这样您就可以真正看到 CF7 引擎盖下的力量。

前七名联系表格 7 扩展

我们认为 7 是一个很好的数字,因为它是联系表 7。这是有道理的。 凭借免费基础插件内置的所有功能,您只需几个插件就可以走很长很长的路。 那么让我们开始吧。

1. 联系表 7 的条件字段

联系表格 7 扩展

在所有 Contact Form 7 扩展中,这可能是最重要的。 基本插件没有的功能之一是条件逻辑。 这个插件通过扩展 CF7 的功能来解决这个问题。 与其说,无论使用何种设备,都向所有人显示相同的表单,您可以为他们提供更适合其平台的特定表单。 而且您不必仅将 CF7 用于联系人——您可以制作任何您想要的表格。 因此,如果您需要在满足某些条件后显示反馈表单,您可以使用此插件来实现。

价格:免费 | 更多信息

2. PayPal & Stripe 插件

联系表格 7 扩展

也许您不需要完整的电子商务解决方案。 也许运行 WooCommerce 或其他东西对于您销售的一两件东西来说太过分了。 这个插件可能是你最好的选择。 您可以为您销售的每件特定商品保留一个表格(每件都有唯一的 SKU 或 ID),您的用户在提交表格后将被重定向到 PayPal 或 Square。 您不会托管或处理他们的付款信息,只需点击几下即可获得销售商品的好处。

价格:免费 | 更多信息

3. 非常简单的验证码

联系表格 7 扩展

我们都讨厌验证码。 尽管如此,它们仍然是抵御垃圾邮件和安全威胁的有效第一道防线。 真正简单的验证码是由与联系表 7 相同的开发人员编写的,所以您知道在提供此功能的所有扩展中,这个是值得信赖的。

价格:免费 | 更多信息

4. 联系表 7 皮肤

联系表格 7 扩展

CF7 非常容易定制。 当然,您可以向每个表单添加 CSS ID 并以这种方式设置样式,但是当 Contact Form 7 Skins 存在时,您为什么要这样做呢? 此插件使用拖放式编辑器,因此如果您不是设计高手并且可以轻而易举地编写 CSS,则可以改为执行此操作。 专业网站的标志之一是完全集成的设计,包括表单,这可以帮助您在没有专业设计人员帮助的情况下自行完成。

如果您真的想在您的网站上充分利用 Contact Forms 7,您将需要多种选项来设置您的样式。 CF7 Skins 提供了许多高级捆绑包和附加组件,因此您不仅可以获得更多的网站模板和皮肤,还可以获得逻辑和将表单分成多个页面的能力,甚至比现有的更高级的样式。免费版。

价格:免费,高级升级 | 更多信息

5. CF7 自动回复(高级版)

联系表格 7 扩展

如果您保留了电子邮件列表(我们几乎可以肯定您这样做了),那么这个高级联系表 7 扩展程序可能值得一看。 许多电子邮件自动回复服务与网站的前端集成都不尽如人意。 他们的小部件和 API 有时会变得非常混乱。 因此,CF7 Autoresponder 可让您使用功能强大的插件,您已经将其样式完美地匹配您的站点,并且仍然使用您首选的电子邮件服务生成和存储您想要的所有潜在客户。 在 CodeCanyon 上只需 18 美元,这简直是物超所值。 特别是因为它也适用于既定形式。 无需重建任何东西。 只要确保这个人知道它们存在,并且你在做生意。 字面上地。

价格: 18 美元 | 更多信息

6. 联系表格 7 存储(高级版)

联系表格 7 扩展

如果您真的想充分利用 Contact Form 7,您需要充分利用它全部安装在 WordPress 上的优势。 CF7 Storage 使您提交的所有表单都保存到您的 WP 数据库中。 很多时候,电子邮件会丢失。 或者,也许电子邮件服务器出了问题,而您错过了一个主要的线索。 或者更糟的是,您的电子邮件开始将来自您网站的提交标记为垃圾邮件/垃圾邮件(根据经验......这是最糟糕的)。 该插件通过为您提供来自任何表单的每次提交的服务器端收件箱来解决该问题。 19 美元,不到一年的 Google One。 我们认为您会同意为这种实用程序(以及安全性,老实说)付出的代价很小。

价格: 19 美元 | 更多信息

7. CF7 Drop Uploader (Premium)

联系表格 7 扩展

搜索文件结构和目录以找到要上传的文件是 2002 年的事。CF7 Drop Uploader 为每个人都喜欢的插件带来了这种现代风格,然后是一些。 将任何文件拖到表单上都将开始上传,您的用户在搜索、单击、单击和单击时不会浪费任何时间。 很多时候,用户会就问题联系您寻求帮助,如果您的表单至少不允许上传屏幕截图,那么您在用户和他们问题的解决方案之间就会产生摩擦。 将此与其他 Contact Form 7 扩展(例如保存到您的数据库的扩展)结合使用,您就已经真正开始发挥小插件的强大功能了。 Drop Uploader 售价 17 美元,但它为您的用户带来的便利绝对值得。

价格: 17 美元 | 更多信息

结论

如果您已经是 Contact Form 7 用户,希望我们能够让您了解一些可以在您的网站上扩展其效用的方法。 如果您不熟悉它,请浏览所有的 Contact Form 7 扩展。 如果您真的想充分利用 CF7,您需要找到合适的扩展。 就扩展库中免费插件的可能性而言,上述七项确实涵盖了您的大部分基础。

您最喜欢的联系表 7 扩展程序是什么?

Vitya_M/shutterstock.com 提供的文章特色图片