This tutorial demonstrates how to create multiple instances of infinite counters on your Squarespace webpage, serving as an update to the blog titled 'How to Create an Infinite Counter on Squarespace' Ideal for showcasing service metrics, this update enhances client engagement by providing dynamic counters for real-time progress tracking.

Step 1

On the page you want the infinite counter to be visible, add the code blocks to insert the html code below.

Please NOTE the id you will need to change the value for the number of infinite counters. For this example we are using two counters so the id are “id_main_container1” and “id_main_container2”.

Step 2

On the page menu, click on the page gear icon and select the ‘Advanced’ selection. and cope and paste the code below.

Step 3

Note: Finally you will need to change the rate to values suitable for your counter rate.
let rate = 20 / (10 * 1000); // speed rate

Lastly, for the instances you need to add the id, start date and base number.
startCounter('id_counter1', '2022-01-07', 25177736420);
startCounter('id_counter2', '2022-01-07', 2517773642);

Conclusion

See other related blogs

• Elevate Your Website with Infinite Counters: A Brief Overview

• How to create an infinite counter on Squarespace
  

If you have any questions or need any help with your Squarespace website design, you can book a 1:1 consultation.

All work in this guide is provided ?“AS IS”. Other than as provided in this agreement, this guide makes no other warranties, express or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.

If you require professional advice, we recommend that you purchase the services of a developer.