如何在 WordPress 中创建联系表格

为了让您的客户或网站访问者与您联系,您需要在您的网站上有一个联系表。 在以下说明中,我将描述如何在 WordPress 中创建它。

Ako si vytvoriť kontaktný formulár vo WordPress

联系表格有什么用?

联系表格作为与您联系的简单工具为网站访问者提供服务。 互联网访问者使用它而不是电子邮件。 这是因为它节省了他们的时间。 他们可以直接在网站上写下他们的信息,而无需打开他们的电子邮件。

联系表格也可以节省您的时间。 它将为您提供所需的所有信息:

  • 在表单中为您需要的信息设置字段。 例如,电话号码。 此信息不太可能包含在电子邮件中。
  • 您可以设置自动回复以通知用户基本信息。

此外,使用联系表格可以保护您免受垃圾邮件的侵害。 如果您只在网络上发布活动电子邮件,您将开始收到大量垃圾邮件。

如何在 WordPress 中添加联系表格

WordPress 提供了使用插件创建联系表单的功能。 我个人建议使用WPForms 插件的联系表

这个插件非常容易使用。 它使用拖放工具,即使是初学者也可以在其中快速创建联系表格。 它在基本版本中免费提供

如果您需要使用更复杂的功能,可以将其升级到WPForms Pro 。 除了免费版,它还包含将提交的表单存储在数据库中、上传文件、表单模板和其他实用功能的选项。

您直接从站点管理安装插件。 安装后,别忘了激活插件。 您将在我的文章中找到确切的程序 什么是 WordPress 插件? 如何安装它?

在页面管理中,您将在激活插件后看到一个新项目WPForms

使用 WPForms 创建表单

要创建新的联系表格,请转到WPForms功能>添加新的. 您将看到以下页面:

WPForms 添加新
添加联系表格

首先输入联系表格的名称。 然后选择您要使用的模板。 WPForms 的基本版本提供了四个用于创建表单的模板。

空白表格– 如果您选择空白表格,您可以使用拖放功能创建自己的版本。

简单的联系表格 – 此模板提供了使用预先准备好的表格的可能性。 但是,您将能够根据需要添加和删除各个字段。

时事通讯注册表单 – 在此模板中,您将创建一个用于订阅您网站时事通讯的表单。 在这里,您还可以根据自己的喜好添加和删除各个字段。

建议– 如果您想向网站的访问者征求意见或建议,您将使用它。

💡 Tip: Choosing the right hosting is crucial for a fast website ⏱ . I recommend betting on verified quality ➡️ Bluehost or SiteGround.

如何创建一个简单的表格

我们将继续描述如何使用简单联系表单模板创建表单。

简单的联系表
创建一个简单的表格

在屏幕的右侧,您将找到用于添加姓名、电子邮件和消息的预创建字段。 当您将鼠标悬停在每个字段上时,系统会提示您删除和编辑它们。 您也可以简单地用鼠标抓住它们并将它们移动到表单上的另一个位置。

要添加新字段,请转到屏幕左侧的菜单。 单击或向右拖动所选字段。

请务必单击保存以保存联系表格。 您会在屏幕顶部找到该按钮。

设置表单属性

创建的表单将显示在带有提交按钮的页面上。 要在斯洛伐克语中设置按钮名称,请转到设置>一般的。

WPForms 设置常规
常规表单设置

此外,您还可以在此处找到其他几个设置选项:

  • 表格名称– 您可以在此处编辑联系表格的名称。
  • 表单描述– 用于描述表单。
  • 表单 CSS 类– 允许您为表单插入自己的类。
  • 提交按钮文本– 在此处编辑按钮文本
  • 提交按钮处理文本– 填写提交表单后要显示的文本。
  • 提交按钮 CSS 类– 此字段用于为提交按钮添加自定义类。
  • 启用反垃圾邮件蜜罐– 我建议选中此行中的窗口。 此功能用于防止表单垃圾邮件提交。

常规选项卡上设置属性时,您不需要编辑任何内容,除了提交按钮的文本和提交表单后显示的文本。

电子邮件通知设置

设置选项卡下>更多设置选项的通知。 这就是电子邮件通知的设置。 这些通常发送到网站管理员的电子邮件地址。 请编辑电子邮件的主题,以使收到的消息更加清晰。 您可以根据需要编辑其他字段。

WPForms 设置通知
通知设置
  • 通知– 您可以在此处启用或禁用将表格发送到您的电子邮件的功能。 我建议保留此功能。 个人填写的表格不会存储在任何地方。 电子邮件通知用于通知您有关它们的信息。
  • 发送到电子邮件地址– 填写表格应发送到的电子邮件地址。
  • 电子邮件主题– 您还可以设置电子邮件的主题。
  • 发件人姓名– 电子邮件发件人的姓名。 在这里,您将找到您网站的预设名称。
  • 发件人电子邮件– 发件人的电子邮件地址。
  • 回复 – 回复的电子邮件地址。
  • 消息— 电子邮件的正文。 如果您离开设置{all_fields}电子邮件将包含表单的所有字段。
💡 Tip for themes: From premium themes, I have good experience with themes Divi, Avada and with page builder Elementor.

表单提交确认设置

表单确认是网站访问者提交表单后向他们显示的内容。 您可以选择感谢您联系他们或将他们重定向到所选网页。 您在“设置”选项卡上进行设置>确认。

WPForms 设置确认
发送确认设置

首先,选择确认类型。 确认类型字段中有三个选项可供选择:

  • 消息– 显示您在下面的窗口中键入的文本。
  • 显示页面– 设置重定向到所选网页。
  • 转到 URL – 输入在提交表单后应将站点访问者定向到的页面的 URL。

编辑、删除和复制表格

在页面管理中单击WPForms后,所有创建的表单都将显示在表单列表中。当您将鼠标悬停在表单名称上时,将出现一个可用功能菜单。您可以选择编辑、预览、删除或复制表单。

最后一个函数是展示次数。此功能仅在Pro 版本中可用。多亏了它,完成的表格直接保存到站点管理中。

💡 Do you want a faster ⏱ website? Website speed is important for both visitors and SEO. I got the best results thanks to the WP Rocket plugin, which I highly recommend.

如何将联系表格添加到 WordPress 页面

在 WPForms 中的表单属性设置上创建后,您仍然需要将其粘贴到页面上。 首先,打开您要编辑的现有页面,或创建一个新页面。

联系表格的简码用于添加。 你可以找到它:

  1. 在“嵌入”按钮下的编辑表单页面上embed在右上角,
  2. 在简码列中所有表单的列表页面上。

在要插入联系表单的页面上创建一个新块。 您在其中输入一个简码。 请记住保存对页面的所有更改。

WPForms 插入简码
插入短代码

这是插入短代码后页面的外观。

插入联系表
在页面上插入联系表格

如何将联系表单添加到侧边栏

WordPress 中的联系表单也可以添加到侧边栏、页眉或页脚。 在管理中,转到外观选项>小部件。在小部件列表中,向下滚动以找到 WPForms。

WPForms 小部件
WPForms 小部件

您可以通过将鼠标拖动到所选位置来添加表单,就像任何其他可用的小部件一样。

将联系表格插入到侧边栏
将联系表单添加到侧边栏

填写名称并选择您要使用的表格。 请记住保存您的更改。 您还可以使用实时预览编辑嵌入的表单。

编辑侧边栏
带预览的侧面板调整

WPForms Premium 与 WPForms Lite

例如,与免费(精简版)版本不同, WPForms Premium的付费版本可以做以下有用的事情:

  • 能够创建无限数量的表格。
  • 更多表单模板
  • 能够使用条件逻辑来控制表单字段的可见性。
  • 能够创建多页表单
  • 能够为用户注册创建表单
  • 高级垃圾邮件防护。
  • 能够通过表单上传和接收文件
  • 高级字段类型,例如日期和时间字段。
  • 能够直接在 WordPress 管理中保存、查看和管理表单中的答案
  • 与第三方服务集成,例如:PayPal、Stripe、Mailchimp、AWeber、GetResponse、Constant Contact、Drip、Zapier …
Was this article helpful for you? Support me by sharing, please. 👍
WordPress Návod v PDF

LEAVE A REPLY

Please enter your comment!
Please enter your name here