大家肯定见过一些网站会自动跳出一个弹窗,展示一些通知或者促销活动等,当然有些也会在页面顶部或者底部,这个课程老张就来演示一下如何给我们的WordPress网站也添加一个弹窗。
1、添加弹窗
进入elementor弹窗编辑器
添加一个弹窗
选择一个弹窗模板,点击插入
插入后编辑弹窗的样式
点击左下角的设置安妮,可以修改弹窗的整体大小
修改后点击发布,会提示我们设置弹窗的显示条件,你可以设置这个弹窗显示在哪个或者哪些页面
接着你还可以设置这这个弹窗的触发器,例如当页面被滑动百分之多少时再弹出,或者访客滚动页面时弹出等
最后你还可以设置更高级的显示规则
保存后你可以去访问自己的页面试试。
2、设置点击某个按钮的时候弹出弹窗
有时候我们需要访客在点击某个按钮的时候弹出弹窗。例如当客户点击获取报价按钮的时候弹出一个表单弹窗,要如何设置呢?
先设置一个表单收集弹窗
现实条件为全站,触发器和高级规则都不用设置,保存即可
编辑要设置按钮弹窗的页面,选中按钮,设置链接为动态标签,然后选择弹窗
接着点击1箭头指向的空白处,然后输入弹窗名称,选择要链接的弹窗
最后更新页面,到页面上点击弹窗试试吧。