How do I make numbers count up with the counter?

Step 1: Add the Counter block

Click on the + (Add block) in a column, type ‘counter’ and choose Counter. Place the block in a wide column, for example, a section with one column across the full width. This gives the numbers space.

Step 2: Choose Counters per row

Under Counters per row, choose 1, 2, 3, or 4. By default, four are displayed side by side. If you have three numbers, choose 3. On a phone, the numbers will stack vertically.

Step 3: Fill in the fields for each number

Click under Counters on New line. Each number has four fields:

• Counter prefix (optional): something before the number, like a euro sign.
• Counter: the number itself. Enter a whole number, without dots, for example, 1250.
• Counter surfix (optional): something after the number, like a plus sign or ‘%’. This will appear on the website in your main color.
• Counter subtitle (optional): what the number means, for example, ‘satisfied customers’.

Repeat this for each number. Click on Done and then on Save.

How does it count?

Once the page is loaded, all numbers count up from 0 to the number you entered in about three seconds. The prefix and surfix appear immediately. If the counter is at the bottom of a long page, it may already be done counting by the time your visitor arrives. That’s okay: the number is still accurate.

Tips: which numbers work?

• Real and verifiable. Only use numbers that are accurate. A visitor who sees an exaggerated number will not trust the rest either.
• Meaningful. ‘15 years of experience’ or ‘98% recommend us’ says more than ‘3,400 cups of coffee’.
• Concise. Keep the subtitle to two or three words.
• Keep track. Set a reminder to check the numbers once a year.
• Three or four. More numbers side by side become cluttered.

Not working?

• You see no number. The field Counter is empty or 0. Enter a number of 1 or higher.
• The number is incorrect. Type the number without dots or spaces: 1250, not 1.250.
• The numbers are not neatly aligned. Set Counters per row equal to the number of figures.
• You do not see the counting. The counting starts when the page loads. If you scroll to the counter later, it may already be finished. Refresh the page while the counter is in view to see it.
• Can’t figure it out? Contact us.

Do you want to count down to a date instead of counting up? See a countdown to a date. You can find all blocks in all blocks in a row.