如何使用 WPForms 个性化 WordPress 表单

已发表: 2024-09-30

为您的用户创建个性化体验可以在提高参与度和提高表单完成率方面发挥重要作用。

如果您正在管理 WordPress 网站,您可能想知道如何定制表单,使其与访问者更相关,而不增加复杂性。

在本指南中,我将引导您了解一些强大的 WPForms 功能,这些功能使您可以轻松创建个性化表单,并解释它们如何改变您的表单构建并提高用户满意度。

立即个性化您的 WordPress 表单!

  • 1. 改变表单构建方式的人工智能选择
    • 2. 定位个性化
      • 3. 使用 URL 参数或查询字符串预填充表单字段
        • 4. 对动态表单使用条件逻辑
          • 5. 多步骤表单带来独特的用户体验
            • 6. 使用块编辑器设置表单样式

              1. 改变表单构建方式的人工智能选择

              尽管使用 WPForms 创建表单既快速又简单,但填写下拉菜单和多项选择题仍然需要时间。为了让事情变得更容易,您可以依靠 AI Choices 功能。

              您所需要做的就是单击一个按钮并描述您需要什么,WPForms AI 将在几秒钟内填写您的复选框、下拉列表和多项选择选项!

              最棒的是,AI Choices 可供所有人使用,无论您拥有免费还是付费 WPForms 许可证。使用方法如下:

              AI 选择如何在 WPForms 中发挥作用

              使用多项选择或下拉字段创建任何类型的表单,或者使用我们的预制表单模板之一来节省时间。 WPForms 提供了包含 1,900 多个 WordPress 表单模板的庞大列表。

              进入表单生成器后,打开相关多项选择或下拉字段的字段选项。然后,单击“生成选择”按钮开始添加 AI 选择列表!

              ai choices wpforms

              将出现一个弹出窗口,您现在可以用一两句话添加有关所需列表的详细信息。完成后,点击回车按钮。

              generate choices wpforms

              WPForms AI 助手现在将生成一个选择列表。您无需复制和粘贴它们 - 单击“插入选项”按钮,它们将自动添加到您的表单中。

              insert choices wpforms

              以前需要几个小时才能完成的事情现在只需要几秒钟。您可以重新排列列表、删除选项或添加更多详细信息。可能性是无限的!

              更不用说,如果您对生成的结果不满意,您可以随时要求 WPForms AI 改进响应,直到您满意为止。

              edit ai response

              2. 定位个性化

              WPForms Geolocation Addon 是一个非常有用的工具,用于捕获和使用访问者的位置来个性化表单字段。

              通过与 Google 地图集成,此功能可以自动检测用户的城市、州和国家/地区,从而允许您根据用户的位置自定义表单体验。

              例如,您可以在下拉列表中自动设置默认国家/地区或州,使用户可以更轻松地填写表单,而无需手动选择其位置。

              地理定位在 WPForms 中的工作原理

              要在 WPForms 中设置地理位置,您需要安装并配置地理位置插件。以下是入门步骤的快速概述:

              首先,确保您有 WPForms Pro,因为地理定位插件仅在 Pro 计划中可用。然后,安装并激活插件。

              The WPForms pricing page.

              激活插件后,您可以通过转到WPForms » 设置并选择地理位置选项卡来配置其设置。然后,按照本指南中的步骤将您的表单与 Google 地方信息关联。

              geolocation addon

              以下示例展示了当启用地址和地图自动完成选项以允许用户更快地提交表单时,您的表单可能会如何向用户显示!

              geolocation frontend example

              3. 使用 URL 参数或查询字符串预填充表单字段

              使用 URL 参数或查询字符串使用 WPForms 预填充表单字段是改善用户体验的好方法,特别是对于回访者而言。它允许您将数据直接传递到表单中,从而节省用户重新输入信息的时间。

              使用查询字符串自动填充文本字段

              查询字符串是添加到 URL 的小段信息,通常位于问号 (?) 之后。它们用于将数据从一个页面传递到另一页面。

              在 WPForms 中,当用户访问具有该特定 URL 的页面时,查询字符串可以自动填写表单字段。

              对于返回您的网站或点击电子邮件或广告中的特殊链接的用户来说,这是个性化表单的好方法。

              例如,如果您希望预填充用户名字段,您可以创建如下所示的 URL:

              https://yourwebsite.com/form-page/?name=John

              在本例中,“name”是表单字段,“John”是用户访问页面时自动出现在该字段中的值。

              query string variable

              查看本指南,了解如何使用查询字符串自动填充文本字段。

              在 WPForms 中设置预填表单

              设置预填充表单字段的另一种方法是让访问者首先填写基本表单,然后在单击“提交”按钮时将该信息传递到第二个表单。

              为此,您需要将确认类型设置为转到 URL(重定向)并配置字段以使用查询字符串填充。

              例如,您可以将如下 URL 添加到重定向 URL 以启用动态字段填充:

              • ?wpf:这标志着 WPForms 预填充功能的查询字符串的开始。
              • 表单 ID:指示数据将转到哪个表单(在本例中,表单 ID 为 20)。
              • 字段 ID:这标识您要定位的表单中的哪个字段(此处,字段 ID 为 1)。
              • 子字段标识符(可选):如果您要定位多部分字段的特定部分,例如“地址”字段中的城市(例如,标记为“子字段”),则可以使用此标识符。
              • =:等号告诉系统该字段的值从哪里开始。
              • 值:这是您要在字段中自动填充的数据。值中的任何空格都需要替换为 %20 才能在 URL 中正常运行。
              redirect url

              4. 对动态表单使用条件逻辑

              WPForms 中的条件逻辑是一项强大的功能,允许您根据用户之前的输入来控制用户看到的字段。

              例如,如果您正在收集反馈,如果用户表示不满意,您可以提出更详细的后续问题。

              另一个例子是为不同的客户类型定制表单 - 如果用户选择“企业”而不是“个人”,您可以动态调整表单以显示与业务相关查询相关的字段。

              设置条件逻辑

              在 WPForms 中使用条件逻辑的最实用方法之一是根据用户的选择使字段显示或消失。

              为此,首先打开表单生成器并单击您要控制的字段。这将打开“字段选项”面板,您可以在其中找到“智能逻辑”选项卡。

              通过单击此选项卡,您可以启用该字段的条件逻辑。您可以将条件逻辑应用于表单的整个部分,而不仅仅是单个字段。

              layout field conditional logic

              激活后,条件逻辑允许您根据用户与表单的交互方式显示或隐藏字段。您甚至可以设置高级规则以根据输入自动执行操作。

              例如,您可以让用户选择他们喜欢的付款方式、自定义通知或根据响应自动路由潜在客户。

              5. 多步骤表单带来独特的用户体验

              通过将表单分解为多个步骤,您可以创建更加用户友好的体验,让人们一次专注于一个部分。

              这对于需要详细信息或有各种问题的表格特别有用。当呈现更小的、易于管理的部件时,用户不会感到不知所措。

              在 WPForms 中设置多步骤表单

              要在 WPForms 中创建多步骤表单,您将首先在表单生成器中照常构建表单。您可以将表单分成多个部分或“步骤”,而不是一次用太多字段让用户不知所措。

              这是使用分页符字段完成的。只需拖放要将表单分成不同部分的字段即可。

              add page break field

              添加分页符后,您可以使用独特的标题或描述自定义每个步骤,帮助用户了解他们在流程中的位置。

              您还可以配置进度条,引导用户完成表单的每个部分,使体验更加流畅、不那么令人畏惧。

              customize progress indicator

              6. 使用块编辑器设置表单样式

              如果您想为表单提供个性化的外观和感觉,WPForms 可以与 WordPress 块编辑器无缝集成。这允许您设置表单的样式,而无需编写任何自定义代码。

              通过使用清晰的标题分解各个部分、调整间距以及添加自定义字体或按钮,您可以使表单更直观、更容易完成。

              使用块编辑器自定义表单

              首先将表单直接嵌入到块编辑器中,您可以在其中轻松预览和编辑布局。通过使用编辑器中的WPForms 块,您可以完全控制表单在页面上的显示方式。

              click form block editor

              WPForms 块设置允许您更改颜色主题、表单字段、标签、按钮以及容器和背景样式。

              design options block editor

              您将特别欣赏预构建的表单主题,只需单击几下即可在表单中应用一致的样式。

              如果您希望保持一致的外观,而又不想花费太多时间手动设置每个元素的样式,那么这些主题特别有用。

              premade themes

              常见问题解答 — 如何使用 WPForms 个性化 WordPress 表单

              个性化 WordPress 表单是我们读者感兴趣的热门话题。以下是一些有关它的常见问题的解答:

              如何在 WordPress 中创建自定义表单?

              要在 WordPress 中创建自定义表单,您可以使用 WPForms 插件。安装插件后,转到WPForms » Add New 。从那里,要么选择一个模板,要么从头开始。

              通过将字段拖放到适当位置来自定义表单,然后配置设置。最后,使用短代码或块编辑器将表单嵌入到任何页面上。

              如何更改 WordPress 中表单的设计?

              您可以使用表单主题轻松更改使用 WPForms 构建的表单的设计。嵌入表单后导航到块编辑器,然后选择与您的网站风格相匹配的主题。您还可以使用 WPForms 块来调整颜色、字体和布局。

              如何在 WPForms 中创建自定义智能标记?

              在 WPForms 中创建自定义智能标记需要一些代码。您需要使用wpforms_smart_tag_process连接到 WPForms 并编写一个定义标签行为的函数。

              设置后,您可以在表单字段或通知中使用自定义智能标记来动态插入用户信息。查看本指南,了解有关创建自定义智能标签的更多信息。

              您可以自定义 WPForms 吗?

              是的,WPForms 是高度可定制的。您可以使用条件逻辑来个性化用户体验,使用表单主题来调整设计,以及使用各种插件来自定义表单体验。

              WPForms 还提供高级功能,如预填写表格、地理位置和智能标签,以进行进一步定制。

              接下来,探索这些隐藏的 WPForms 功能

              WPForms 包含一些并不立即显而易见的工具和选项,但可以显着改进您的工作流程和您创建的表单。 查看本指南,了解您可能忽视的功能。

              立即创建您的 WordPress 表单

              准备好构建您的表单了吗?立即开始使用最简单的 WordPress 表单生成器插件。 WPForms Pro 包含大量免费模板,并提供 14 天退款保证。

              如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们,获取更多免费的 WordPress 教程和指南。