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

链接调用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丰富网站功能,提高网站转化率。

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
B2B外贸建站服务 - well建站
Well提供外贸建站服务,高性价比、不玩套路、终身售后。
文章标签
文章推荐
文章目录
相关文章