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

页面

教程分类

3种通过链接调用Elementor Popup的方式

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
链接调用Elementor Popup
通过链接调用Elementor Popup的3种方式,适用于不同应用场景。
文章目录

本篇文章共 971 字,预计阅读时间 4 分钟

使用链接调用Popup时,在用户点击对应锚文本或按钮的时候可以跳出弹窗,和用户进行一个互动。

比如用这种方式制作一个B2B网站询盘弹窗

这种不跳转页面就能进行的交互,可以进一步提高用户体验和网站转化率。

本文列出了三种通过链接调用Popup的方法,可以按需选择合适的方法使用。

通过Elementor动态标签调用Popup链接

这是最常用最简单的调用Popup的方式。

使用Elementor的动态标签调用Popup链接

图片里演示的是给一个Elementor按钮元素添加Popup链接的过程。

通过Elementor Pro可以给按钮的链接设置为动态标签。

点击动态标签,在标签列表里选择Popup即可。

设置Popup动态标签的模板

选择Popup作为动态标签后,需要点击Popup,选择对应的Popup模板。

通过给Popup设置选择器的方式调用Popup

这种调用方式是给Popup做设置。

  1. 要先在Popup的编辑页面打开页面设置
  2. 选择高级设置
  3. 然后为Popup添加一个选择器

比如在选择器里填写: a[href=”#popup666″] 。

这个代码的含义是:链接为 #popup666 的a标签元素可以调用该Popup。

在要使用该Popup的时候,链接里填写 #popup666 就可以调用该Popup了。

如下图所示:

填写Popup对应了锚链接

通过复制链接调用Elementor Popup

在浏览器打开网站前端。

打开已经调用了Popup链接的按钮或锚文本的页面。

浏览器中按键盘F12审查元素,选中该按钮或锚文本。

可以看到该按钮或锚文本的锚链接。

这个链接就是调用对应Popup的链接,复制它就可以在其他地方使用该Popup。

需要注意的是,不管是哪种使用链接调用Popup显示弹窗的方式,都需要该Popup在发布选择应用范围时,包含到该锚文本或者按钮所在的页面。

以上就是本篇文章的全部内容了,三种使用Popup链接调用的方式。

还推荐你看Popup进阶教程,利用Popup丰富网站功能,提高网站转化率。

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