你想知道如何创建一个 形式 在几个步骤中 Elementor ?

你知道 Typeform 吗? 他是 形式 流行的在线平台,以其互动风格而闻名。 在 Typeform 中,您可以创建一个 形式 多步互动网络游戏,用途广泛。

如果您有一个基于 WordPress 的网站 Elementor,您可以毫不费力地将您的 形式 Typeform 使用 Essential Addons。

另见: 如何在 Elementor 中添加价格网格

但从 2.9 版开始, Elementor 本身有一个功能,你可以用它来创建 形式 分几个阶段。 在本文中,我们将向您展示如何在以下工具的帮助下做到这一点Elementor.

Un 形式 多步骤本身是一个节省设计空间的好主意(无论是页面还是主题生成器模板)。 它允许您将长形式缩短为更简单的形式。

如何在 Elementor 中创建多步骤表单

在开始之前,请确保您已将 Elementor 升级到专业版,以防您尚未升级,因为 Form 小部件(用于创建表单的 Elementor 小部件)仅在专业版中可用。

另请参阅: 如何在 Elementor 中创建联系表单

在本文中,我们将直接跳转到添加 Form 小部件。 我们将要创建的多步表单由以下三个步骤组成:

  • 第 1 步:姓名和性别
  • 第 2 步:电话和电子邮件
  • 第 3 步:单选按钮

首先,将 Form 小部件拖到 Elementor 的编辑框中。

转到左侧的设置面板进行设置。 在块 表单域 下 内容选项卡, 根据您的需要定义字段。 在我们的例子中,字段如下:

  • 姓名
  • 流派
  • 电话
  • 电子邮件
  • 爱好

分几个步骤创建表单

完成添加和定义所需的表单字段后,添加另一个字段并将字段类型设置为 .

另见: 如何在 Elementor 中创建圆形图像

此步骤会自动在顶部顺序添加一个新字段,并在底部添加一个新字段。 您可以将顶部字段的标签设置为类似 步骤1.

然后拖动底部字段并将其放在第二步中的字段上方(在本例中为电话字段)。

添加另一个字段并设置字段类型 在步骤. 拖动它并将其放置在第三步中的字段上方(本例中为 Hobby 字段)。

分几个步骤创建表单

这里。 您可以在自定义表单之前预览结果。 默认情况下,步骤类型设置为数字和文本。

您可以从块中进行编辑 步骤参数 标签下 内容。

您可以访问选项卡 样式 自定义您的表单。 您可以打开 5 个调整块。

使用 Elementor 创建多步骤表单

  • 表单 : 你可以打开这个块来定义表格的列和行之间的空间,表格标签的排版(字体系列,字体大小,字体样式等)以及后者的文本颜色.
  • 字段 :您可以打开此块来定义表单字段的排版、字段的文本颜色、背景、边框宽度、边框颜色和边框半径。
  • 按键: 您可以打开此块以自定义按钮。 无论是发送按钮、上一个按钮还是下一个按钮。 您可以定义文本排版、文本颜色、背景颜色等元素。
  • 意见与建议: 您可以打开此块来定义消息的排版以及文本的颜色。
  • 步骤: 您可以打开此块来定义步骤的排版、颜色、分隔符的宽度、分隔符的空间等...

完成模板编辑后,您可以发布或更新它。

阅读: 如何使用 Elementor 创建团队成员部分 

如果您想将刚刚创建的表单插入到古腾堡页面中(或者您想将其插入到博客文章中),您可以将表单小部件另存为全局小部件。 然后您可以使用插件导入小部件 古腾堡的元素块.

立即获取Elementor Pro!

结论

这是 ! 这就是本文的内容,该文章向您展示了如何使用 Elementor 创建多步骤表单。  如果您对如何到达那里有任何疑问 f让我们知道 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...