Every popup都需要一条出路,默认那条出路就是角落里的一个小X,也是你无法重新调式的那个弹出部分,The 弹出窗口触发小部件 在 Elementor 的主插件 用真实元素替换它:将其放入弹出窗口中,编写自己的按钮文本,选择一个图标,然后决定单击的作用。
Closes 弹出窗口,但也控制弹出窗口之后多长时间远离,访问者是否被发送到其他地方,不打开弹出窗口,在点击打开弹出窗口是弹出设置中的 On Click 触发器,需要 Master Addons Pro,本指南涵盖了小部件中的每个设置。
Popup 触发器小部件的作用 #
Widget 在弹出窗口内渲染一个按钮,单击它关闭该弹出窗口,并应用您在按钮上设置的规则:要运行哪个关闭操作,何时允许再次出现该弹出窗口,以及之后打开哪个 URL。
它有三个选项卡。 内容 保留按钮操作、延迟、重定向、标签、图标和对齐方式。 风格 控制颜色、排版、边框、间距和悬停状态。 高级 带有通常的元素选项。
Widget 只在弹出窗口内工作,将其丢弃在正常页面上,它就没有什么可以关闭的,这就是为什么编辑器面板显示有关它的注释。
在开始之前 #
- 文字出版社 与 元素 已安装并处于活动状态。
- Elementor 的主插件 已安装并处于活动状态。插件新增?参见 安装指南.
- 中创建的弹出窗口 仪表板 > 主插件 > 弹出窗口. X = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 = 1000 弹出设置指南 涵盖弹出窗口的设置方式。
如何添加弹出窗口触发器小部件 #
在 Elementor 编辑器中打开您的弹出窗口。在 元素 面板,搜索 弹出窗口触发器的,或者滚动到小部件带有紫色MA徽章的主插件部分。将其拖入弹出布局。
它加载一个标记的工作关闭按钮 关闭弹出窗口的,所以你从一个已经工作的按钮而不是空白的按钮进行编辑。
选择按钮操作 #
打开 内容 选项卡并查看 按钮操作。它决定点击的作用,它有三个选项。
- 关闭弹出窗口: 隐藏弹出窗口并应用您在下面设置的"再次显示延迟"。弹出窗口可以稍后返回。
- 永久关闭: hides 弹出窗口,并停止它再次出现在该访问者的浏览器中,当您选择此项时,再次显示延迟设置就会消失,因为该延迟不再适用。
- 返回推荐人: 关闭弹出窗口并将浏览器发送回其历史记录中的一步,以便访问者返回他们来自的页面。
再次设置节目延迟 #
与 关闭弹出窗口 选定的, 再次显示延迟 dropdown 决定弹出窗口等待多长时间,然后才允许该访问者再次出现。
该列表从一分钟到一个月:1、3、5、10 和 30 分钟,然后是 1、3、6 和 12 小时,然后是 1、3、5、7、10、15 和 20 天,最后是 1 个月。 没有延误 让弹出窗口免费再次出现在下一页加载中。
关闭时间根据该弹出的 ID 保存到访问者自己的浏览器存储中,因此站点上的每个其他弹出窗口都保留自己的单独定时。它可以在页面加载和浏览器重新启动后保留,但它不会跟随访问者到其他设备,并且清除浏览器数据会重置它。
当弹出窗口关闭时重定向访问者 #
打开 关闭时重定向到 URL URL 字段出现,弹出窗口先关闭,然后浏览器移动到你的链接。
- URL 字段 采用任何链接,并且接受 Elementor 动态标签,因此目的地可以来自帖子或自定义字段,而不是硬编码。
- 仅相同选项卡。 重定向在弹出窗口关闭后立即在当前选项卡中运行,因此链接字段上的新选项卡和 nofollow 选项没有效果。
- 它与 Close Popup 和 Close Permanently 一起使用。 返回推荐人不会使用它,因为该操作已经将访问者发送到某个地方。
设置按钮文本和图标 #
按钮文本 是支持动态标签的纯文本字段,默认是 关闭弹出窗口但是像 “也许稍后” 或 “继续访问该网站” 这样的措辞会告诉访问者点击会做什么。
图标位置 放置一个相对于标签的图标。将其设置为 在元素之前 或 元素之后 和一个 选择图标 出现控制,预设到 X 图标。从那里选择不同的字体 Awesome 图标,或上传您自己的 SVG。将图标位置设置为 没有 为纯文本按钮。
按钮对齐 将按钮设置为左侧、中央或右侧,它是一个响应式控件,因此您可以在桌面、平板电脑和移动设备上以不同的方式对齐它。
样式按钮 #
打开 风格 选项卡用于 一般的 部分,分为 正常 並 悬停 选项卡。
- 颜色、背景颜色和边框颜色: 按状态设置,因此按钮在悬停时会发生变化。
- 盒影: 也按状态,用于悬停升降。
- 过渡持续时间: 悬停变化运行速度有多快,以秒为单位。
- 版式: 标准组控制,因此适用全局字体。
- 边框类型和边框宽度: 实心、双、点、虚或凹槽,每侧设置宽度。
- SVG 图标大小和额外图标间距: 图标大小以及图标和标签之间的间隙。
- 填充、边缘和边框半径: button大小和角圆角。填充和边距是响应式的。
隐藏默认关闭按钮 #
添加弹出触发器不会删除角落中的 X。要使按钮成为唯一出口,请打开弹出设置并关闭 显示关闭按钮然后将触发器放置在弹出布局内。 弹出设置指南 涵盖该选项的所在。
在弹出窗口中使用多个触发器 #
每个弹出窗口触发器都保留自己的操作、延迟和重定向,因此单个弹出窗口可以提供两个不同的退出。常见的配对是"稍后提醒我"按钮设置为"关闭弹出窗口",延迟一天,旁边是"永远不要再次显示此""按钮设置为"永久关闭"。
常见用例 #
- 时事通讯弹出窗口 带有与报价相匹配的样式关闭按钮,而不是灰色 X。
- 年龄门和入口屏幕 其中 “No” 按钮使用返回推荐人。
- 退出意向优惠 (退出意图触发需要 Pro),并带有 “明天提醒我”按钮,设置为延迟一天。
- 公告弹出窗口 用“不要再显示这个”按钮设置为永久关闭。
- Upsell 弹出窗口 关闭将重定向到更便宜的计划或定价页面。
使用弹出窗口触发器小部件的技巧 #
- 说按钮的作用。 “也许稍后”告诉访客接下来会发生什么。安 X 没有。
- 将延迟与报价相匹配。 1小时的暂停适合打折,1个月的暂停适合调查。
- 给人们永久选择退出。 设置为"永久关闭"的第二个触发器比不断返回的弹出窗口更友好。
- 在私人窗口中进行测试。 延迟存储在浏览器中,因此新窗口是再次查看弹出的最快方式。
- 设置悬停状态。 悬停上的颜色偏移告诉访问者该按钮是可点击的。
常见问题 #
Master Addons 中的弹出触发器小部件是什么?
Elementor 小部件,它会关闭一个 Master Addons 弹出窗口,你在构建它时将其放置在弹出窗口内部,它会变成一个关闭按钮,你可以像其他任何按钮一样进行设计,可以控制关闭操作、返回延迟以及可选的重定向。
为什么小部件在编辑器面板中显示注释?
因为它只在使用 Master Addons Popup Builder 构建的弹出窗口内工作。在正常页面上,它没有任何东西可以关闭。您从仪表板 > Master Addons > Popups 创建弹出窗口。
Close Popup 和 Close Permanently 有什么区别?
Close Popup尊重您选择的再次显示延迟,因此该弹出窗口可以在一分钟后或一个月后返回,Close永久忽略该设置并停止该浏览器中向该访问者显示的弹出窗口,这就是为什么选择时延迟下拉消失的原因。
Show Again Delay 存储在哪里?
在访问者的浏览器本地存储中,针对该弹出的 ID。它能在页面加载和浏览器重新启动中幸存下来,但它不会在设备之间移动,清除浏览器数据的访问者将再次看到弹出窗口。
关闭弹出窗口可以将某人发送到另一个页面吗?
是关闭时打开重定向到URL并添加链接,弹出窗口先关闭,然后浏览器移动到您的URL。它与关闭弹出窗口和永久关闭一起工作,如果目标每页发生变化,该字段接受动态标签。
我可以在同一弹出窗口中使用多个关闭按钮吗?
是的。每个触发器都会保留自己的操作、延迟和重定向,因此一个弹出窗口可以提供 “明天提醒我”和 “永远不要并排显示这个”。
Popup Trigger 小部件免费吗?
是。widget是免费Master Addons插件的一部分,它所使用的Popup Builder也是如此。Pro添加了高级打开触发器和弹出窗口的显示条件。
包裹起来 #
Popup Trigger 小部件将关闭操作变成您控制的东西:您的措辞、图标、颜色以及弹出窗口返回时的规则 选择按钮操作,设置延迟,如果单击应该引导到某个地方,则添加重定向,然后对其进行样式以匹配弹出窗口 弹出窗口触发小部件页面 有一个现场演示。
有关相关弹出指南,请参阅 弹出设置选项的,该 退出意图弹出窗口 指南,以及 单击打开弹出窗口 guide。也可以浏览完整内容 主插件小部件和扩展或者检查一下 定价页面 对于每个计划包含的内容。
