Add an animated numeric or circle counter to your school's pages to showcase relevant data to your site visitors.
To add an animated counter widget to any section of your pages:
1. Go to Site Builder → Edit School Site.
2. Choose the page you want to edit from the Pages Manager.
You can choose between two styles, a circular counter, and a simple numeric counter. To edit any of the Counter elements of that template, click on Edit Counter and you can edit the counters settings on the sideform.
Appearance: Here you can alter the appearance of your widget.
Settings: Υou can:
- Add a Starting value
- Add an Ending value
- Set a Max value
- Add a Number prefix
- Add a Number suffix
- Choose to convert to percentage
- Choose to show decimals
Note: Ιf you activate the Convert to percentage option, the Number suffix is automatically set to "%".
Additional appearance settings for circular counter widgets: You can alter the settings of the appearance of your counter widget.
- Circle's size
- Circle's thickness
- Bar color
- Background color
Animation: You can change the settings of the animations for the counter widget.
- Animations easing
- Animations duration
- Choose to only animate the circle
- Replay the animation on scroll
If you want to preview your animation, don't forget to click on play.
Note: After adding a section to your page, you may want to make alterations to the section's general settings, actions, and layout settings in the editing Sideform.