使用 WordPress 创建高转换表单的提示

如果您没有在 WordPress 网站上使用各种类型的 Web 表单,那么您将失去许多优势:参与度、安全性和 更高的转化率. 无论您是电子商务网站、博客还是商业网站的所有者,在线表格都非常重要。 它们在您和您的访客之间提供双向沟通。 但是,将访问者带到您的网站是不够的。 您还必须改善用户体验,而 Web 表单就是其中的一部分。

表单通常被认为是不重要的细节,因此通常会被忽略,这通常会导致令人沮丧和负面的用户体验。 幸运的是,如果创建得当,在线表单为您的 WordPress 网站提供了几个优势:

  • 跟踪访客数量并发现更多关于他们的信息
  • 收到更少的垃圾邮件
  • 提供快速沟通
  • 提供对查询的自动响应
  • 鼓励访问者返回您的网站
  • 使访客能够在线订购
  • 使访问者能够订阅电子邮件列表

使用谷歌标签管理器

为了能够为您的网站创建更好的用户体验和更有效的网络表单,一个好主意是使用 Google 跟踪代码管理器。 它是一种工具,可简化从您的网站收集数据以供 Google Analytics、Facebook 等第三方程序使用。

Google Tag Manager 通常用于网络表单跟踪。 特别是对于作为转换工具的联系表格。 联系表格建立了一种可以培养的关系的开始,直到潜在客户以后可以成为客户甚至是拥护者。

在 Google 跟踪代码管理器的帮助下,您可以找出在您的网站上填写了哪些表单并跟踪表单放弃情况。 因此,您可以通过识别摩擦和丢弃点来提高 Web 表单的转换率。 此外,您还可以发现有多少用户开始填写表单,然后决定不提交。

Google 跟踪代码管理器可以与热图程序集成,使您能够分析您网站上的客户旅程。 因此,您将能够识别表单上的哪些字段导致访问者被阻止或退出。

用于 WordPress 的谷歌标签管理器

用于 WordPress 的谷歌标签管理器

适用于 WordPress 的 Google Tag Manager 是一个免费且易于使用的插件,可将包含 GTM 的代码片段放置在您的网站上。 无需手动添加它们。 它还将用户详细信息和页面元数据推送到数据层。 另外,您可以添加 Google Optimize 容器及其设置。

实施 A/B 测试

为了避免 Web 表单转换过程中的陷阱,A/B 测试始终是一个好主意。 这不是保证 100% 成功的神奇公式,但它绝对可以帮助您为 WordPress 网站构建更具吸引力和更有效的在线表单。 A/B 测试是一种统计方法,可以将一个表单与另一个表单(例如 2 个或 3 个 Web 表单)进行测试,并衡量它们的有效性。

虽然测试很多东西可能很诱人,但要具体,并决定要测试什么:提交按钮的副本、表单的背景颜色、字体? 如果这些元素中的一个或几个被改变,会有更多的用户转换吗?

一旦你决定了你想测试什么,你就需要设定一个目标。 比如你想提高转化率,想测试哪个提交按钮文案更有效。 当 A/B 测试对仅测试一个变量很重要时,您将不得不等待,具体取决于您的网络流量。 这是什么意思? 这意味着您可以跟踪的访问次数越多,测试就越准确。 一般来说,每个版本至少需要一百名访问者。

对于 A/B 测试,您可以使用 Google Analytics 或付费工具,例如 Optimizely 和 Visual Website Optimizer。 Google Analytics 将表单访问者的浏览器重定向到包含您需要测试的 Web 表单的不同页面。 最有可能的是,用户不会注意到这些重定向,因为它们几乎是即时的,因此无需担心。

付费工具改变了在线表单在用户浏览器中的显示方式。 使用这些付费工具,您可以衡量您的 Web 表单转换,这通常不需要编码技能。

Nelio A/B 测试

用于 WordPress 的 Nelio AB 拆分测试工具

Nelio A/B 测试是一个复杂且非常有用的 WordPress 转换优化工具,它结合了 A/B 测试和热图。 它使您能够测试标题、小部件、为您的帖子、页面、自定义帖子类型创建替代内容,并直接从 WordPress 中跟踪测试进度。 此外,您可以测试替代 CSS、主题并跟踪访问者最重要的操作。

创建会话表单

进入用户的头脑是企业想要实现的最重要的事情之一,因为它是他们成功的支柱之一。 与传统的 Web 表单相比,会话表单是一种从客户那里获取信息的有效方式。 尽管仍将使用标准形式,但在某些情况下对话形式更有效。 特别是当涉及到更高的转化率时。

用于 WordPress 实时聊天的聊天机器人取得了惊人的进步,这使得从客户那里收集线索和反馈数据变得更加容易和有效。 由于这种新型形式,与用户的“对话”更加自然。 这是一个更好的替代冷和交易的传统在线表格。 通过将网站上的传统表单替换为新表单,您将能够带领用户进行愉快、自然和对话的旅程,并以更简单的方式收集重要数据。

因此,用户提供的数据在其他情况下似乎是敏感和个人的。 此外,不再需要 CAPTCHA。 原因很简单:用户能够浏览对话形式的事实是他们人性的最好证明。

此外,访问者不需要返回表单来添加数据或纠正错误,因此用户体验将因用户与屏幕之间的摩擦减少而大大改善,从而提高转化率。

专注于 UI 设计

更好的 UI 设计肯定会帮助您在 WordPress 网站上获得更高的转化率。 为了增加信任并提供出色的用户体验,您需要准确地告诉用户下一步是什么,以了解预期的内容并清理您的表单字段。

使用 WordPress,大多数表单都包含基本样式选项或从您的主题中获取样式。 所以使用一个好的UI设计应该不会太难。 只需确保在不同的网络浏览器和设备中检查您的表单字段即可。

决定表单域

联系表格用于访问者向您提问、解释他们的需求和疑虑。 这种类型的表格需要潜在客户列出他们的电子邮件地址、姓名,有时还需要列出订单号。 联系表格还可能具有下拉菜单或文本输入字段,供潜在客户选择联系原因。 您的联系表格是如何设计的? 是否容易找到、使用?

顶部联系表

联系表 Toptal 的例子说明了它是多么简单而有效。 它还符合公司网站的美感,干净且有条理,以确保积极的用户体验。

添加占位符文本

确保没有太多和不必要的字段来为您的 Web 表单添加令人不安的长度。 通过在每个字段中添加占位符文本将使人们更有可能记住他们需要添加的信息,这将使您的表单看起来更短。

Shopify 订阅表格

一个很好的例子是 Shopify 的订阅表单,它在表单字段的顶部包含一个占位符,标签位于用户的前面。 这是一个小调整,但非常有效,它将提高您的转化率。

考虑多步骤表格

如果您想要更高的转化率,多步骤表单也是一个明智的选择。 多步骤表格是一种较长的表格,被分成多个部分。 它允许用户以较小的块填写信息,给他们的印象是表单实际上并没有那么长,从而改善用户体验并增加转换。 用户填写该过程似乎更容易,更易于管理。 当用户必须填写注册表单时,拆分表单是一个好主意,因为他们需要许多详细信息。

下面,您可以查看 DryBar 的注册表。 它包含几个部分,从关于谁去的问题到约会日期和付款细节。

Drybar登记表

Drybar登记表

一般来说,多步骤表格转换得很好,因为心理摩擦较少,进度条让用户知道接下来会发生什么,并鼓励他们完成表格并回答最后步骤的敏感问题脚步。

以下是对多步表单进行转换的一些建议:

  • 首先包括低摩擦问题
  • 向用户展示他们已经取得的进展并显示还剩多少步
  • 包括图像选择器按钮以减少输入
  • 使用条件逻辑
  • 每一步不要问太多问题

使用工具提示突出显示详细信息

工具提示也是使表单转换的简单但非常有效的解决方案。 它们可以提供详细信息来帮助用户,因为它们会在用户将鼠标悬停在特定表单字段上时显示。 或者它们可以用于需要更多详细信息的表单。 如果用户需要它而不影响功能,工具提示会提供有关特定字段标签的有用详细信息。 另外,通过添加它们,您的表格将不会填写错误信息。

使用良好的 CTA 按钮副本

号召性用语副本

高质量和有效的文案迫使用户在阅读时采取行动,这有助于您 兑换率 增加。 网络表单副本需要清晰、简洁且可操作的内容,以鼓励用户与您的品牌互动。

CTA 按钮副本非常重要。 点击您的号召性用语按钮的访问者越多,转化率就越高。 为确保尽可能多的访问者点击它,您需要使用出色的文案来吸引和说服访问者选择加入。

通常,相同的词用于 CTA 按钮,因为我们认为它并不那么重要。 然而,当我们希望我们的表单将访问者转化为潜在客户时,文字扮演着重要的角色。 通过使用正确的文字或调整按钮副本,可以提高转化率。

例如,尽量不要使用“提交”或“单击此处”等字眼。 相反,请使用与您的行业相关或使客户对您的 CTA 感到好奇的词语或行动短语。 一个好主意是通过您的号召性用语按钮提供折扣,因为我们都喜欢省钱。 另一种选择是创建一个问题解决 CTA。 这是公司用来解释他们对客户问题的解决方案的一种销售策略。 要创建这种类型的 CTA 按钮副本,请问自己以下问题:

  • 我的服务或产品能解决什么问题?
  • 我怎样才能简洁地传达这种信息并表达一种紧迫感?
  • 我如何展示和表达我的产品/服务可以快速解决他们的问题?

CTA 按钮复制的其他一般建议包括使用情感、增加价值、创建个性化的 CTA 并确保它不会太长或太罗嗦。 使用 90-150 个字符,避免使用描述性语言。 您的目标是在短时间内提供价值并说服用户点击。


我们在上面看到的所有技巧都是基于现实世界的研究。 为了获得准确和更有效的结果,您需要依靠自己的数据来提高 WordPress 网站的 Web 表单转换率。 确保您将使用高质量的分析工具来挑选出您的用户在尝试填写在线表格时遇到的转换障碍。

  使用 Instagram 为您的 WordPress 博客增加流量

无论您使用哪种类型的在线表格,都尽量减少摩擦以提高转化率。 使用户体验更好,您会注意到转化率和您与潜在客户的沟通将会得到改善。

类似文章