Social proof: counter / progress bar and recent supporters

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.)

progressbar1.png

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.)

progressbar2.png

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.

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
!current-animated ---> shows the current number of supporters and also has an animation, counting from 0 up to the current total. Using this adds some movement to the page.
!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.

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.

Recent supporters

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.

Recentsupporters.jpg

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).

Supporterdatafields.jpg

 

Have more questions? Submit a request