Number Counter

Number counters are a great way to show progress in donations, progress towards a goal or current registration on an event, such as Vacation Bible School.

Example

Here is an example of a Number Counter:

Adding a Number Counter & Step-By-Step Instructions

1. You can add a Number Counter by first navigating to the page you want. 
   
   Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR – 
   Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
   
2. Click the + Symbol in the upper right hand corner.  
   
3. Under the Modules tab (with Standard Modules selected), scroll down to view the Icon Group module.
   
4. Select the Icon Group module and drag it onto the page where you want to add it. 
   
5. Release the mouse to place the Number Counter. Your counter may be blank because you haven’t added any information yet.
   
6. Under the General tab, you can change many areas. For Layout, you can select numbers only, circles or bar layouts. Depending on your selection, you will have several other options available. 
   
7. Under the Styles tab, you can change the text color (text above or below the counter), the number color (inside the bar or circle) and the number size. You’ll also have style options for the bar foreground/background colors.
   
8. Under the Advanced tab, you can set additional Spacing, Visibility, Animation and HTML elements. 
9. If you’re finished, click the blue Done button in the upper right hand corner of the website.
   
10. Select Publish to make your changes public. 
    

Editing Number Counters

1. You can edit a Number Counter by first navigating to the page you want. 
   
   Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –  
   Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
   
2. Hover over the Number Counter you want to edit. A blue or orange box should appear around the module.
   
3. Click on the Wrench icon or anywhere inside the blue outline to make your changes.
   
4. Click the blue Done button in the upper right hand corner of the website.
   
5. Select Publish to make your changes public. 
   

Duplicating Number Counters

1. You can duplicate a Number Counter by first navigating to the page you want. 
   
   Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   
   Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
   
2. Hover over the Number Counter. A blue or orange box should appear around the module.
   
3. Click the Duplicate icon at the top left of the module as shown below:
   

Deleting Number Counters

1. You can delete a Number Counter by first navigating to the page you want. 
   
   Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   
   Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
   
2. Hover over the Number Counter you want to edit. A blue or orange box should appear around the module.
   
3. Click the X icon to delete.
   
4. When the dialog box appears, click OK.
   

Contact Support

Reach out to us at (971) 332-5476 or [email protected] to learn more.