4种Elementor Popup使用方法和应用场景,进阶教程

Elementor Popup使用方法
本篇文章详细介绍多种Elementor Popup使用方法和应用场景。利用Elementor Popup丰富你的网站功能,提高网站转化率。
文章目录

本篇文章共 1443 字,预计阅读时间 6 分钟

Elementor Popup使用方法

Popup是Elementor Pro里一个强大的功能,可以利用Popup创建高度自定义的弹出窗口。

Elementor Popup使用方法和应用场景有很多种,它不仅可以用来展示促销、订阅表单、登录/注册表单等,还能用于展示任何内容,如图像、文本、视频等等。

利用Popup可以制作出许多提升网站转化率的小功能。

使用Popup制作弹出式询盘表单

设置表单Email

弹出式表单可以帮助用户更方便地提交信息,无需跳转页面。这种直观的设计减少了用户操作的复杂性,从而提升网站的转化率。

这篇使用Popup制作弹出式表单详细的讲解了Popup弹出式表单的用法。

使用Popup制作促销倒计时弹框

Popup倒计时促销弹窗效果

倒计时促销弹框可以在网站搞限时促销时更多的提高购买转化率。

它能够让买家感受到时间压力,从而促使他们尽快做出购买决定,减少了犹豫的时间,转化率就能够有很大的提升。

设置方法如下:

倒计时促销弹窗设置

首先要点击上方的页面设置按钮,设置Popup的尺寸和位置。

  • Width:100 VW
  • Height:260 px
  • Content Position:Center
  • Vertical:顶部
  • Overlay:关闭

然后再填充Popup窗口里的内容:

  1. 在Popup内添加三个并排的小容器。
  2. 分别在容器里添加标题、计数器(Countdown)、图片元素,并调整一下样式。
  3. 为整个大容器设置添加促销产品的链接。

发布到整个网站

保存发布,应用到整个网站。

设置6秒后加载

设置页面加载后6秒显示该Popup。设置只显示一次

设置显示次数。

最后发布。

使用Popup制作相关文章/产品弹窗

文章推荐弹窗Popup效果展示

通过在产品或者是文章页布置推荐产品/文章Popup弹窗,当页面被用户浏览完后展示推荐内容。

可以更好的引导买家查看网站的主营产品或者是重要文章,提高用户体验和网站停留时长、也对降低跳出率有一定的影响。

设置方法如下:

文章推荐弹窗Popup设置

点击上方的页面设置图标,设置Popup的尺寸和位置:

  • Width:100 vw
  • Height:240 px
  • Content Position:Center
  • Vertical:下方
  • Overlay:关闭

给Popup弹框里添加内容:

  1. 可以添加主营产品或者是重要文章
  2. 给对应的产品/文章附带链接
  3. 调整内容样式

 

文章推荐弹窗Popup应用到文章页或者是产品页

保存发布,将Popup应用到产品页或者是文章页。

文章推荐弹窗Popup在页面滚动到90%时弹出

设置触发条件,当页面滚动到90%时触发。

你也可以改成设置下面的On Scroll To Element,滚动到特定元素触发,填写对应类名就可以。

最后保存。

使用Popup制作询问弹窗

询问弹窗Popup效果展示

询盘弹窗Popup适合一些需要知道用户途径的网站,方便针对不同用户做不同的页面展示或者是记录。

通过页面加载就立马弹出询问弹窗,让用户从2个或者多个答案中做出选择,每个答案对应不同的页面跳转或者是后台记录。

具体操作如下:

设置询问弹窗Popup

设置Popup页面:

  • Height:600 px
  • Content Position:Center
  • Close Button:关闭

在Popup框内填充内容:

  1. 一个标题元素
  2. 能表达问题内容的图片
  3. 2个或者多个按钮,并设置对应的链接

 

设置Popup无法被关闭和影响

设置弹窗无法被关闭和影响。

将询问弹窗Popup应用到全站

将问题弹框应用到全站。

设置询问弹窗Popup在页面立即加载

设置触发条件,页面加载后立即弹出。

设置询问弹窗Popup出现的次数

设置显示次数,只显示一次。

至此,Popup的多种用法分享结束。

Well在本篇文章只展示了几种Popup的用法,实际上还有很多种使用方式和应用场景供你探索。

推荐你看更多Elementor教程

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
B2B外贸建站服务 - well建站
Well提供外贸建站服务,高性价比、不玩套路、终身售后。
文章标签
文章推荐
文章目录
相关文章