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

Du hast ein SiteDu.de Basic oder Pro Abo mit dem SiteDu.de Web Builder? Lerne hier, wie du den Builder verwenden und deine Inhalte bearbeiten kannst.

Was this article helpful?