倒计时产生紧迫感,紧迫感促使人们采取行动。自由的 倒计时器小部件 在 Elementor 的主插件 在任何勾选到您设置的日期的页面上掉落一个计时器。它有两个免费的样式预设,另外八个带有 Pro,并控制 Elementor 面板上的每个标签、单元和颜色。
它适合销售、发布、网络研讨会和库存通知,任何截止日期推动决策的地方。您选择目标日期,选择像 Card(或 Circle with Pro)这样的预设,决定显示哪些时间单位,然后设计它以匹配您的品牌。下面是贯穿每个设置的跑步。
倒计时器小部件的作用 #
Widget 倒数到你设置的日期和时间,显示年、月、日、时、分、秒,你通过一组样式预设来决定这些单位中哪些出现,每个单位标记什么,以及整个事物看起来如何。
它具有三个选项卡:日期、单位和预设的内容、颜色和间距的样式以及通常的 Elementor 选项的高级选项。 Master Addons Pro 还添加了一个重复选项,可在固定周期上重新启动计时器。
在开始之前 #
- 文字出版社 与 元素 已安装并处于活动状态。
- Elementor 的主插件 已安装并处于活动状态。插件新增?参见 安装指南.
- 您倒计时的目标日期和时间。
如何添加倒计时器小部件 #
在 Elementor 编辑器中,打开 元素 面板和搜索 倒计时器的,或者滚动到主插件部分,拖到你的页面上,它加载了一个工作定时器,这样你就可以马上看到单位。
设置日期和重复选项 #
打开 内容 选项卡。 定时器 部分包含基础知识。

- 倒计时日期和时间: 计时器倒计时的那一刻。从日期选择器中选择它。
- 重复倒计时(专业): 以年、月、日、时、分、秒为单位设置一个周期长度,计时器在每个周期后重新启动,直到主结束日期,每个访客看到相同的周期。
倒计时设置:布局、单位和标签 #
的 倒计时设置 section 控制计时器显示的内容。A 布局 切换器设置排列(块、内联、块表或内联表),并且 样式预设 下拉一键更改整个外观。

- 分离器: 单位之间显示的字符,如斜杠或冒号。不让任何人空。
- 显示年份、月份、日期、小时、分钟、秒: 每个单元都有一个切换,因此您可以仅显示重要的单元。
- 单位标签: (年, 日, 等等)重命名每个单元, 这有助于当你工作在另一种语言。
选择预设的样式 #
的 样式预设 dropdown是小部件脱颖而出的地方,它有十种外观,默认和卡是免费的,master Addons Pro添加了Flip、Circle、Gradient、Neon、Glassmorphism、Minimal、Outline和Neumorphic,每个都重新设计定时器,而不会触摸您的内容。

的 圈 预设(pro)将每个单元包裹在一个环中,并将其与 梯度 选项给数字一个彩色淡入淡出。

的 提纲 预设 (Pro) 保持轻便,每个单元都装在一个有边框的盒子中,并且没有填充。

为计时器定型 #
的 风格 tab 分拆成 常见风格, 柜台风格, 分离器、和 标签另外 图案 (专业选项)。 常见风格 部分设置每个单元框的大小和框架。

- 宽度和高度: 每个单元盒的大小。
- 对齐: 列内的左侧、中心或右侧。
- 框阴影、背景类型和边框半径: 盒子的外观。
- 边缘和填充: 每个盒子周围和内部的间距。
计数器、分隔器和标签造型 #
的 柜台风格 节更深入,每个单元(年、月、日、小时、分钟、秒)都有一个单独的背景加上数字的颜色、排版和悬停状态。 分离器 並 标签 然后,部分对分隔符和单位文本进行样式。

页面上的结果 #
Publish 或 preview,计时器以您选择的预设和颜色实时勾选。这里是卡片预设,一组干净的单元框,每个标签上方都有数字。

常见用例 #
- 销售和促销 倒计时至折扣结束。
- 产品发布 建立对发布日期的预期。
- 网络研讨会和活动 显示开始前剩余的时间。
- 即将推出页面 带有一个启动日的计时器。
- 经常性优惠 使用 Pro 重复选项,例如每日优惠。
使用倒计时器小部件的技巧 #
- 仅显示您需要的单位。 一日秒杀的计时器不需要年月。
- 将预设与页面匹配。 Card 适合大多数页面。Pro、Neon 和 Gradient 套装大胆着陆页面,Minimal 和 Outline 适合干净的布局。
- 使用重复选项进行重复交易 (Pro)。 它以固定的周期重新启动计时器,每个访客都相同。
- 为您的受众重命名标签。 标签字段可以快速翻译单元。
- 用按钮配对它。 清晰的号召性用语旁边的计时器将紧迫性转化为点击。
常见问题 #
Master Addons 中的倒计时器小部件是什么?
Elementor小部件,可倒计时到您设置的日期和时间,显示年、月、日、时、分、秒,它附带两个免费样式预设,另外八个带有Pro,并完全控制标签、单元、布局和颜色,全部设置自Elementor面板。
倒计时器有多少种样式预设?
十。默认和卡是免费的;翻转、圆圈、渐变、霓虹灯、玻璃形态、最小值、轮廓和新形态需求 Master Addons Pro。您从样式预设下拉切换它们,并且每个都重新调整整个计时器,而无需更改日期或单位设置。
我可以重复倒计时吗?
是的,使用 Master Addons Pro。在定时器部分打开重复倒计时并设置周期长度。定时器在每个周期后重新启动,直到主结束日期,每个访问者都会看到相同的周期。
我可以隐藏一些时间单位吗?
是倒计时设置部分有单独的显示切换,用于年、月、日、小时、分钟、秒,关闭不需要的,所以短促销售可以显示仅几天、小时、分钟和秒。
我可以更改单位标签吗?
是。每个单元在倒计时设置中都有自己的标签字段,因此您可以重命名年份、日期、时间和其他内容。这使得可以轻松地将计时器翻译成另一种语言或缩短标签以适应紧密的布局。
包裹起来 #
Countdown Timer 小部件将截止日期变成一个实时的、风格化的定时器,推动访问者采取行动 设置您的日期,选择预设,选择要显示的单元,然后对框、数字和标签进行样式设置,以匹配您的页面 更多基于时间的工具,请参阅 营业时间小部件,浏览全文 主插件小部件和扩展,并看到 倒计时器小部件页面 elementor Pro的倒计时进行比较,多余的预设和重复选项需要Pro,所以请检查一下 定价页面 为计划。