如何在 WordPress 上添加联系表格和页面？ （简易指南）

您想知道如何在 WordPress 中添加联系表格吗？ 或者您想了解如何在 WordPress 上添加联系页面？ 如果是，那么，本指南适合您。

对于网站，必须有一个带有联系表格的联系页面。 添加联系表格可以让您的访问者轻松地与您的网站建立联系和互动。 此外，这有助于您的访问者清除他们对您的服务或产品的疑虑和疑问。 这可能会增强您网站上的互动和转化。

此外，您还可以通过联系表格收集访问者的电子邮件地址。 通过收集到的信息，您可以向客户更新有关产品/服务、活动、新闻等的信息。因此，它有助于与客户建立牢固的关系。

话虽如此，您可能想知道为您的 WordPress 网站创建联系表格是否容易。 因此，为了帮助您，我们为您准备了一份关于如何在 WordPress 中添加联系表单的简单指南。

那么，让我们开始吧！

为什么需要在您的网站上使用联系表和页面？

在进入添加联系表单的步骤之前，让我们讨论一下站点需要它的原因。

• 可达性：通过使用联系表格，您的访问者可以轻松访问您的网站。 因为并非所有客户都会通过检查电子邮件或社交平台来联系您的网站。
• 轻松收集信息：您可以强制填写一些信息。您可以轻松地从访问者那里获得所需的信息，例如姓名，联系方式等。因为仅添加您的电子邮件无法通过旧方法收集网站上的地址。
• 垃圾邮件保护：它可以保护您免受垃圾邮件的伤害，这是一种令人头疼的问题。 添加电子邮件地址并不是将其暴露给垃圾邮件发送者的有效方法，他们可以轻松发送垃圾邮件。 因此，为避免烦人的垃圾邮件机器人，请使用联系表格让访问者与您联系。
• 对信息的控制：您可以完全控制通过您的网站通过联系表格收集的信息。 而不是交换大量的电子邮件，这对用户和网站所有者来说都是一件麻烦事。
• 有组织的信息：您将收到有组织的信息，因为大多数联系表格包括主题行、收件人姓名、消息等。

话虽如此，现在让我们看看如何在 WordPress 中制作联系表格和联系页面。

在 WordPress 中添加联系表单的最佳方法是什么？

正如我们已经知道在 WordPress 中拥有联系表格的重要性。 现在，我们还需要找出在网站上创建联系表格的最佳方式。 因此，让我们讨论一下添加联系表单的不同方法。

通常，开发人员可以自己编写代码以在其网站上创建联系表格。 这是拥有联系表格的方式之一。 但并不是每个想要网站的人都有编码技能。

值得庆幸的是，在 WordPress 中，无需编码！ 有许多易于使用的插件可帮助您超级快速和超级轻松地构建联系表格。 最重要的是，它们中的大多数都是免费的。

因此，这里有一些您可以使用的最佳 WordPress 联系表单插件：

1.WPForms

WPForms 是一个初学者友好的 WordPress 表单构建器插件。 它允许您在没有编码技能的情况下创建令人惊叹的表单。 该插件为您提供了不同类型表单的预构建模板，让您轻松开始您的任务。 因此，您可以轻松创建任何表格，例如联系表格、反馈表格、订阅表格、付款表格等。

价钱：

虽然 WPForms 插件可以免费使用并且可以从 WordPress.org 下载，但您可以升级到高级版本。 高级版如下：

• 基本计划： 31.60 美元/年
• 加计划： 79.60 美元/年
• 专业计划： 159.60 美元/年
• 精英计划： 239.60 美元/年

2. 联系表格 7

联系表格 7 是最受欢迎的免费 WordPress 联系表格插件，拥有超过 5 万个活动安装。 它允许您轻松创建和管理多个联系表格。 此外，它还包括其他功能，如 CAPTCHA、与 Akismet 垃圾邮件过滤的集成等。

价钱：

Contact Form 7 插件完全免费，可从 WordPress.org 下载。

3.忍者形态

Ninja Forms 是另一个令人惊叹的插件，可以创建漂亮的 WordPress 表单。 您可以轻松地将各种表单域拖放到行和列布局中。 该插件不仅可以帮助您创建单个页面表单，还可以帮助您创建多个页面表单。 此外，它允许用户上传任何格式的文件，如 doc 文件、pdf、excel 表等。

价钱：

Ninja Forms 插件为您提供可从 WordPress.org 使用的免费版本。 它也有高级版本。 专业版的定价计划是：

• 个人计划： 49.50 美元
• 专业计划： 99.50 美元
• 代理计划： 249.50 美元

我们的建议 – WPForms

在提到的插件中，我们为本教程选择了 WPForms。

因为 WPForms 是创建任何类型表单的最用户友好的插件。 它还允许您在博客文章、页面、侧边栏、小部件、页脚等中轻松插入表单。

不仅如此，您还可以在收到客户提交的表格时收到即时通知。

如何在 WordPress 中创建联系表格？

在这里，我们将逐步完成使用 WPForms 插件在您的 WordPress 网站上创建联系表单的过程。 此外，您可以为您的网站使用任何 WordPress 主题。 在这里，我们将使用 Astra 主题。

所以，让我们看看下面给出的步骤：

第 1 步：安装和激活 WPForms

首先，登录到您的 WordPress 网站的仪表板。 然后转到Plugins菜单并单击Add New 。

之后，您可以在仪表板的右上角看到一个搜索栏。 在那里你需要输入“WPForms”来搜索插件进行安装。

找到插件后，单击立即安装按钮。

完成安装后，您可以看到“激活”按钮。 单击它以查看插件是否正常工作。

激活插件后，您可以在仪表板中看到一个额外的菜单“WPForms ”。

第 2 步：创建联系表

现在，您将能够轻松地开始创建您的联系表格。

首先，转到WPForms菜单，然后单击仪表板上的Add New 。

单击“添加新”后，您将被定向到“设置”页面。 您可以在创建表单之前写下表单的名称。 在那里，您可以看到模板并使用它们来创建不同类型的表单。 此外，您可以从头开始创建空白表单。

因此，有两种方法：使用模板并从头开始创建它。 下面给出了每种方法的步骤。 现在，让我们开始吧！

方法一：使用模板

以下是使用模板创建联系表单的步骤。

找到合适的模板后，当您将其悬停时，您可以看到“使用模板”按钮。 点击它。 或者在使用模板之前，您只需单击“查看演示”按钮即可查看表单的显示方式。

我们选择了“简单联系表”模板来向您展示演示。

单击模板后，您将进入编辑表单页面。 在那里，您可以看到左侧的“字段”部分，以使用“添加字段”菜单添加任何字段。 您可以看到标准字段和其他字段选项，只需拖动即可在模板中添加字段。

此外，您可以根据需要自定义添加字段的内容。 为此，请转到“字段选项”菜单，您可以在其中轻松更改标签、格式、描述等。

方法 2：从头开始创建表单

要从头开始创建表单，请转到“空白表单”部分。 然后将鼠标悬停在其上并单击“创建空白表单”按钮。

现在，您将被引导至“空白表格”的编辑部分。 在那里，您可以使用“添加字段”菜单在“字段”部分查看标准字段选项。

只需按照“方法 1：使用模板”中的说明拖放必填字段以包含在表单中。 您可以根据自己的选择插入任何字段。 此外，通过进入“字段选项”以相同的过程编辑字段的内容。

删除和重新排序字段

从 2 种方法中的任何一种自定义表单的内容后，您还可以删除该字段。 如果单击任何字段，您可以看到删除图标。 转到删除图标，然后单击“确定”按钮将其删除。

此外，要重新排序字段，请单击特定字段，您将在其中找到“拖动以重新排序”。 您只需要拖动字段并按照您想要的顺序排列它们。

完成表单编辑后，无论哪种方式，单击右上角的保存按钮。

步骤 3：配置表单设置

更进一步，下一步是为您刚刚创建的表单配置设置。 为此，请转到 WPForms 屏幕左侧的“设置”部分。 在那里，您会找到 3 个设置选项：常规、通知和确认。 因为我们使用的是免费版本，所以其他选项仅供专业用户使用。

现在，让我们配置所有 3 个选项。

一般的

第一个是常规设置。 在那里，您可以配置不同的选项，如表单名称、表单描述、提交按钮文本等。您可以根据需要自定义这些内容。 最重要的是，您需要“启用反垃圾邮件保护”以防止垃圾邮件机器人和垃圾邮件。

在此之下，您还可以配置高级部分，例如为表单和按钮添加 CSS 类等。您可以简单地保留默认设置，但不要忘记在配置后单击“保存”按钮。

通知

通知允许您在访问者提交表单时收到警报。 在此设置中，您可以配置接收电子邮件或消息的方式。

默认情况下，有“启用通知”，但您可以禁用它们以避免通知。

要配置的第一个元素是“发送到电子邮件地址”。 已经有智能标签使用 WordPress 设置中的管理员电子邮件。 但是，您也可以使用逗号添加收件人的其他电子邮件地址。

下一个是“电子邮件主题行”，默认写为“新条目”，后跟表单名称。 但是通过使用智能标签，您也可以添加字段选项。

继续前进，您还可以自定义From Name的内容。 同样，发件人电子邮件默认设置为管理员电子邮件地址，但您可以简单地输入不同发件人的电子邮件。

另一个元素是“回复电子邮件地址”，用作任何回复的收件人。 因此，最好将From Email元素设置为您自己的电子邮件地址或管理员的电子邮件。

最后一个元素是默认包含所有字段的电子邮件消息。 但是您可以自定义电子邮件的内容。

确认

确认是配置的最后一部分。 在这里，您可以为已提交表单的访问者配置确认消息。

Confirmation Type 元素为您提供 3 个选项：消息、显示页面和转到 URL。

第一个是用户提交表单后立即显示的消息。 您还可以从Confirmation Message元素自定义消息的内容。

另一个选项是Show Page 。 在此选项中，您可以将已提交表单的访问者引导至您网站的任何网页。 您可以从确认页面输入页面名称。

最后一个选项是Go to URL 。 这会将您的访问者重定向到您在确认重定向 URL 中输入的任何 URL 。 只需添加您希望访问者重定向的页面的任何链接。

第 4 步：保存您的联系表

最后，单击“预览”按钮以查看您的表单对用户的显示方式。 如果您认为您的表单是完美的，只需单击“保存”按钮。

如何在 WordPress 上添加联系页面？

创建完表单后，让我们看看如何将表单添加到您的页面。 那么，让我们开始吧！

第 1 步：在您的 WordPress 网站上创建一个新页面

首先，您需要在您的网站上创建一个新页面来添加表单。 因此，转到仪表板，单击页面，然后转到添加新页面以在您的网站上添加新页面。

之后，您将被带到页面的编辑部分。

第 2 步：在页面上添加您的联系表并发布

创建新页面后，为您的页面添加标题，如我们所写：“联系我们”。 现在单击“类型/或选择一个块”中的+按钮。 然后，您会看到需要输入“WPForms”的搜索栏。

找到 WPForms 后，单击它，WPForms 向导将出现在您的文本编辑器中。 现在，单击“选择表单” ，您将在其中获得已创建表单的选项。 选择您要嵌入页面的任何表单，该表单将出现在您的文本编辑器中。

将表单添加到页面后，单击右上角的发布按钮以发布您的联系页面。

第 3 步：在您的网站上显示联系页面链接

现在您已经发布了“联系我们”页面，您可能在网站主页上看不到页面链接。 为此，您需要将“联系我们”页面的链接添加到可见位置，例如菜单、页脚或侧边栏部分。

那么，让我们看看如何添加它。

在菜单上添加联系页面链接

为此，请登录仪表板，然后转到外观>菜单。 在那里，您会在右侧看到一个菜单结构。 它包含一个创建新菜单的表单。

因为它是一个标题菜单，所以您需要根据您的选择给出菜单名称，这里我们写了“主菜单”。

之后，勾选菜单设置中的“主菜单”。 然后，单击创建菜单按钮。

之后，您将看到左侧的页面部分，单击“查看全部”。 在那里，您会看到您最近发布的联系我们页面，只需在上面打勾即可。 您还可以在菜单上添加一些自定义链接或任何其他页面。 然后，单击添加到菜单按钮。

最后，在右下角添加联系页面后点击保存菜单按钮。

现在，转到菜单部分顶部的“使用实时预览管理”按钮。 您将被定向到实时编辑部分。

在这里，您将在标题部分看到“联系我们”菜单项​​。 如果您单击该菜单，您将转到“联系我们”页面链接。

在侧边栏添加联系表

现在您已经在菜单中添加了联系页面的链接，您可能还希望在侧边栏中有联系表格。 您可以通过停留在保存实时编辑页面上来做到这一点。

单击菜单的后退箭头按钮。 您会看到一堆可以自定义和编辑的选项。 只需单击小部件选项。

现在，您可以看到Main Sidebar ，单击它。

在那里，您会看到+按钮，单击它并搜索 WPForms。 找到它后，单击 WPForms 小部件。

并在侧边栏上选择您想要的表格。 现在，你都准备好了。

此外，您可以将联系表单拖动到顶部或您想要在侧边栏显示的任何位置。

在页脚添加联系页面链接

在页脚添加联系页面链接与在页眉菜单中添加类似。 转到外观并单击仪表板中的菜单选项。

在那里您可以看到右侧的菜单结构。 尽管我们已经写了“重要链接”，但请给出您选择的菜单名称。 现在，勾选页脚菜单并单击创建菜单。

转到页面部分并勾选联系我们页面，然后单击添加到菜单。

此外，您可以在页脚菜单中添加一些自定义链接或其他网站页面。 之后，单击“保存菜单”按钮。 然后，单击Manage with Live Preview 。

在页脚部分，您可以看到编辑图标，单击它以添加页脚菜单。 只需单击要显示链接的部分。 现在，在出现的 3 行中，您会看到 1 行和 1 列写有“版权”。

您只需单击“版权”部分。 在左侧的侧面，您可以在General部分中看到Column 。 现在，单击该列并将其设置为 2 列。 回到页脚部分，您可以看到 2 列。

现在，单击可以看到+按钮的第二列。 单击后，您将看到一些选项。 其中，单击页脚菜单以添加您的链接。 之后，单击右下角的隐藏按钮。 现在，您可以在页脚看到您的联系页面的链接。

添加联系页面链接或联系表格后，不要忘记单击实时编辑页面左上角的“发布”按钮。

第 4 步：查看您的联系页面并对其进行测试以查看它是否正常工作

最后，您的联系表格和页面已准备就绪。 此外，您已经在页眉和页脚菜单中添加了链接，并在侧边栏上显示了联系表单。

现在要查看您发布的页面的显示方式，请转到仪表板并单击Pages>All Pages 。 现在，您可以看到“联系我们”页面，将鼠标悬停在其上，然后单击“查看” 。 您可以在下图中看到“联系我们”页面的显示方式。

您还可以测试联系表单的工作方式。 为此，请填写表格并单击提交按钮。 之后，它会向您显示“谢谢”消息或您在创建表单时自定义的内容。

因此，您已经完成了添加联系表单和页面的工作。

结论

这就是所有的人！ 我们已经到了文章的结尾。

我们希望本教程指南帮助您了解如何在 WordPress 中添加联系表单。 您可以按照此分步指南轻松创建联系表单并将其添加到您的页面。 如果您还没有创建一个，那么请按照我们的简单指南创建您的。

如果您对如何添加联系表格有任何疑问，请随时询问我们。 我们会尽快回复您。 此外，与您的朋友和同事分享这篇文章。

您可能还喜欢我们关于如何创建博客以及如何将社交媒体共享按钮添加到 WordPress 的文章。

不要忘记在 Facebook 和 Twitter 上关注我们以获取更多有用的文章。