使用技巧

如何在WordPress中创建一个Typeform样式表单(Step by Step)


在WordPress中创建一个TypeForm样式表单

您想在WordPress中创建一个Typeform样式表单吗?

Typeform是一种在线表单工具,允许您在任何网站上创建和嵌入表单。 Typeform的一个独特功能是会话形式,这是一种交互式网页表单,可以融入您的页面以实现高转换率。

在本文中,我们将向您展示如何在WordPress中创建一个Typeform样式的会话表单。

在WordPress中创建一个Typeform样式表单

当您想要构建长格式时,创建一个Typeform样式的会话形式会派上用场,例如 用户注册表捐赠表格职位申请表调查表格

对话形式的最佳部分是它为您的简单WordPress表单增加了创造力,并有助于减少表单放弃。

Typeform是一种在线表单构建器工具,要求您登录其网站以在您的网站上创建和嵌入表单。此外,所有表单条目都存储在您的Typeform帐户中。

要在WordPress网站上创建会话表单,我们始终建议使用WordPress表单插件,例如 WPForms。 WPForms允许您在WordPress中构建表单和存储条目。它已经被超过200万个WordPress站点使用,并且是现有的最易于使用的表单插件。

它是Typeform的完美替代品,具有大量内置功能,例如拖放表单构建器,新闻稿工具集成等。

看看这个完整的比较 WPForms与Typeform 更多细节。

对话表单,wpforms

我们来看看如何在WordPress中创建一个Typeform样式表单。

第1步:安装对话窗体插件 – WPForms

首先,您需要安装并激活 WPForms 插入。

你可以使用IsItWP WPForms优惠券 获得所有许可证50%的折扣。

有关更多详细信息,请查看此文章 如何安装WordPress插件

激活插件后,您需要转到WPForms»设置。从这里,您需要验证您的许可证密钥以访问所有WPForms功能。

您可以从WPForms网站上的帐户获取许可证密钥。

WPForms许可页面

单击“验证”按钮继续。

第2步:激活对话表单加载项

验证后,您需要通过访问WPForms»Addons导航到插件页面,然后安装并激活Conversational Forms插件。

安装会话形式插件

接下来,您将在加载项上看到Active状态。

插件状态有效

此插件允许您从头开始创建Typeform样式表单。此外,您可以将现有表单转换为会话形式。

会话形式通过逐个显示问题来缩短网页的长度。它吸引了您的用户,他们很可能会愉快地填写您的长篇文章。

第3步:在WordPress中创建一个新表单

会话形式适用于所有类型的形式,但特别适用于长形式。

对于本指南,我们会 创建调查表

让我们通过访问WPForms»Add New创建一个新的调查表。 WPForms附带多个表单模板,可快速启动您所需的表单。它还有一个拖放式表单构建器,可以更轻松地添加和管理表单域。

调查表格

创建调查表单后,您可以继续从“设置”页面启用会话表单模式。

第4步:启用和修改对话表单设置

要启用会话表单模式,请访问屏幕左侧的设置»对话表单。然后,选中“启用对话表单模式”选项。

启用会话表单

启用后,您将看到会话表单的所有自定义设置。它允许您添加自定义徽标,更改背景等。您还可以将普通页面转换为具有会话形式的登录页面。

会话表单设置

首先,您需要在Conversational Form Title字段中输入标题。确保它简短且具有说明性。

表格标题

之后,您可以在“消息”文本框中为用户添加自定义消息。此消息可以作为用户进行调查的刺激器。

表格留言

接下来,您将找到“永久链接”设置。

通常,“会话表单”插件会自动为您的目标网页生成永久链接或网址。您可以保留原样或自定义它以添加永久链接。

形式永久链接

建议您保持简短,以使其看起来既专业又令人难忘。

在下一步中,您应该为对话框的目标网页添加自定义徽标。在标题徽标选项下,点击上传图片按钮添加您的徽标。

标题徽标

您还会看到隐藏WPForms品牌复选框。如果您选中此选项,则会隐藏对话表单页面中的WPForms消息。

接下来,您需要选择一种配色方案来自定义目标网页。此配色方案将遵循页面的背景和按钮。

您可以选择预先构建的颜色,也可以打开颜色选择器工具以添加自定义颜色方案。

表单页面颜色

在最后一个设置中,您可以选择如何显示表示表单完成的进度条。

第5步:预览并保存对话表单

完成所有设置后,可以向上滚动并单击“预览对话表单”按钮以预览表单。

预览表单并保存设置

如果您满意,请返回自定义页面并单击“保存”按钮以存储这些设置。

准备好了!

您可以访问对话框表单登录页面的固定链接,以查看其运行情况。

我们希望本文能帮助您学习如何在WordPress中创建一个Typeform样式表单。您可能还想查看我们的指南 如何在WordPress中创建多页表单