主插件
  • 小部件
    • 更改日志
      源代码 新 专业人士
      火山口形态
      标志滑块
      目录
      重力形式
      转变 专业人士
      限制内容 专业人士
      定价表
      忍者形态
      邮件芯片
      工具提示
      弹出窗口触发器 新 专业人士
      哪个元素 新
      创意按钮
      创意链接 新
      域搜索 熱 专业人士
      双头 熱
      翻转框
      动画渐变 BG 熱 专业人士
      图片热点 专业人士
      信息框
      新闻股票代码 专业人士
      颗粒
      进步酒吧
      画布外内容 新 专业人士
      阅读进度吧 熱
      自定义 JS
      块报价
      反击
      图像悬停效果
      揭露 新 专业人士
      雷拉克斯 专业人士
      定位
      图像比较
      选项卡
      切换内容 熱 专业人士
      帖子/页面复制器 免费的
      漂浮效果 专业人士
      巨型菜单 熱
      自定义CSS 熱
      渐变标题
      高级图像
      导航菜单
      工具提示
      比较表 专业人士
      玻璃态
      特色产品 专业人士
      图片旋转木马
      画廊滑块 新 专业人士
      动态标签 新
      倒计时器
      当前时间
      图案
      包装链接
      时间线
      团队成员
      联系表 7
      高级手风琴
      动画头条
      博客
      营业时间
      呼吁采取行动
      进度条
      背景滑块
      滑块团队
      动态表
      网格线 专业人士
      WP 表格
      搜索
      我们表格
      入口动画 新 专业人士
      显示条件 专业人士
      可过滤图像库
      WP 表格
      自定义断点 新
  • 特点
    • 主题构建器

      设计全站范围的模板,以便在网站的每个页面上保持一致。

      弹出窗口生成器

      创建引人入胜的弹出窗口、模式和公告栏 - 以捕获潜在客户。

      小部件生成器

      使用高级自定义小部件扩展 Elementor 以构建更动态的布局。

      巨型菜单生成器

      创建带有图标和图像的多列菜单,以实现卓越的导航。

      自定义 Css

      应用您自己的 CSS 进行超出默认设计选项的像素完美造型。

      动态标签

      将帖子标题和自定义字段等动态内容直接插入设计中。

      显示条件

      基于用户角色、设备、时间和其他规则的控制元素可见性。

      图标库

      从数千个内置图标中进行选择,以增强视觉效果和一致性。

      动画

      添加滚动、悬停、入口和更多动画以使设计栩栩如生。
  • 模板套件
    • 模板套件

      专业设计的整页模板套件。在几秒钟内导入和定制。

      准备好的部分

      预先构建的内容部分和行。立即拖放和自定义。

      准备好弹出窗口

      High转换弹出式设计不同类型。导入并快速启动。

      元素页模板

      完成任何目的的页面布局。立即开始编辑。

      准备好的标题

      多种现代头部设计。导入并适应您的品牌。

      准备好的页脚

      为不同网站设计完整的页脚。在点击中添加功能和风格。
  • 品牌
    • WP 管理

      WP 管理

      控制您的 WordPress 仪表板。自定义管理员体验。
      管理栏编辑器

      管理栏编辑器

      自定义 WordPress 管理栏,打造更干净、更个性化的工作空间。
      登录fy

      登录fy

      使用品牌、样式和安全增强功能自定义您的 WordPress 登录页面。

      角色管理员套件

      精确管理用户角色和权限,以实现更好的安全性和工作流程。
      主块

      主块

      用高级自定义块扩展古腾堡编辑器,以实现更具创意的布局。
      WP 聚光灯

      WP 聚光灯

      从任何地方立即搜索和访问管理员功能、帖子和设置。
  • 主题
  • 帮助
    • 获得支持
    • 文档
    • 脸书社区
    • 更改日志
  • 博客
定价
🇨🇳ZH
  • 🇺🇸EN
  • 🇸🇦AR
  • 🇧🇩BN
  • 🇩🇰DA
  • 🇩🇪DE
  • 🇪🇸ES
  • 🇫🇷FR
  • 🇮🇳HI
  • 🇰🇷KO
  • 🇵🇹PT
  • 🇷🇺RU
  • 🇨🇳ZH

开始

  • Elementor Page 编辑器内无法看到主插件元素?
  • 如何申请联属会员帐户?
  • 活动专业版
  • 安装插件

插件

  • 弹出窗口触发小部件设置
  • 画外内容小部件设置
  • 徽标滑块小部件设置
  • 进度栏小部件设置
  • 图像旋转木马设置
  • 特色产品小部件设置
  • 比较表小部件设置
  • 源代码小部件设置
  • 高级图像小部件设置
  • 渐变标题小部件设置
  • 图库滑块设置
  • 切换内容小部件设置
  • 信息框小部件设置
  • 时间轴小部件设置
  • 动态表小部件设置
  • Mailchimp 小部件设置
  • Blockquote 小部件设置
  • 更改日志小部件设置
  • 倒计时器小部件设置
  • 当前时间小部件设置
  • 搜索小部件设置
  • 可过滤图像库
  • 团队滑块小部件设置
  • 反向小部件设置
  • 限制内容设置
  • 目录小部件设置
  • 图像热点小部件设置
  • 图像比较小部件设置
  • 新闻勾选小部件设置
  • 图像悬停效果
  • 选项卡设置
  • 定价表小部件设置
  • 导航菜单小部件设置
  • 域搜索小部件设置
  • 翻转框小部件设置
  • 工具提示设置
  • 创意链接小部件设置
  • 营业时间小部件设置
  • 联系表 7 小部件设置
  • 创意按钮小部件设置
  • 动画头条新闻设置
  • 高级手风琴小部件设置
  • 呼叫操作小部件设置
  • 进度栏小部件设置
  • 博客文章小部件设置
  • 团队成员小部件设置
  • 双标题设置

扩展

  • 图标库设置
  • 超级菜单设置
  • 哪个元素扩展设置
  • 帖子/页面复制器扩展设置
  • 网格线延伸设置
  • 玻璃态扩展设置
  • 工具提示扩展设置
  • 包装链接设置
  • 浮动效果扩展设置
  • 动态标签设置
  • 显示条件扩展设置
  • 入口动画设置
  • 自定义断点设置
  • 动画渐变 BG 扩展设置
  • 显示扩展设置
  • 颗粒扩展设置
  • 背景滑块扩展设置
  • 转换扩展设置
  • Rellax 扩展设置
  • 定位扩展设置
  • 自定义 CSS 设置

小部件生成器

  • 条件
  • 树枝语法
  • 设置面板介绍
  • 分频器
  • 文本阴影
  • 选择2
  • 边境
  • 标题
  • 选项卡
  • 中继器
  • 视觉选择
  • 背景
  • 尺寸
  • 盒子阴影
  • 滑块
  • 图标
  • 画廊
  • 媒体
  • 弹出切换
  • URL 字段
  • 日期时间
  • 版式
  • 字体
  • 色域
  • 选择
  • 选择
  • 切换器
  • 隐藏
  • 代码
  • 所西威
  • 文本区域字段
  • 號
  • 文本字段

主题构建器

  • 评论表
  • 第404章
  • 搜索
  • 存档
  • 单身
  • 脚踏车
  • 标头

弹出窗口生成器

  • Elementor 中不活动后如何打开弹出窗口
  • 如何在 Elementor 中显示退出意图弹出窗口
  • 如何在 Elementor 中滚动到特定元素时打开弹出窗口
  • 如何在 Elementor 中打开滚动弹出窗口
  • 如何在 Elementor 中单击时打开弹出窗口
  • 如何在页面加载中打开弹出窗口?
  • 弹出设置和选项

模板套件

  • 如何在主插件中导入模板套件
  • 如何禁用 Elementor 默认字体和颜色
  • 导入 Elementor 模板套件
查看类别
  • 家
  • 文档
  • 弹出窗口生成器
  • 如何在页面加载中打开弹出窗口?

如何在页面加载中打开弹出窗口?

罗伊·杰米
2026年6月13日更新完毕

3 分钟阅读

On page load弹出窗口在页面完成加载的那一刻,在访问者滚动或点击任何内容之前,它会自行打开,这是显示欢迎优惠,电子邮件注册或公告的最常见方式,在 主插件弹出生成器的,该 在页面加载 默认情况下已经选择了触发器,因此全新的弹出窗口会以这种方式跳出框框。

早(在滚动上,在退出意图上或其他东西)更改触发器,现在希望弹出窗口返回页面加载?本指南再次通过设置,加上可选 页面加载后延迟 timer。elementor 的主插件免费提供的是同一个弹出生成器。

在开始之前 #

  • 主插件弹出窗口生成器中已内置的弹出窗口(请参阅 弹出设置指南 造(一个)
  • 安装元件并处于活动状态
  • 已安装并激活的 Elementor 主插件 (安装指南)

第 1 步:在 Elementor 中打开您的弹出窗口 #

去 主插件 → 弹出生成器。在页面加载中找到要显示的弹出窗口,悬停在其名称上,然后单击 使用元素器编辑。 弹出窗口在元素编辑器中打开,其中包含 MA 弹出设置 左侧的面板。

2步:将打开的弹出窗口触发器设置为页面加载 #

在 MA 弹出设置 面板,打开 设置 节并找到 打开弹出窗口 dropdown。在新鲜的弹出窗口上它已经读取 在页面加载。如果它显示不同的触发器,因为你之前切换了它,请单击下拉并选择 在页面加载 从列表的顶部。

同一个下拉也包含其他触发器:On Click、On Scroll、On Scroll to Element、On Exit Intent、After Inactivity 和 Custom。On Page Load 首先设置,因此切换回的速度很快。

在列表顶部选择"页面加载"的 MA 弹出设置中打开弹出下拉

3步:设置页面加载后的可选延迟 #

与 在页面加载 选定的,你会看到一个 页面加载后延迟(秒) field。这是页面加载后弹出窗口等待多少秒才出现。将其留在 0 弹出窗口立即显示。将其设置为 2 瀹跺涵涓杞杈 或 3 页面有时间先解决,这通常会让访问者感觉不那么突然。

在主插件中的"页面加载"触发器下,页面加载字段设置为 2 秒后延迟

一些相关选项位于同一面板中:

  • 再次显示延迟 control 访问者关闭弹出窗口后,弹出窗口可以重新出现多久,因此它不会在每个页面视图中打开。
  • 禁用页面滚动 打开弹出窗口时锁定背景页面。
  • 自动禁用弹出窗口 让您设置结束日期,以便弹出窗口停止单独显示。

完成后,单击 发表 (或x),在2019年1月17日,在2019年1月1日,在 更新的)来保存弹出窗口。

4步:在前端测试它 #

Popup 的显示条件覆盖的任何页面打开,并加载到前端,随着页面的进入,如果设置延迟,popup 仍在路上。

Live管道网站首页在弹出窗口出现之前在前端加载

(或马上, 如果延迟为0)一两秒后, 弹出窗口会自行在页面上打开, 相同的弹出窗口显示在其显示条件中包含的每个页面上。

显示在实时页面内容的页面加载中的主插件弹出窗口

故障排除 #

  • Popup 不显示在页面加载中? 检查 打开弹出窗口 drodown 先。如果它被切换到另一个触发器, 设置回页面加载。
  • 需要太长时间才能出现? 较低的 页面加载后延迟 value,或者设置为 0,以便立即弹出。
  • 只展示一次,就不再展示一次? 的就是 再次显示延迟 at work。drop到无延迟, 同时测试, 所以它重新打开在每一个负载。
  • 页面上根本没有显示吗? 检查弹出窗口是否 激活 is on,它的显示条件实际上包括你正在测试的页面。

常见问题 #

如何在 Elementor 中的页面加载中显示弹出窗口?

Elementor中编辑弹出窗口,打开MA弹出设置面板,将打开弹出窗口设置为On Page Load,默认选择了,所以一个新的弹出窗口已经这样加载了,如果需要的话,再加上秒延迟,然后发布。

页面加载(秒)后的延迟会做什么?

它设置页面加载后弹出窗口等待多少秒才能打开,在 0 时它会立即显示,在 2 或 3 时它会让页面先稳定下来,这让访问者感觉不那么突然。

为什么我的弹出窗口不再显示在页面加载中?

Open Popup 触发器很可能被更改为其他东西,例如在滚动或退出意图上。在 Elementor 中打开弹出窗口,并将打开弹出窗口下拉设置回页面加载。

我可以阻止弹出窗口显示在每个页面视图上吗?

是。使用"再次显示延迟选项来设置在访问者关闭弹出窗口后,弹出窗口可以重新出现前多长时间,从一分钟到整整一个月不等。

我需要 Elementor Pro 来弹出页面加载吗?

No。Master Addons Popup Builder 可与 Elementor 免费版本配合使用,因此页面加载触发器和页面加载设置后的延迟无需 Elementor Pro。

相关阅读 #

  • 主插件弹出生成器设置
  • 如何免费在 Elementor 中添加弹出窗口
  • 主插件弹出生成器
你的感受是什么

分享本文:

  • 脸书
  • XX 10000000000000000000000000000000000000000000000000000000000000000
  • 链接In
  • Pinterest
还卡住了,我们能帮什么忙?

我们能提供什么帮助?

2026年6月13日更新完毕
如何在 Elementor 中单击时打开弹出窗口弹出设置和选项
目录
  • 在开始之前
  • 第 1 步:在 Elementor 中打开您的弹出窗口
  • 2步:将打开的弹出窗口触发器设置为页面加载
  • 3步:设置页面加载后的可选延迟
  • 4步:在前端测试它
  • 故障排除
  • 常见问题
    • 如何在 Elementor 中的页面加载中显示弹出窗口?
    • 页面加载(秒)后的延迟会做什么?
    • 为什么我的弹出窗口不再显示页面加载?
    • 我可以阻止弹出窗口显示在每个页面视图上吗?
    • 我需要 Elementor Pro 来弹出页面加载吗?
  • 相关阅读

加入 30,000 多名信任主插件的网络创建者

获取您想要的所有高级小部件和模板,使用干净的代码构建,可保持您的网站速度。放弃臃肿,而不是功能。

尝试现场演示
加入社区
Elementor 的主插件
主插件徽标

80 多个高级小部件和终身更新将超越极限。独家创作 皮克斯实验室

脸书-f 推特 优特ube 文字出版社
特点
  • 模板套件
  • 模板库
  • 小部件生成器
  • 主题构建器
  • 巨型菜单生成器
支持
  • 支持论坛
  • 联系我们
  • 加入社区
  • 博客
  • 视频评论
资源
  • 我的帐户
  • 长日志
  • 文档
  • 视频教程
  • 工具z.dev
导航
  • 申请会员
  • 使用条款
  • 退款政策
  • 隐私政策
  • 关于我们