Is the Counter Up widget free?

Yes. Counter Up is part of the free Master Addons plugin, and every setting described on this page works without Pro.

When does the counting animation start?

When the page loads. Each number counts from zero for about two seconds, once. It does not wait for the counter to scroll into view and does not replay, so place it where visitors see it early.

Will several counters slow down my page?

The script is small and runs a short timer for each number, so a few counters add very little. Images you add to items weigh far more than the animation, so compress them before uploading.

How many counters can sit in one row?

Set Columns to 1, 2, 3, 4 or 6. You can pick a different value for desktop, tablet and mobile, and the defaults are 4, 2 and 1.

Can the counter start from a number other than zero?

No. Counter Up always starts at 0 and has no duration setting. If you need a custom start number, the Elementor Counter widget has a Starting Number field.

Can I use dynamic tags in Counter Up?

Not in the current version. Title, Number, Number Prefix and Number Suffix are plain fields, so the values are entered by hand.

Elementor 计数器小部件:免费多列数计数器

Counter Up是一个免费的Master Addons小部件,在一个网格中显示几个动画数字计数器。每个项目都有自己的数字、前缀、后缀、标题、图标或图像和卡片颜色,并且列设置将项目排列在每台设备1、2、3、4或6列中。数字从零开始计算大约两秒钟。它主要用于统计频段,例如所服务的客户、交付的项目或营业年限。

如何在 Elementor 中添加数字计数器

Counter Up 附带免费插件,一个小部件保存整个统计行。

安装 Elementor 的主插件并检查它反击在主插件小部件设置中打开。
使用 Elementor 编辑您的页面,搜索面板反击并将其拖入一个部分。
打开 反击内容。小部件以四个示例项目开始:快乐客户、完成的项目、一杯咖啡和获奖奖项。
对于每个项目,设置类型 (无, 图标或图像), 标题並號另外还有任何 数字前缀 或 数字后缀 如$或K+。
选择列适用于桌面、平板电脑和移动设备 内容位置 为标题。
样式中的卡片、图标、数字和标题风格 tab,然后更新页面。

一个响应式网格中的几个计数器

每个计数器都是其中的一项项目 list,因此一个小部件可以保存整行统计。列 offers 1、2、3、4或6列,每台设备可设置,默认桌面4个,平板2个,移动1个。 内容位置 将标题放在数字的上方、下方、左侧或右侧。

项目: list 中添加、复制或删除计数器,每个都保留自己的设置。
列: 1、2、3、4或6,没有5列选项。
每件卡片颜色: 的背景场为一张卡片着色,因此标题统计数据非常突出。

倒计时动画如何运作

每个数字从零到您输入的值大约两秒钟。计数运行一次,当页面加载时,访客滚动时不会重播。当有人到达长页面时,远处的一个长页面的计数器可能已经显示出它们的最终值,因此小部件在页面顶部附近工作得最好。当数字移动时,前缀和后缀文本保持静止。

数: 任何值,包括小数,例如 7.5。
前缀和后缀: 两侧都有自由文本,因此带有 M+ 后缀的 120 读取 120M+。
固定时间: 没有持续时间、开始数或千分隔符设置。后缀使大数字保持短。

造型卡、图标、数字和标题

样式选项卡有两个部分。 计数器盒式风格 设置共享卡背景、填充、边距、边框、边框半径和框阴影。 内容风格 covers icon 颜色和圆圈颜色,数字颜色和排版,前缀的单独颜色,排版和大小,以及标题颜色,排版和页边距,前缀设置也适用于后缀。

图标设置: Icon/图像位置(左、上或右)、图标大小以及图标圆或图像大小,每个从6到300px。
图标和图像: item从任何启用的库中选择一个icon或者上传一个图片,icon颜色由所有item共享。
全球风格: 数字和标题排版使用您的 Elementor 全局字体和颜色,直到您更改它们。

元素计数器与主附加组件计数器

Free Elementor有自己的计数器小部件(在Elementor 4.2。4上勾选),它显示每个小部件一个数字,因此一行四个stats表示一个容器中有四个小部件,Counter Up将整行放在一个小部件中。

特点	元素计数器	主插件计数器
价格	免(元素核心)	免费(主插件)
每个小部件的计数器	一	您添加的商品数量
布局	将小部件排列在容器中	列:每个设备 1、2、3、4 或 6 个
图标或图像	否	每件商品
卡片造型	仅限编号和标题文本	背景、边框、半径、阴影、每件颜色
起始编号	是的	始终 0
动画持续时间	是的,以 ms 为单位(默认 2000)	2秒左右固定
千分离器	是的,5 种款式	否
当它很重要时	当数字滚动到视图中时	1次,在页面加载
标题 HTML 标签	H1 至 H6,div,跨度,p	固定
文本笔画和阴影	是的	否