添加数字计数器.
访客滚动到时向上计数的数字,可带前缀、后缀和分隔符。用它突出关键数字,如服务人次或交付项目数。

添加数字计数器
登录后打开页面:悬停内容区即出现构建器控件。您的第一页介绍基础操作。
- 悬停列,点击其控制栏中的 +;空白页面请点击 Add Elements。打开 Content 选项卡并点击 Number counter。它落在列顶部,设置对话框打开。
- 输入计数终点 End 数字,只用数字。这里用 250000。
- 添加 Suffix,如加号。
- 选择 Thousands separator。这里选择 Comma。
- 以毫秒设置 Speed。数值越大计数越慢。这里拖到约 3000,即 3 秒。
- 点击对话框中的 Save。再点击内容区顶部工具栏中的 Save 保存页面。
您会看到的内容
数字数到您输入的终点,带后缀和分隔符。视频中它 3 秒数到 250000+。
计数只跑一次,在计数器进入视野时。编辑器中关闭对话框后立即跑。要再看一次,请把计数器放到首屏下方,打开已保存的页面并向下滚动。保存并发布页面后访客可见。
设置您的数字计数器
悬停元素,在其控制栏打开 More > Settings。选项:
- Start: 计数的起点数字。默认为 0。
- End: 计数的终点数字。默认为 100。
- Font size: 数字大小,单位像素。默认为 30。
- Speed: 计数用时,单位毫秒。默认为 2000。
- Thousands separator: 千分位组之间的 None、Comma、Dot 或 Space。
- Prefix: 数字前的文本,如
$或€。 - Suffix: 数字后的文本,如
%或+。
如果看不到它
- Content 选项卡中没有 Number counter。 您的用户档案隐藏了它。请管理员勾选 Counter(Elements 下,用户档案)。
- 重新加载后消失。 页面未保存。请重新添加并点击内容区顶部工具栏中的 Save。
- 数字停在 100。 End 仍是默认值。请悬停元素打开 More > Settings,输入您自己的数字。
- 数字出现但不计数。 它在视野中时已经数过,可能就在页面加载后。Preview 不会重启。请把计数器放到首屏下方,重新加载已保存的页面并向下滚动。
- 页面仍显示旧数字。 修改未保存。请点击内容区顶部工具栏中的 Save,再重新加载。
接下来做什么?
样式选项卡:改变数字计数器的间距和背景。