你想知道如何创建一个 形式 在几个步骤中 Elementor ?
你知道 Typeform 吗? 他是 形式 流行的在线平台,以其互动风格而闻名。 在 Typeform 中,您可以创建一个 形式 多步互动网络游戏,用途广泛。
如果您有一个基于 WordPress 的网站 Elementor,您可以毫不费力地将您的 形式 Typeform 使用 Essential Addons。
但从 2.9 版开始, Elementor 本身有一个功能,你可以用它来创建 形式 分几个阶段。 在本文中,我们将向您展示如何在以下工具的帮助下做到这一点Elementor.
Un 形式 多步骤本身是一个节省设计空间的好主意(无论是页面还是主题生成器模板)。 它允许您将长形式缩短为更简单的形式。
如何在 Elementor 中创建多步骤表单
在开始之前,请确保您已将 Elementor 升级到专业版,以防您尚未升级,因为 Form 小部件(用于创建表单的 Elementor 小部件)仅在专业版中可用。
另请参阅: 如何在 Elementor 中创建联系表单
在本文中,我们将直接跳转到添加 Form 小部件。 我们将要创建的多步表单由以下三个步骤组成:
- 第 1 步:姓名和性别
- 第 2 步:电话和电子邮件
- 第 3 步:单选按钮
首先,将 Form 小部件拖到 Elementor 的编辑框中。
转到左侧的设置面板进行设置。 在块 表单域 下 内容选项卡, 根据您的需要定义字段。 在我们的例子中,字段如下:
- 姓名
- 流派
- 电话
- 电子邮件
- 爱好
完成添加和定义所需的表单字段后,添加另一个字段并将字段类型设置为 步.
此步骤会自动在顶部顺序添加一个新字段,并在底部添加一个新字段。 您可以将顶部字段的标签设置为类似 步骤1.
然后拖动底部字段并将其放在第二步中的字段上方(在本例中为电话字段)。
添加另一个字段并设置字段类型 在步骤. 拖动它并将其放置在第三步中的字段上方(本例中为 Hobby 字段)。
这里。 您可以在自定义表单之前预览结果。 默认情况下,步骤类型设置为数字和文本。
您可以从块中进行编辑 步骤参数 标签下 内容。
您可以访问选项卡 样式 自定义您的表单。 您可以打开 5 个调整块。
- 表单 : 你可以打开这个块来定义表格的列和行之间的空间,表格标签的排版(字体系列,字体大小,字体样式等)以及后者的文本颜色.
- 字段 :您可以打开此块来定义表单字段的排版、字段的文本颜色、背景、边框宽度、边框颜色和边框半径。
- 按键: 您可以打开此块以自定义按钮。 无论是发送按钮、上一个按钮还是下一个按钮。 您可以定义文本排版、文本颜色、背景颜色等元素。
- 意见与建议: 您可以打开此块来定义消息的排版以及文本的颜色。
- 步骤: 您可以打开此块来定义步骤的排版、颜色、分隔符的宽度、分隔符的空间等...
完成模板编辑后,您可以发布或更新它。
如果您想将刚刚创建的表单插入到古腾堡页面中(或者您想将其插入到博客文章中),您可以将表单小部件另存为全局小部件。 然后您可以使用插件导入小部件 古腾堡的元素块.
立即获取Elementor Pro!
结论
这是 ! 这就是本文的内容,该文章向您展示了如何使用 Elementor 创建多步骤表单。 如果您对如何到达那里有任何疑问 f让我们知道 评论.
但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.
但与此同时, 在您不同的社交网络上分享此文章.
...