如何使用 JetPopup 插件创建 WordPress 网站弹出窗口?- 一服客网站工作室

点击阅读如何使用 JetPopup 插件创建 WordPress 网站弹出窗口?原文

JetPopup是一个创建弹出窗口的WordPress插件。或者更准确地说,它是一个Elementor扩展组件。JetPopup是一个由Crocoblock创造的高级Elementor附加组件。您可以使用它作为Elementor的原生弹出窗口构建器的替代品。

总的来说,JetPopup提供的特性与Elementor的内置弹出式构建器差别不大。JetPop还支持多种触发器。当访问者单击按钮或将鼠标悬停在小部件上时,可以显示弹出窗口。也可以通过页面加载或页面滚动显示弹出窗口。

目录   隐藏 

如何使用 JetPopup

从模板创建弹出窗口

总结

如何使用 JetPopup

您可以使用JetPopup创建几种弹出类型,如电子邮件订阅表单、cookie策略确认的特别优惠横幅。JetPopup提供了几十个弹出模板,可以节省创建弹出窗口的时间。如果你想创建一个完全唯一的弹出窗口,你也可以从头开始创建一个弹出窗口。

如果你使用MailChimp,您还可以将JetPopup与您的MailChimp帐户集成,以创建电子邮件订阅表单弹出窗口。要将JetPopup与MailChimp集成,可以转到JetPlugins->JetPop设置。输入MailChimp API密钥并单击保存按钮。

如何使用 JetPopup 插件创建 WordPress 网站弹出窗口? 1

从模板创建弹出窗口

如前所述,JetPoup提供了数十个弹出式模板供您选择。如果你对要创建的弹出窗口还没有概念,你可以从模板库中选择一个设计,或者你也可以从头开始创建一个弹出窗口。

要从模板创建弹出窗口,请转到JetPlugins–>JetPopup库打开JetPopup的弹出库。在弹出式库中,选择要使用的模板,然后单击添加按钮。可以按类别筛选模板。

如何使用 JetPopup 插件创建 WordPress 网站弹出窗口? 2

再单击添加按钮,您将被引导到Elementor编辑器。您可以编辑弹出窗口的内容或用Elementor编辑器自定义它。一旦完成,你就可以设置弹出窗口在你的网站上的显示方式。

  • 设置显示条件

要设置显示条件,可以单击左下角的齿轮图标打开弹出式设置。在上设置显示条件。您可以设置是要在整个网站上显示弹出窗口还是只显示在特定页面/帖子。单击显示按钮设置显示条件。

如何使用 JetPopup 插件创建 WordPress 网站弹出窗口?

  • 事件设置

设置显示条件后,可以设置弹出窗口的显示方式。你可以从设置弹出设置区,通过单击开放式活动选项。也可以通过单击下拉菜单来设置进入动画选项。

如何使用 JetPopup 插件创建 WordPress 网站弹出窗口?

设置完显示条件和事件后,单击发布按钮。

如何使用 JetPopup 插件创建 WordPress 网站弹出窗口?

  • 单击按钮时显示弹出窗口

JetPopup还允许在访问者单击按钮或小部件后显示弹出窗口。为此,请使用Elementor编辑页面/帖子。添加按钮小部件(如果页面有按钮,则编辑现有的小部件)。要编辑现有按钮,可以将鼠标悬停在按钮上并单击铅笔图标。

如何使用 JetPopup 插件创建 WordPress 网站弹出窗口?

按钮小部件激活后,转到高级选项卡,然后打开JetPopup选项。单击下拉菜单,选择要显示的弹出窗口点击下拉菜单中的“设置”按钮触发器类型节。

如何使用 JetPopup 插件创建 WordPress 网站弹出窗口?

单击单击更新按钮应用新更改。

如何使用 JetPopup 插件创建 WordPress 网站弹出窗口?

从头开始创建弹出窗口

如果你想创建一个独特的弹出式窗口,你可以创建一个全新的弹出窗口而不是从一个模板创建。为了简化从头开始创建弹出窗口的工作,JetPop提供了弹出窗口布局。弹出窗口布局是在特定位置和主要样式上预先制作的块,您可以将其用作自定义弹出式窗口的出发点。弹出式布局没有内容,您可以在Elementor编辑器添加自己的内容。

要开始,请转到JetPopup->所有弹出窗口然后单击在上面的弹出窗口布局按钮。

如何使用 JetPopup 插件创建 WordPress 网站弹出窗口?

选择弹出窗口布局并单击创建弹出窗口菜单按钮开始创建弹出窗口。

如何使用 JetPopup 插件创建 WordPress 网站弹出窗口?

单击按钮后,您将被引导到Elementor编辑器。添加所需的小部件编辑内容并自定义弹出窗口。一旦你完成了,你可以打开弹出窗口设置来设置显示条件和事件,就像上面介绍的从模板创建一个弹出窗口一样。

总结

JetPopup是在你的WordPress站点上创建弹出窗口的好工具。它是一个 Elementor 扩展。您可以通过Elementor的可视化编辑器创建弹出窗口。JetPopup附带了一个弹出窗口库,其中包含数十个弹出模板。它可以是Elementor本地弹出窗口构建器的一个很好的替代品。

猜你喜欢

转载自blog.csdn.net/lilihuigz/article/details/110818788