您想在 WordPress 中以单行形式显示表单吗？
单行表单使您可以更灵活地放置表单。这意味着您可以轻松地将表单添加到网站的高流量区域并提高转化率。
在本文中，我们将向您展示如何在 WordPress 中轻松地以单行形式显示表单。
为什么在 WordPress 中显示单行表单？
单行表单让您在选择表单放置位置时更加灵活。由于这种样式的表单只有一行，因此不会占用太多空间，并且可以轻松地与 WordPress 博客上的现有内容集成。
例如，电子邮件通讯注册表单通常显示在博客文章内容上方或下方的一行中。此类表单也适用于您网站上的目标网页、联系页面和其他重要页面。
除了产生更多订阅者和潜在客户之外，您还可以将任何 kind 形式转换为单行形式。
例如，在一行中显示您的联系表单可能会有意义，以节省 WordPress 网站上的空间并使您的表单更具移动响应能力。
话虽这么说，让我们向您展示如何在 WordPress 网站上显示单行表单。
如何在 WordPress 中创建单行表单
在本教程中，我们将使用 WPForms 插件创建单行表单，因为它是 WordPress 的最佳潜在客户生成插件，已被超过 600 万个网站使用。
您可以使用拖放构建器快速创建任何 WordPress 表单。此外，它还与流行的电子邮件营销工具集成，因此您可以轻松扩大电子邮件列表。
注意：WPForms 还有一个可以升级到的高级版本。不过，我们将在本教程中使用 WPForms Lite，因为它可以让您创建一个简单的联系表单并将其连接到 Constant Contact 以生成潜在客户。
首先，您需要安装并激活 WPForms 插件。有关更多详细信息，请参阅有关如何安装 WordPress 插件的初学者指南。
之后，访问 WordPress 管理侧栏中的 WPForms » 添加新页面，并为您的表单命名。然后，您需要选择表单模板。
我们将选择“选择加入表单”模板。只需将鼠标悬停在模板上，然后单击“使用模板”按钮即可。
这将在屏幕上启动 WPForms 拖放表单生成器。
您会看到我们选择的模板自动包含姓名和电子邮件字段以及提交按钮。
每个字段都可以通过单击它们并在左侧栏中进行更改来进行编辑。
您还可以拖放字段来更改其顺序。
完成字段自定义后，您可以在一行中显示表单。
为此，请切换到“设置”»“常规”选项卡m builder，然后单击“高级”下拉菜单。
接下来，在“Form CSS Class”框中输入“inline-fields”（不带引号）。
这会将 CSS 类应用于表单。由于 WPForms 包含“inline-fields”类的样式，它会自动使您的整个表单在一行上很好地显示。
之后，您可以通过隐藏字段标签来使表单变得更小。
为此，只需单击表单中的字段即可在左栏中打开其设置。
完成此操作后，选择“高级”菜单选项，然后单击“隐藏标签”开关将其打开。
然后，您需要对所有表单字段标签执行相同的操作。
之后，在同一“高级”部分中，您可以在“占位符”框中输入文本。
这会告诉您的用户每个表单字段的用途。
完成表单自定义后，m请务必单击“保存”按钮来保存您的更改。
如果您使用表单来生成潜在客户，则可以将表单连接到您的电子邮件营销提供商。有关更多详细信息，请参阅我们有关如何以正确方式创建电子邮件通讯的指南。
将单行表单添加到您的 WordPress 网站
现在，是时候将单行表单添加到您的 WordPress 网站了。您可以将其添加到任何页面、帖子或小部件区域。
我们会将其添加到现有页面，但如果您将其添加到 WordPress 博客的其他区域，过程也会类似。
只需打开您想要单行表单的页面，然后单击“添加块”(+) 按钮即可打开块菜单。
然后，单击“WPForms”块将其添加到您的网站。
接下来，从块本身的下拉菜单中选择您之前创建的单行表单。
一旦您选择了y我们的表单，该插件将在内容编辑器中加载表单的预览。然后，单击“更新”或“发布”按钮以使新表单生效。
现在，您可以访问您的网站来查看新表单的运行情况。
奖励：使用 OptinMonster 构建弹出窗口和横幅
除了创建单行表单之外，您还可以在网站上构建选择加入的弹出窗口和横幅来捕获电子邮件线索。
为此，您可以使用 OptinMonster，它是市场上最好的 WordPress 转换优化工具。
OptinMonster 允许您创建漂亮的 optin 表单，根据用户的兴趣显示个性化和相关信息，并使捕获潜在客户变得非常容易。
有关详细说明，您可能需要查看我们有关如何在 WordPress 中创建联系表单弹出窗口的教程。
除此之外，您还可以为您的网站创建有吸引力的横幅，要求用户注册成为您的时事通讯的一部分。
这样，您就可以捕获用户详细信息，而不会占用网站太多空间或烦扰用户。
有关详细信息，请参阅我们的初学者指南，了解如何使用 OptinMonster 构建电子邮件列表。
我们希望本文能帮助您了解如何在 WordPress 中以单行形式显示表单。您可能还想查看我们有关如何获取免费电子邮件域的指南，以及我们专家精选的具有免费选项的最佳虚拟企业电话号码应用程序。
如果您喜欢这篇文章，请订阅我们的 WordPress 视频教程 YouTube 频道。您还可以在 Twitter 和 Facebook 上找到我们。
