The "Counter" element will be counting from 0 to a selected number. This functionality lets showing important values like for example&nbsp;number of clients, ammount of sells in the store, experience of your team etc.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Add a Counter to a webpage</h2> You can add a counter from the toolbar from the left. Just click or/and drag that element to your workspace. <img src="https://help.webwave.me/lib/dkwr2z/counter1-l9mvhrna.png" alt="" width="inherit" height="inherit"> When you'll add new "Counter" to your webpage, a pop-up window with Counter edition will show up. Enter your final value and press the "Insert" button. <img src="https://help.webwave.me/lib/dkwr2z/counter2-l9mvj77d.png" alt="" width="inherit" height="inherit">&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Editing Counter properties</h2>You can edit counter in the&nbsp;"<a href="https://help.sitedu.de/articles/settings-panel-f0a2d0-bbd6c" rel="noreferrer" class="PlaygroundEditorTheme__link">Settings panel</a>"&nbsp;-&gt;&nbsp;"Counter Setting"You can change start and final number, change animation time and change format of the number: <img src="https://help.webwave.me/lib/dkwr2z/counter3-l9mvhs3p.png" alt="" width="inherit" height="inherit">&nbsp;"Number"&nbsp;- Set any number you want to display. "Show animations" - See how your counter will appear on the page. "Animation start number"&nbsp;- set the number your counter should start counting. "Animation time"&nbsp;- set the amount of time your counter will reach the set number. "Custom formatting"&nbsp;- set your own formatting of the numbers shown.

Learn about how to use the Counter element in your SiteDu.de builder

The "Counter" element will be counting from 0 to a selected number. This functionality lets showing important values like for example number of clients, ammount of sells in the store, experience of your team etc.

## Add a Counter to a webpage

You can add a counter from the toolbar from the left. Just click or/and drag that element to your workspace.  
  
![](https://help.webwave.me/lib/dkwr2z/counter1-l9mvhrna.png)  
  
When you'll add new "Counter" to your webpage, a pop-up window with Counter edition will show up. Enter your final value and press the "Insert" button.  
  
![](https://help.webwave.me/lib/dkwr2z/counter2-l9mvj77d.png)

## Editing Counter properties

You can edit counter in the****"****[****Settings panel****](https://help.sitedu.de/articles/settings-panel-f0a2d0-bbd6c)****"**** ->****"Counter Setting"****

You can change start and final number, change animation time and change format of the number:  
  
  
![](https://help.webwave.me/lib/dkwr2z/counter3-l9mvhs3p.png)

****"Number"**** - Set any number you want to display.  
****"Show animations****" - See how your counter will appear on the page.  
****"Animation start number"**** - set the number your counter should start counting.  
****"Animation time"**** - set the amount of time your counter will reach the set number.  
****"Custom formatting"**** - set your own formatting of the numbers shown.

The Counter element

Got a builder package? Learn how to use it and how to edit your content

Was this article helpful?