如何在没有插件的 WordPress 中创建联系表格

已发表: 2022-09-11

WordPress 的一大优点是无需安装插件即可轻松将联系表单添加到您的网站。 在本文中,我们将向您展示如何在没有插件的情况下在 WordPress 中创建联系表单。 我们将从创建一个只有几个字段的简单联系表单开始。 然后我们将添加一些基本验证以确保正确填写表单。 最后,我们会将表单连接到一个电子邮件地址,以便您可以接收来自访问者的消息。 在 WordPress 中创建联系表单是让访问者轻松与您取得联系的好方法。 只需几分钟的工作,您就可以在您的网站上拥有一个功能齐全的联系表。

创建没有任何插件的WordPress 联系表单的最佳方法是使用 WordPress 本身。 您将需要创建一个页面模板。 表格必须在第二步中开发。 您应该检查表单是否已提交,以及字段是否已正确填写。 与数据处理和错误处理有关的错误将显示给用户。 验证插件必须下载并上传到主题的 /js 目录(在验证插件下)。 第2步:复制以下文件后,将其重命名。

您可以使用 /js 目录将其保存为 verif.js 文件。 在第 3 步中,我们必须将插件链接到 WordPress 主题。 第四步,使用 validate jQuery 插件来验证客户端。 因此,您可以确定表格已正确填写并及时完成。

WordPress有免费的联系表格吗?

信用:强大的形式.com

有一些可用于 WordPress 的免费联系表单插件。 但是,重要的是要记住,免费插件并不总是像付费插件那样经常更新,因此使用免费的联系表单插件可能会带来更多的安全风险。

如果您希望您的客户能够与您联系,您必须创建联系表格。 在创建、使用或查看理想形式时,它应该简单易用。 如果您想在您的网站上创建一个有效的联系表单,您可能需要一个插件。 六个免费或低成本的插件可以帮助您为您的网站选择最佳的联系表格插件。 它带有与流行支付门户和条件逻辑的内置集成,以及自定义表单几乎每个方面的能力。 在联系表 7 中,有用于用户姓名、电子邮件地址、主题和消息的字段。 在提交任何自定义格式化方法之前,您应该包含一个类或一个 ID 属性。

邮件选项卡可用于更改联系表单中显示的电子邮件地址以及修改有关电子邮件布局的一些附加选项。 消息选项卡包含一长串字段,您可以更改任何消息的标准文本。 免费版包括姓名、电子邮件地址、电话号码、URL 以及日期和时间等字段。 Formidable 是一个WordPress 表单构建器,具有吸引人的界面和各种模板。 在专业版上,有更多的模板和字段需要填写,包括上传图片和文件,每个五个站点的许可证只需 99 美元。 您还可以以 99 美元到 699 美元的价格添加一系列高级字段,价格范围为 99 美元到 599 美元。 强大的忍者形态也有很棒的 4 星半评级。

使用此插件,您将获得完全身临其境的体验,并且您会注意到仪表板消失了,让您在 WordPress 中迷失了方向。 该平台不是最好的免费 WordPress 表单构建器,但它能够执行您可以自己创建的简单联系表单。 一个简单的表单插件可用于创建各种基本表单,例如联系表单或时事通讯注册。 更强大的表单构建器(例如 Forminator)可以帮助您销售产品、载入客户、自动化您的工作流程以及构建应用程序。 如果您刚刚开始,我们的 WordPress 联系表格初学者指南将是一个很好的起点。

WordPress的简单联系表

学分:WPForms

可以使用 Contact Form 7 插件为 WordPress 创建一个简单的联系表单。 此插件允许您创建自定义联系表单并将其添加到您的 WordPress 网站。 该插件包括许多功能,例如创建多个表单、添加自定义字段和管理提交的能力。

如果您的客户可以通过您网站上的联系表与您联系,他们将最容易与您联系。 此外,您可以使用它来收集潜在客户和电子邮件地址以增加您的电子邮件列表。 我们将在本文中引导您完成创建 WordPress 联系表单的过程。 WPForms Challenge 的第一步是为您的联系表格命名。 然后,您需要选择一个模板或从头开始创建自己的表单。 最后一步是检查表单的通知设置。 如果您使用智能标签,您还可以在访问者提交表单时通知他们。

使用 WPForms Lite,您可以创建漂亮的 WordPress免费联系表单,并使用 reCAPTCHA 2 和 3 等验证码对其进行自定义。在 WordPress 中,如果您想创建更长的表单,可以创建多步骤表单。 您可能还想查看这些可以帮助您发现隐藏的客户信息的巧妙的网络表单技巧。

没有插件的 WordPress Ajax 联系表

学分:WPForms

Ajax 联系表单正变得越来越流行,因为它们提供了一种快速简便的方式来提交信息,而无需重新加载页面。 有几种方法可以在不使用插件的情况下创建 Ajax 联系表单。 一种方法是使用jQuery Form Plugin 。 该插件允许您通过 Ajax 提交信息,而无需编写任何自定义代码。 另一种方法是使用 WordPress API。 WordPress API 有一个名为 wp_ajax_nopriv_contact_form 的函数,它允许您通过 Ajax 提交信息,而无需使用插件。

如果您还没有WordPress 插件,您可以使用自定义页面模板创建联系表单。 本教程的目标是使用一个模板,然后基于它制作一个页面。 为了弄清楚我们的页面模板的结构,我们将编写一些伪代码。 我们将使用蜜罐来确定谁提交了表单以及为什么提交。 我们也为此使用蜜罐验证码,以防该字段未填写,但如果已填写,我们将不再检查。 在我看来,我最好自己提交联系表格。 我只是向它添加了一个 Gmail 过滤器,以确保它不会被我的垃圾邮件过滤器检测到。

在我之前的文章中,我提到了 jQuery AJAX 表单,但这次我将介绍一个AJAX 联系表单脚本。 只要您不上传任何其他文件,您就可以继续。 因为代码就在您面前,所以添加和调整应该很简单。

如何在 WordPress 中创建 PHP 表单

为了在 wordpress 中创建php 表单,您需要安装一个插件,例如 Gravity Forms。 安装后,您需要在插件的界面中创建一个表单。 创建表单后,您需要复制代码并将其粘贴到您的 wordpress 网站上的帖子或页面中。

WordPress 联系表格简码

如何在文章中添加联系表格? 要添加联系表格,请转到联系页面(Contact)。 每个联系表单都有自己的简码,例如 [contact-form-7 id=1234″ title=Contact form 1″]。