你想在您的 WordPress 网站上创建一个 AMP 友好(加速移动页面)联系表吗?

这就是 WPForms 插件派上用场的地方。 WPForms 是最易于使用的表单构建器插件之一,它允许您通过几个快速简单的步骤为您的网站创建漂亮的 AMP 友好联系表单。

在本文中,我们将向您展示如何使用 WPForms 插件在您的 WordPress 网站上创建一个很棒的 AP​​M 友好联系表单。但在此之前,让我们快速了解 AMP 的重要性。

为什么要创建 AMP 页面和 AMP 表单

根据一项研究,Google 上近 60% 的搜索查询来自移动设备。通过使您的网站对 AMP 友好,您可以确保您的网站在移动设备上加载速度更快。

Google Accelerated Mobile Project 是 Google 的一项开源计划,旨在通过开放网络在很大程度上加速移动浏览体验。 AMP 将移动浏览体验向前推进了一步。基本思想是通过使用针对速度优化的额外轻量级模板来显着提高网站的页面速度。

更快的加载页面可提供更好的用户体验,并鼓励访问者在您的网站上停留更长时间。这样,您可以降低跳出率并增加提高排名的机会。

但是,由于 AMP 使用单独的轻量级模板加载页面,因此可能会影响联系人表单、javascript 函数和其他元素。

要在 AMP 页面上显示联系表单,您可以使用 WPForms,这是 WordPress 的最佳表单插件。

现在让我们来看看如何使用 WPForms 在您的 AMP 页面上创建联系表单。

第 1 步:安装 Google AMP 插件

在我们深入研究和创建表单之前,让我们来看看如何在您的网站上创建 AMP 页面。 AMP 插件是 WordPress 上的官方 Google AMP 插件。

要查找此插件,请导航至插件 » 添加新插件,在搜索框中搜索 AMP。

现在点击“立即安装”按钮,然后点击“激活”按钮让它开​​始工作。

第二步:安装中WordPress 上的 WPForms

接下来,让我们在您的网站上安装 WPForms 插件。为此,只需登录您的 WordPress 仪表板并转到插件 » 添加新插件。现在,在屏幕右上角的搜索栏中输入 WPForms。

找到插件后,单击“立即安装”按钮并激活插件以开始工作。

第三步:使用WPForms创建您的第一个表单

要使用 WPForms 创建您的第一个表单,请转到您的 WordPress 仪表板并导航至 WPForms » 添加新

您现在将在屏幕上看到以下窗口。

你会在这里看到4 种不同的选择。根据您的要求,您可以选择最适合您需要的模板。

出于本教程的目的,让我们选择“简单联系表单”选项。您现在将被重定向到拖放表单构建器,您可以在其中添加或删除刚刚选择的预建模板中的字段。

显示所有可用字段在左侧。仅当您将插件升级到高级版本时,花式字段才可用。但是,标准字段也可以。

要向表单添加字段,只需将其从左侧拖放到右侧的表单部分即可。

如果您想从表单中删除一个字段,只需将光标悬停在该特定字段上即可。您会在该字段的右上角看到一个删除图标。

点击这个选项即可,您的字段将被删除。使用此方法,您可以从表单中删除您认为不需要的任何字段。

您还可以选择更改字段选项。您可以更改字段的格式、字体大小、隐藏或显示标签和子标签等。

完成后,单击表单右上角的“保存”按钮,以免丢失更改。

现在,如果您查看面板的左侧,您将看到一个名为“设置”的选项。当你点击它时,你会看到几个选项。对于精简版,您只能使用前三个选项。

在“常规”选项下,您可以更改表单名称、添加描述、更改提交按钮文本、更改提交按钮句柄文本等。它还允许您启用反垃圾邮件蜜罐和 Ajax 表单提交选项。

现在去通知。此选项有几个选项供您填写。此部分的主要字段是“发件人电子邮件”字段。您可以在此处添加您的网站或品牌电子邮件地址。您还应确保将您的网站配置为授权服务提供商以发送电子邮件。

第 4 步:显示您的第一个表单

要显示您的第一个表单,请转至您希望该表单出现的页面。如果要创建新页面,请单击页面 » 添加新页面。为您的页面添加标题。

单击 + 图标将块添加到古腾堡编辑器。然后键入 WPForms,一旦出现,单击它。

接下来,你将你被要求选择正确的联系方式,所以选择 Form。

您现在可以点击WordPress 仪表板右侧的发布按钮发布您的帖子。您的 WordPress AMP 表单现已上线。

您还可以使用在此过程开始时提供的时事通讯信函注册表格和提案表格模板。根据您的要求,选择您想要的网站模板。空白表格选项允许您从头开始创建表格。如果你想要一个全新的表单,试试这个选项

就是这样。您的网站现在应该具有您要创建的 AMP 友好联系表。

希望本文对您有所帮助。如果您喜欢这篇文章,您可能还想阅读我们关于如何在 WordPress 上创建多页表单的分步指南。