首页 » 博文 » wpbeginner » 最佳插件 » 如何在 WordPress 中以单行显示表单(简单方法)

如何在 WordPress 中以单行显示表单(简单方法)

您想在 WordPress 中以单行形式显示表单吗?

单行表单使您可以更灵活地放置表单。这意味着您可以轻松地将表单添加到网站的高流量区域并提高转化率。

在本文中,我们将向您展示如何在 WordPress 中轻松地以单行形式显示表单。

如何在 WordPress 中以单行显示表单(简单方法)

为什么在 WordPress 中显示单行表单?

单行表单让您在选择放置表单的位置时更加灵活。由于这种样式的表单只有一行,因此不会占用太多空间,并且可以轻松地与WordPress 博客上的现有内容集成。

例如,电子邮件通讯注册表单通常显示在博客文章内容上方或下方的一行中。这些类型的表单也适用于您网站上的登陆页面、联系页面和其他重要页面。

除了产生更多订阅者和潜在客户之外,您还可以将任何类型的表单转换为单行表单。

例如,在一行中显示您的联系表单可能是有意义的,以节省WordPress 网站上的空间并使您的表单更具移动响应能力。

话虽这么说,让我们向您展示如何在 WordPress 网站上显示单行表单。

如何在 WordPress 中创建单行表单

在本教程中,我们将使用WPForms插件创建单行表单,因为它是WordPress 的最佳潜在客户生成插件,已被超过 500 万个网站使用。

您可以使用拖放构建器快速创建任何 WordPress 表单。此外,它还与流行的电子邮件营销工具集成,因此您可以轻松扩展您的电子邮件列表

WP表格

注意: WPForms 还有一个可以升级到的高级版本。不过,我们将在本教程中使用WPForms Lite ,因为它允许您创建一个简单的联系表单并将其连接到Constant Contact以生成潜在客户。

首先,您需要安装并激活WPForms插件。有关更多详细信息,请参阅有关如何安装 WordPress 插件的初学者指南。 

之后,访问WordPress 管理侧栏中的WPForms » 添加新页面,并为您的表单命名。然后,您需要选择表单模板。

我们将选择“选择加入表单”模板。只需将鼠标悬停在模板上并单击“使用模板”按钮即可。

选择表单模板

这将在屏幕上启动 WPForms 拖放表单生成器。

您会看到我们选择的模板自动包含姓名和电子邮件字段以及提交按钮。

WPForms 拖放表单生成器

每个字段都可以通过单击它们并在左侧列中进行更改来进行编辑。

您还可以拖放字段来更改其顺序。

WPForms 表单编辑器面板

完成字段自定义后,您可以在一行中显示表单。

为此,请切换到表单生成器中的“设置”»“常规”选项卡,然后单击“高级”下拉菜单。

进入表单高级设置

接下来,在“Form CSS Class”框中输入“inline-fields”(不带引号)。

这会将 CSS 类应用到表单。由于 WPForms 包含“inline-fields”类的样式,因此它会自动使整个表单在一行上很好地显示。

添加内联 CSS 类

之后,您可以通过隐藏字段标签来使表单变得更小。

为此,只需单击表单中的字段即可在左栏中打开其设置。

完成此操作后,选择“高级”菜单选项,然后单击“隐藏标签”开关将其打开。

隐藏表单标签切换

然后,您需要对所有表单字段标签执行相同的操作。

之后,在同一“高级”部分中,您可以在“占位符”框中输入文本。 

这会告诉您的用户每个表单字段的用途。 

添加表单占位符文本

完成表单自定义后,请务必单击“保存”按钮以保存更改。  

如果您使用表单来生成潜在客户,则可以将表单连接到电子邮件营销提供商。有关更多详细信息,请参阅我们有关如何以正确方式 创建电子邮件通讯的指南。

将单行表单添加到您的 WordPress 网站

现在,是时候将单行表单添加到您的 WordPress 网站了。您可以将其添加到任何页面、帖子或小部件区域。

我们会将其添加到现有页面,但如果您将其添加到 WordPress 博客的其他区域,过程将类似。

只需打开您想要单行表单的页面,然后单击“添加块”(+) 按钮即可打开块菜单。

添加 WPForms 块

然后,单击“WPForms”块将其添加到您的网站。

接下来,从块本身的下拉菜单中选择您之前创建的单行表单。

从下拉列表中选择单行形式

选择表单后,插件将在内容编辑器中加载表单的预览。然后,单击“更新”或“发布”按钮以使新表单生效。

现在,您可以访问您的网站以查看新表单的运行情况。 

单行表格示例

奖励:使用 OptinMonster 构建弹出窗口和横幅

除了创建单行表单之外,您还可以在网站上构建选择加入的弹出窗口和横幅来捕获电子邮件线索。

为此,您可以使用OptinMonster,它是市场上最好的 WordPress 转换优化工具。

OptinMonster 允许您创建漂亮的 optin 表单,根据用户的兴趣显示个性化和相关信息,并使捕获潜在客户变得非常容易。

有关详细说明,您可能需要查看我们有关如何在 WordPress 中创建联系表单弹出窗口的教程。

填写联系表格弹出窗口

除此之外,您还可以为您的网站创建有吸引力的横幅,要求用户注册成为您的时事通讯的一部分。

这样,您就可以捕获用户详细信息,而不会占用网站太多空间或烦扰用户。

有关详细信息,请参阅我们的初学者指南,了解如何使用 OptinMonster 构建电子邮件列表

OptinMonster 的时事通讯横幅

我们希望本文能帮助您了解如何在 WordPress 中以单行形式显示表单。您可能还想查看我们有关如何获取免费电子邮件域的指南,以及我们专家精选的具有免费选项的最佳虚拟商务电话号码应用程序

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top