您想要创建联系表单并将其添加到您的 WordPress 网站吗?
每个网站都需要一个联系表单,以便访问者可以轻松地就您的产品和服务与您联系。默认情况下,WordPress 不附带内置联系表单,但有一种简单的方法可以将联系表单添加到您的网站。
在本文中,我们将向您展示如何在 WordPress 中轻松创建联系表单,而无需接触任何代码。
为什么需要 WordPress 联系表单?
您可能想知道为什么我需要联系表?我不能在我的网站上添加我的电子邮件地址,以便人们可以给我发送电子邮件吗?
这是初学者很常见的问题,因为他们担心添加联系表单需要编码知识。
幸运的是,您可以使用 WordPress 插件以零编码知识将联系表单添加到您的 WordPress 网站。
以下是联系的三大原因表单比将您的电子邮件地址粘贴到页面上更好。
- 垃圾邮件防护 – 垃圾邮件机器人会定期抓取网站中的 mailto: 电子邮件地址标签。当您在网站上发布电子邮件地址时,您将开始收到大量垃圾邮件。另一方面,您的联系表单可以阻止联系表单垃圾邮件并阻止几乎所有垃圾邮件。
- 一致的信息 – 在发送电子邮件时,人们并不总是向您发送您需要的所有信息。通过联系表单,您可以准确地告诉用户您正在寻找什么信息,例如他们的电话号码、预算、项目详细信息等等。
- 节省时间 – 联系表格可以帮助您以超乎想象的方式节省时间。除了一致的信息之外,您还可以使用表单确认来告诉用户他们应该采取的后续步骤。例如,观看视频或等待最多 24 小时才能得到回复,这样他们就不会向您发送多次询问。
与t也就是说,让我们一步步向您展示如何在 WordPress 中轻松创建联系表单。
视频教程
订阅 WPBeginner
如果您更喜欢书面说明,请继续阅读。
第 1 步:选择最佳的 WordPress 联系表单插件
您需要做的第一件事是选择 WordPress 联系表单插件。
虽然有多种免费和付费的 WordPress 联系表单插件可供选择,但我们在网站上使用 WPForms,并相信它是市场上的最佳选择。
以下是我们认为 WPForms 最好的三个原因:
现在我们已经决定了联系表单插件,让我们继续将其安装到您的网站上。
步骤 2. 在 WordPress 中安装联系表单插件
在本教程中,我们将使用 WPForms Lite,因为它免费且易于使用。
您可以通过登录 WordPress 仪表板并转到插件 » 添加新插件来在您的网站上安装此插件。
然后,在搜索字段中输入“WPForms”,然后单击“立即安装”按钮。
这将自动在您的网站上安装插件。
接下来,您需要通过单击“激活”按钮来激活插件。
如果您没有看到插件菜单或需要更详细的说明,请参阅我们有关如何安装 WordPress 插件的分步指南。
第 3 步:创建联系人WordPress 中的 rm
既然您已经激活了 WPForms,您就可以在 WordPress 中创建联系表单了。
为此,请导航至 WordPress 管理面板中的 WPForms » 所有表单。然后,单击“添加新项”按钮。
这将打开 WPForms 拖放表单构建器模板库。首先为您的联系表单命名,然后选择您的联系表单模板。
要选择模板,只需将鼠标悬停在该模板上,然后单击“使用模板”按钮即可。
WPForms Lite 附带 20 多个免费表单模板可供选择。您可以使用它们来创建您喜欢的任何类型的联系表单。
在本示例中,我们将继续选择“简单联系表单”模板。它将自动添加名称、电子邮件和消息字段。
您可以单击任何表单字段来编辑它们。
当您单击表单字段时,它将显示“字段选项”左侧的面板,您可以在其中进行更改。
您还可以使用鼠标拖放字段来更改顺序。
如果您想添加新字段,只需从左侧边栏的可用字段中进行选择即可。
您可以将其拖到您的表单中或单击它,它将自动添加到您的表单中。
完成表单自定义后,请务必点击“保存”按钮。
第 4 步:配置 WordPress 表单通知和确认
现在您已经创建了联系表单,正确配置表单通知和表单确认选项非常重要。
表单确认是您的网站访问者在提交表单后看到的内容。这可以是一条简单的感谢信息、您上传可下载 PDF 的页面或任何您想要的内容。
表单通知是您收到的电子邮件有人在您的 WordPress 博客上提交联系表单后。
要自定义确认消息,请单击“设置”选项卡,然后单击表单生成器内的“确认”选项卡。
已经有一条默认的感谢消息。
但是,如果您愿意,您可以在“确认消息”框中对其进行自定义。
如果您希望在成功提交表单后重定向用户而不是显示消息,请从“确认类型”下拉列表中选择“转到 URL”。
然后,输入您也想将用户重定向到的 URL。
如果您在此处进行任何更改,请务必点击“保存”按钮。
之后,您可以确保表单通知设置正确。只需单击同一“设置”菜单中的“通知”选项卡即可。
WPForms 最好的部分是默认设置ngs 非常适合初学者。当您进入通知设置时,所有字段都将动态预填充。
默认情况下,通知会发送到您在创建网站时设置的管理员电子邮件。
如果您想将其发送到自定义电子邮件地址,则可以更改该地址。如果您想将通知发送到多个电子邮件地址,只需用逗号分隔每个电子邮件地址即可。
“电子邮件主题行”已预先填写您的表单名称。 “发件人姓名”字段会自动填充您的用户名。
当您回复表单查询时,它将发送到您的用户在联系表单中填写的电子邮件。
如果您在此处进行更改,请确保单击“保存”按钮。
如果您想将表单电子邮件发送给多人或不同部门,请参阅我们的指南,了解如何创建具有多个收件人的联系表单。
如果你是如果遇到接收表单电子邮件的问题,请参阅我们有关如何解决 WordPress 不发送电子邮件问题的指南。
步骤 5. 在页面中添加 WordPress 联系表单
现在您已经完成了 WordPress 联系表单的配置,是时候将其添加到页面了。
您可以将其添加到现有联系页面或在 WordPress 中创建新页面。
如果您想创建新的联系表单页面,只需转到页面 » 添加新页面,然后为您的页面命名。
我们将使用 WPForms 块在页面中添加表单。只需单击“加号”添加块按钮并搜索“WPForms”。
然后,单击“WPForms”块。
WPForm 块现在将显示在页面的内容区域中。
您需要单击下拉菜单来选择您之前创建的表单。
WPForms 将在编辑器中加载您的联系表单预览。你可以现在单击“发布”或“更新”按钮保存您的表单。
现在,您可以访问您的网站以查看其运行情况。
示例 WordPress 联系页面上的表单如下所示:
如果您只想在页面上添加联系表单,那么您就完成了。恭喜。
WPForms 还附带 WordPress 联系表单短代码。您可以通过访问 WPForms » 所有表单来使用它,然后复制表单旁边的短代码。
然后,您所需要做的就是打开要添加它的页面,然后单击“加号”添加块按钮并搜索“短代码”。
接下来,点击“短代码”块。
然后,将上面复制的短代码粘贴到框中。
之后,点击“更新”或“发布”,您的联系表格将出现在您的网站上,就像上面一样。
了解更多关于sho的信息rtcodes,请参阅我们有关如何在 WordPress 中添加短代码的终极指南。
步骤 6. 在侧边栏中添加 WordPress 联系表单
WPForms 还附带了一个 WordPress 联系表单小部件,您可以使用该小部件将联系表单添加到侧边栏或 WordPress 主题中的任何其他小部件就绪区域。
为此,您需要转到“外观”»“小部件”,然后单击要添加表单的小部件区域中的“加号”添加块图标。
接下来,搜索“WPForms”。
然后,单击“WPForms”块将其添加到侧边栏。
之后,您需要从下拉列表中选择您的联系表单。
这将自动加载表单的预览。
接下来,单击“更新”按钮保存更改。
现在,您可以访问您的网站,在侧边栏或其他小部件区域中查看联系表单。
了解更多关于要使用小部件,请参阅我们有关如何在 WordPress 中添加和使用小部件的指南。
将您的 WordPress 联系表单提升到新的水平
除了创建简单的联系表单之外,WPForms Pro 还附带 1300 多个预制表单模板,您可以使用它们快速创建所需的任何类型的 WordPress 表单。
有强大的功能,如条件逻辑、调查和民意调查、电子签名收集、表单放弃、地理位置数据、可定制的优惠券代码等等。
此外,您还可以通过 Stripe、PayPal、Authorize.net 和 Square 轻松接受在线付款。即使是 WPForms 的免费版本也允许您收取 Stripe 付款。
更不用说,它与 Google 表格、HubSpot 等数千种营销和业务工具集成,可帮助您简化工作流程。
WPForms 还添加了表单自定义工具,例如表单登录页面、对话表单和文件广告表单,让您可以在网站上添加交互式表单,而无需支付高额费用。
有关更多详细信息,请参阅我们有关如何在 WordPress 中创建对话表单的分步指南。
我们希望本文能帮助您在 WordPress 中创建简单的联系表单。您可能还想查看我们关于如何以正确方式创建电子邮件通讯的指南,以及我们专家为小型企业精选的最佳商务电话服务。
如果您喜欢这篇文章,请订阅我们的 WordPress 视频教程 YouTube 频道。您还可以在 Twitter 和 Facebook 上找到我们。