Elementor 中如何添加倒计时器
小部件会随着工作计时器的出现而下降,因此您只需更改不同的内容即可。
倒计时器一目了然
该表列出了小部件今天所做的事情,从版本 3.2。6 的插件源读取。
| 物品 | 倒计时器 |
|---|---|
| 定时器类型 | 固定结束日期和时间。Master Addons Pro 添加了重复周期 |
| 每位游客长青 | 否 |
| 当它达到零时 | 0处停留号码,停留在页面,不重定向,不隐藏,不留言 |
| 布局 | 4:块,内联,块表,内联表 |
| 样式预设 | 10:包含默认值和卡; Flip、Circle、Gradient、Neon、Glassmorphism、Minimal、Outline 和 Neumorphic 与 Pro |
| 时间单位 | 年、月、日、时、分、秒,每一个都可以隐藏起来,给出自己的标签 |
| 造型 | A 单位背景、数字颜色和阴影、分隔符、标签、盒边框和阴影,以及容器的宽度、对齐方式和间距 |
| 时区 | 结束时间在每个访客自己的时钟上读取 |
| WooCommerce 销售定时器 | 否 |
| 需求 | Elementor 和主插件。Pro 用于八个额外的预设和重复周期 |
时间单位、布局和样式预设
打开或关闭每个单元,从年份到几秒钟,并给它自己的标签,例如“Hrs”而不是“Hours”。从四种布局中选择一种:块、内联、块表或内联表。然后选择样式预设。默认和卡片随附小部件,Pro 添加 Flip、Circle、Gradient、Neon、Glassmorphism、Minimal、Outline 和 Neumorphic。
- 仅显示您需要的单位,例如销售的天数、小时数和分钟数。
- 4种布局:块、内联、块表和内联表。
- 包括默认设置和卡预设,Pro 还包含八个。
每个时间单位单独样式
每个单元,从年到秒,都可以有自己的背景,因此日子可以以与小时和分钟不同的颜色脱颖而出。数字共享一种颜色,悬停颜色和文本阴影设置,盒子样式部分在每个单元周围添加背景、边框、半径和阴影。
- 年、月、日、时、分、秒的单独背景。
- 数字颜色、悬停颜色和文本阴影。
- 盒子背景、边框、边框半径和盒子阴影。
容器、隔板和标签造型
Common Style 设置定时器的宽度、高度、对齐方式、背景、框阴影、边框半径、边距和填充。分隔符,可以是冒号、斜线或您键入的任何字符,标签各有自己的颜色和文本阴影,加上填充和边距控件。
- 整个计时器的宽度、高度和对齐方式。
- 具有悬停状态和文本阴影的分离器和标签颜色。
- 每个级别的边距和填充以保持平衡间距。
Elementor Pro 倒计时 vs Master Addons 倒计时器
Elementor自己的倒计时小部件只在Elementor Pro中,下面是两者的比较。
| Elementor Pro 倒计时 | 主插件倒计时器 | |
|---|---|---|
| 价格 | 元素专业版 | 主插件;额外预设并在 Pro 中重复 |
| 定时器类型 | 每位游客的截止日期或常绿 | 截止日期,或使用 Pro 进行重复循环 |
| 单位 | 天、小时、分钟、秒 | 年、月、日、时、分、秒 |
| 时耗尽 | 重定向、隐藏或显示消息 | 零点停止 |
| 布局和预设 | 块或内联 | 4 种布局和 10 种预设(Pro 中为 8 种) |
| 每单位背景 | 否 | 是的 |
需要常绿计时器或结束时的重定向? Elementor Pro 处理此问题。对于具有年份和月份以及更多造型选项的计时器,请使用 Master Addons。对于打开时间而不是截止日期,请尝试 营业时间 小部件。
固定日期、重复日期或常绿日期:这是哪个计时器?
Countdown Timer是一个固定的日期定时器,你在定时器部分设置了一个结束日期和时间,每个访问者都会倒计时到那一刻,这是销售截止日期,启动,网络研讨会或活动需要的东西,在零时数字停止,定时器留在页面上。
1个重复的定时器在设定间隔后重新启动,Master Addons Pro将此添加为重复倒计时:在年、月、日、小时或分钟内选择一个周期,每次结束定时器都会重新开始,直到主结束日期,周期在服务器上计算出来并存储一次,因此每个访问者都会看到相同的倒计时,这适合每个人在同一时刻重置的每日交易。
常绿计时器为每个访问者提供自己的截止日期,通常从第一次访问开始计算并存储在 cookie 或本地存储中。 Countdown Timer 不会执行此操作。如果您的报价需要每个访问者的截止日期,Elementor Pro Countdown 小部件具有 Evergreen 模式,并且围绕它构建了 HurryTimer 等专用插件。
Elementor 倒计时器设计
下面的每个演示都是一个预设和布局不同的小部件。打开一个即可在页面中查看其数量。
倒计时器的常见问题
我可以将计时器设置为特定的日期和时间吗?
是倒计时日期&时间字段中选择确切的结束日期和时间,计时器在每个访客的本地时区读取。
当倒计时达到零时会发生什么?
移动设备上的定时器有响应吗?
是。Elementor的响应模式来为平板电脑和手机设置更小的数字,宽度和填充,以便计时器保持可读性。
如何在没有 Pro 的 Elementor 中添加倒计时器?
Master Addons安装,将倒计时器小部件拖到页面上,在定时器部分设置结束日期和时间,选择布局和预设,并发布。Elementor自己的倒计时小部件是Elementor Pro的一部分,因此基本插件没有。
为什么我的倒计时器不起作用?
先检查结束日期:过去的日期显示为零。然后清除缓存插件,以便页面提供新鲜标记,并查找一个将小部件脚本保留回来的“延迟 JavaScript”设置。在弹出窗口中,等待弹出窗口打开后再判断。Pro 预设需要活动 Pro 许可证,否则小部件将回退到默认状态。
我可以使用它进行反复的每日倒计时(例如每日交易)吗?
是的,使用 Master Addons Pro。打开重复倒计时并设置周期长度,例如一天。计时器每次结束时都会启动一个新周期,直到主结束日期,并且每个访问者都会看到相同的周期。
不同时区的游客倒计时是否有效?
18:00的截止时间在每个访客的本地时区读取,18:00的截止时间在每个访客自己的时钟18:00结束,因此不同时区的人们在不同的时刻达到零。
Hero部分中一个大的,突出的计时器的最佳布局是什么?
Block 或 Block Table。他们把每个单元显示为自己的盒子, 方便远距离读取。增加数字大小和填充, 使计时器成为截面的焦点。
它支持常绿计时器吗?
No。Countdown定时器计数到一个固定的日期,Pro添加了一个重复周期,每个人都一样,对于每个访问者的常绿截止日期,使用Elementor Pro Countdown小部件或专用的常绿定时器插件。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
