在这篇文章中,我们将展示如何创建一个 形式 带有 lottie 动画的多阶段 Elementor.

功能 形式 多步构建器最近被添加到可视化和强大的构建器中Elementor. 你现在有一个构造函数 形式 涵盖所有基地! 

即使它似乎不在顶部,您也应该知道这是第一个版本,并且不可避免地会有新的更新来扩展此功能。

形式 在几个阶段,你的 形式 不仅看起来更好,当您寻求从网站访问者那里收集信息时,它们还会提供更高的转化率。

现在可以帮助您的访客完成注册并提高您的转化率 形式 à plusieurs étapes。

更好的用户体验

要说服用户填写您的表格并非易事。 一旦鼓励他们阅读表格,甚至考虑填写表格,就需要确保与他们保持互动,尤其是某些表格可能令人生畏。

发现我们的 10 WordPress插件用于创建联系表单

新的“多步骤表单”小部件解决了这个确切的问题:使复杂的表单成为简单美观的设计元素。

增加转化和潜在客户

毫无疑问,一种令人愉悦且易于导航的形式将更有利于转换。 作为网站建设者,这是您的目标,也是“多步骤表单”窗口小部件的目标。

阅读有关的文章 如何提高转化率:提高有限的报价

此表格可让您提高所有领域的转化率。 它们在保险,大学,房地产,旅游业等领域尤其出色,我相信它们将帮助您创建具有无限灵活性的高转换率表单。

它是如何工作的

在页面上放置表单后,添加“步骤”字段。 您会看到已自动添加了一个新字段,并且它在视觉上很突出。 将 Step 元素移动到要拆分为步骤的位置,瞧! 您刚刚创建了一个多步骤表单。

发现 如何用Elementor建立一个完整的网站

“步骤”字段将用作分隔符,并允许用户执行以下操作:

  • 选择阶段指示:图标,文本,图标和文本,数字,数字和文本,进度条或无
  • 添加图标作为里程碑指示器
  • 自定义步骤的外观
  • 自定义以下项目
  • 并验证每个步骤字段

将您的网站提升到全新的互动水平

您是否曾经希望您的网站比以前更具互动性和吸引力?

过去,您可能出于多种原因放弃了这种想法,但是随着Lottie Animations的推出,这一切都将改变。 这是将您的网页设计师游戏带入新境界的机会,可以从数千种Lottie动画中进行选择,以添加到您的网站中。

Le 乐天小部件 可以接受来自各种来源的Lottie动画,例如 LottieFiles.com。 您也可以使用来添加自己的动画 Lottiefiles插件 或Adobe After Effects的Bodymovin插件。

使您的客户惊奇

当您加载静态设计和图像并突然通过运动,颜色和所有其他种类的动画效果使它们焕发青春时,您就改变了游戏。

突然,您的网站设计变得栩栩如生。 它在运动中,并与您的网站访问者互动。 Lottie 动画是 SVG,100% 响应和超轻量级。

增加用户参与度

添加Lottie动画耗时数秒,可用于改善与网站各部分的互动。

以按钮为例。

我们都知道号召性用语按钮的重要性。 使用Lottie,您可以改善访问者与按钮交互的方式,而无需花费大量时间编码和完善设计细节。

还阅读: 如何提高WordPress的用户参与度

想想普通按钮与带有动画箭头的按钮。 您会更关注哪一个? 这些小事情会有所作为,您的客户一定会喜欢这份工作。

使用 Lottie 小部件,您可以玩很多设置,例如触发器、循环、悬停、反向动画和渲染选项。 如何让您的网站充满活力是没有限制的。

它是如何工作的

  • 访问 乐蒂档案网 然后选择一个动画
  • 下载Lottie JSON文件
  • 返回编辑器 Elementor,拖入 Lottie 小部件
  • 单击媒体库图标并下载Lottie JSON文件
  • 这里 ! 您应该开始看动画。

如果您创建了精美的动画,请确保将以下评论部分中的链接发送给我们。

立即获取Elementor Pro!

结论

添加Lottie动画和多步骤表单提供了两种很棒的方法,不仅可以改善用户体验,而且可以改善用户界面。

随着网络趋势的不断变化,不断改进网站的功能并将自己定位为真正的专家总是令人兴奋的。 如果你有 评论 或建议,请随时在保留部分中告知我们。

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

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

...