tips
教程需要,本站采用的国外服务器,国内访问较慢,感谢耐心等待。

Elementor Pro怎么制作popup弹窗效果

使用Elementor创建popup弹窗效果首先需要购买Elementor Pro,本文分为根据条件弹出Popup内容和点击按钮弹出Popup内容两种方法教学。

根据条件自动弹出弹窗

1、在后台模板菜单下,选择弹窗,添加弹窗。

elementor pro创建Popup弹窗教程

2、默认会弹出模板库,可以直接从模板库里面选择一个合适的弹窗模板导入,然后修改图片文字内容。

elementor pro创建Popup弹窗教程

3、如果需要修改弹窗的位置,大小等信息,在左下角点击设置按钮就可以调整。

elementor pro创建Popup弹窗教程

如果不需要导入模板,而要自己设计,就先点击弹窗设置,设置好弹窗的宽度和位置等信息。

elementor pro创建Popup弹窗教程

自己设计POPUP时需要按钮关闭,需要点击按钮链接这里后面的动态数据库按钮,然后选择弹窗功能。

elementor pro创建Popup弹窗教程

4、设计好之后点击发布,创建好条件,就可以根据条件自动弹出了。

elementor pro创建Popup弹窗教程

点击按钮弹出弹窗

想要通过点击按钮弹出弹窗,例如点击按钮出现询盘界面,那么只需要通过下面的步骤操作就可以了。

  1. 按照上面的教程先创建一个弹窗模板。
  2. 点击发布按钮时直接选择保存和关闭按钮。
  3. 在需要点击弹出弹窗的按钮上设置,按钮的链接地址选择动态数据-动作-弹窗(Dynamic > Actions > Popup)
  4. 弹窗设置为打开弹窗

elementor设置按钮弹出弹窗

随便看看

#!trpst#trp-gettext data-trpgettextoriginal=578#!trpen#發佈留言#!trpst#/trp-gettext#!trpen#

#!trpst#trp-gettext data-trpgettextoriginal=577#!trpen#發佈留言必須填寫的電子郵件地址不會公開。#!trpst#/trp-gettext#!trpen# #!trpst#trp-gettext data-trpgettextoriginal=572#!trpen#必填欄位標示為 *#!trpst#/trp-gettext#!trpen#