联络表格七

在本文中,您将学习如何使用contact form 7创建一个工作联系人表单。

  1. 开始
  2. 管理界面解释
  3. 标签如何工作
  4. 编辑表单模板
  5. 设置邮件
  6. 编辑信息
  7. 附加的设置
  8. 如何在基石/内容建设者中使用联系形式7
  9. 总结

Contact Form 7是最流行的WordPress表单插件之一。它允许您创建联系表单,并将这些表单添加到您的网站上使用生成的短代码的任何页面。

例如,您可以创建一个简单的联系人表单,其中包含以下字段:姓名、电子邮件、消息和一个提交按钮。

联系表格7示例

你只需要创建一个表单,在你发布它之后,你会得到一个生成的短代码,像这样:

联系方式7

然后你只需要把短代码放在任何页面上。

WordPress添加新页面

就是这样!

让我们再深入一点……

开始

Pro >验证然后寻找联络表格七.点击安装

Pro >验证

然后去插件,寻找联络表格七并点击激活。

插件>联系形式7

安装并激活Contact Form 7后,您将在WordPress仪表板上看到一个额外的菜单项联系.点击联系方式>您将能够看到您的联系表单列表。

默认情况下,Contact Form 7已经为您创建了一个联系人表单。

管理界面解释

列表页面

联系表格7列表页

上面的截图显示了您的联系人表单列出的区域。

的值,如前面介绍中所讨论的短码列是需要附加的代码,以便在前端显示表单。

要添加一个新的联系人表单,只需点击页面顶部的“添加新”按钮。

联系人表格7添加新

添加/编辑联系人表单

当您添加或编辑联系人表单时,您将看到以下内容:

联系方式7

值得一提的有4个主要因素

  • 标题-在WordPress中非常明显和普遍。
  • 选项卡-有4个标签,每个标签都有自己的用途:表单,邮件,消息和附加设置。我们将在后面详细讨论每一个。
  • “复制”按钮-为您提供了一种简单的方法来创建当前表单的精确副本。这只在编辑模式下出现,在添加新模式下不出现。
  • “保存”按钮

标签如何工作

如果你熟悉HTML,你就会知道你在网页上看到的几乎所有东西都是因为放置了一个HTML“标签”。Contact Form 7也有自己的标记来显示表单元素。有一个标签用于文本输入,有一个标签用于提交按钮,然后还有一个标签用于电子邮件输入,文本区和另一个下拉列表。

所有的联系表格7标签都包含在方括号内[].下面是一个例子:

[文本你的名字占位符"输入你的名字"]

它的作用是显示一个文本输入框,其中有一个占位符,上面写着“输入您的名字”。

联系表格7输入您的姓名

这是另一个——这次是一个下拉菜单:

[选择菜单-707 "计费" "技术支持" "销售" "其他"]

该代码生成了这个下拉表单元素。

联络表格7

如果你不喜欢学习这些标签,别担心,你不需要学习。它们通过以下步骤为您生成:

  1. 假设您想要添加一个文本区域,人们可以在其中输入消息。只需点击“文本区”按钮。
联系表格7你的名字
  1. 如有必要,请填写详细信息。

  2. 点击“插入标签”

联系表格7插入标签

这是所有!

如果你想了解更多关于标签的工作原理,请访问Contact Form 7网站在这里

编辑表单模板

要设置联系人表单上应该显示的字段以及它们的排列方式,您需要访问形式选项卡。当您创建一个新表单时,您已经有了一个默认的表单模板,因此您不必从头添加标记。默认模板包含以下字段:

  • 名称的文本输入
  • 电子邮件地址输入
  • 文本信息区域
  • 提交按钮
联系表格7编辑模板

根据需要在表单上添加的细节,您可以编辑模板或删除所有内容,以从头开始添加标记。然而,大多数联系表单是相同的,因此您可能不需要从头创建。

一定要注意,您可以自由地在联系人表单模板编辑器中添加HTML代码。您会注意到,默认模板使用了<标记> < / >标签HTML标签。你可以在里面添加任何HTML标签Div, span, p, h1,表等。

联系表格7标签生成器

这使您可以自由地决定如何布置表单。

设置邮件

这是“邮件”选项卡的样子:

联系表格7邮件设置

这是将从联系表单中接收电子邮件的电子邮件地址。通常,此电子邮件地址是您公司的电子邮件地址或您公司的适当人员的电子邮件地址。澳门188bet娱乐

不要误以为“From”是填写和提交表格的人的姓名和电子邮件。一般来说,“From”是你的WordPress网站的管理电子邮件地址,但它不是严格意义上的。

主题

这是当您收到电子邮件时将出现的标题。

附加报头

想在邮件中添加抄送和密送?将它们添加到这个字段中。

消息体

这是真正的邮件正文。但它并不局限于此。您可以在这里包含发件人的电子邮件地址。实际上,这是Contact Form 7的默认设置。

你会注意到一段文字说“在以下字段中,您可以使用这些邮件标签。”

联系表格7邮件通知

这意味着您将能够使用在形式选项卡,并将它们应用到邮件选项卡。例如,在“Subject”字段上,您将看到一个(主题)标签。

联系表格7主题设置邮件

(主题)来自于形式选项卡。

联系方式7设定你的主题

所发生的情况是,在您的网站上为“主题”字段填写和提交表单的人所输入的任何值将被动态用作电子邮件的主题。表单上的所有其他标记(从发件人的名称到主体消息)也是如此。

您可以进一步了解Mail选项卡在这里

编辑信息

消息选项卡,您将能够更改错误和成功消息。您可以设置在成功提交后显示什么消息,以及在提交失败时显示另一条消息。您可以设置一个消息来显示输入的电子邮件地址无效,另一个消息显示在日期字段中输入的日期格式无效,等等。

联系表单7编辑信息

阅读每个消息字段的描述将立即了解它的用途。

有关编辑消息的详细信息,请这篇文章值得一读。

附加的设置

希望仅对已登录的订阅者使用联系表单?想在提交表单时显示弹出消息吗?这些和许多其他的可以设置在附加的设置选项卡。

联系表格7其他设置

Contact Form 7对可用的设置进行了简短的讨论这篇文章

如何在基石/内容建设者中使用联系形式7

使用基石或专业内容生成器打开一个页面。

一旦打开,就元素选项卡,搜索“Contact Form 7”,并将其拖放到基石/内容生成器的内容窗格中。

内容生成器联系形式7元素

然后选择要添加的联系人表单。如果只有一个表单,则不需要选择。

联系表单7内容生成器预览

总结

你知道了吧!您已经学习了如何使用contact Form 7创建联系人表单以及添加/编辑字段页面上的每个选项卡的用途。最后,您学习了如何使用Contact Form 7 Element在Cornerstone / Content Builder上添加我们的表单。

看到不准确的地方了吗?让我们知道

Baidu
map