Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt

页面

教程分类

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

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
Elementor Popup使用方法
本篇文章详细介绍多种Elementor Popup使用方法和应用场景。利用Elementor Popup丰富你的网站功能,提高网站转化率。
文章目录

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

本次教程需要用到Elementor Pro插件,在Well建站注册用户可免费下载Elementor Pro,下载链接:

Elementor Pro GPL 破解版插件免费下载

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教程

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
Well企业微信
专业网站搭建,扫码直接咨询
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录
相关文章
没有账号? 忘记密码?