如何用elementor给网站添加弹窗

大家肯定见过一些网站会自动跳出一个弹窗,展示一些通知或者促销活动等,当然有些也会在页面顶部或者底部,这个课程老张就来演示一下如何给我们的WordPress网站也添加一个弹窗。

1、添加弹窗

进入elementor弹窗编辑器

添加一个弹窗

选择一个弹窗模板,点击插入

插入后编辑弹窗的样式

点击左下角的设置安妮,可以修改弹窗的整体大小

修改后点击发布,会提示我们设置弹窗的显示条件,你可以设置这个弹窗显示在哪个或者哪些页面

接着你还可以设置这这个弹窗的触发器,例如当页面被滑动百分之多少时再弹出,或者访客滚动页面时弹出等

最后你还可以设置更高级的显示规则

保存后你可以去访问自己的页面试试。

2、设置点击某个按钮的时候弹出弹窗

有时候我们需要访客在点击某个按钮的时候弹出弹窗。例如当客户点击获取报价按钮的时候弹出一个表单弹窗,要如何设置呢?

先设置一个表单收集弹窗

现实条件为全站,触发器和高级规则都不用设置,保存即可

编辑要设置按钮弹窗的页面,选中按钮,设置链接为动态标签,然后选择弹窗

接着点击1箭头指向的空白处,然后输入弹窗名称,选择要链接的弹窗

最后更新页面,到页面上点击弹窗试试吧。

WX20200809-195603

我是老张,快鱼主机联合创始人/运维工程师/网络工程师/云解决方案架构师,曾为超过1500个WordPress网站提供过托管服务,使用WordPress创建过数十个网站!联系老张

扫码添加老张个人微信
(备注免费领课)

《0代码建站入门课》
免费领取