Displaying a counter or progress bar, and a list of recent signers on your form helps people see how their action is contributing towards meeting your goal. It can reassure them that they’re not alone, but part of something bigger - a form of ‘social proof’ that their action is ‘normal’ and worthwhile.
How can I customize the counter / progress bar ?
You can toggle the counter on or off on the Content step of the creation wizard. You may choose not to display it until your action has gathered a few participants. It can be offputting to be the first person to take part!
The counter has some default values, but you can of course edit these to suit your action. (If you’d like to change the default values for a given content type, contact support.)
The Target value is the goal you would like to achieve, and milestones on the way. For instance you can set 200, 500, 1000 and every time the number of submissions reaches (or approaches) a milestone it will display the next one.
With threshold percentage you can set the percentage of how much of the current milestone should be reached before your progress bar should display the next milestone as a goal.
Collected offline allows you to manually add any signatures collected offline (for example if you’re running the same petition using pen and paper at a street stall or a festival) to display the overall progress.
You can also edit the displayed texts. The tokens act as placeholders for the current values which will be displayed. (More on tokens here, and see below for a full list of the tokens you can use in the counter.)
Counter source allows you to combine the total from different nodes, for example if you have slightly different versions of the same petition running, or want a combined total os several related actions. Alternatively, you can replace the internal counter with a counter provided by an external URL, e.g. if you want to show the count of a petition set up by a coalition partner. Please reach out to firstname.lastname@example.org if you need help getting the external polling set up!
Display style allows you to choose between a straightforward bar, or a thermometer style.
Counter / progress bar tokens
- !current --> shows the current number of supporters
- !target --> shows the number of supporters you want to reach
- !needed --> shows how many more supporters are needed to reach said target, based on the current supporter counter.
- !current-animated --> shows the current number of supporters in real-time and also has an animation, counting from 0 up to the current total. Using this adds some movement to the page.
- !target-animated --> like !target, should be used when using !current-animated. It makes sure the target counter also switches to the next value in real-time if !current-animated exceeds the current target value.
- !needed-animated --> like !needed, should be used when using !current-animated. It makes sure the number of needed submissions stays correct when !current-animated increases.
Progress bars on donation pages
If you add a progress bar to a donation form, it will display the cumulative total of donations, rather than the number of submissions - this is set up as the default behaviour for the progress bar for the 'donation page' content type.
If you prefer to display the number of donations instead of the total donation amount, you can set up a flexible form to act as a donation form instead. Please get in contact with support for this, we would be happy to add the relevant payment fields to your form.
You can also enable a 'recent supporters' block on your form, showing details of the last few people to sign the form.
You can toggle this on or off, and edit the display options on the content step of the creation wizard.
Supporter name display allows you to change what will be visible - full name, just first name, or initials
Cycle supporters - if this is enabled, the most recent supporters will refresh on a regular basis, even if your form is not receiving any new submissions at that time.
Show country - will display supporter country, including a flag (only useful of course if your petition is international)
Show user comments - this will display a comment submitted by the user. Comments are not pre-moderated, or editable; if someone submits an inappropriate comment the easiest way to remove it is to simply toggle the recent supporters element off until your form has had a few more submissions. In practice a comment will disappear naturally after a few more submissions have been made. To display supporter comments you will need to add a comment field to the form on the form step of the creation wizard. (See below).