The P4 team is currently running some changes to the site. Please be aware that you might be redirected to some other sources on the world wide web or you will find the content you are looking for in another format. If you notice anything missing, please let us know in the p4-general Slack channel. Thank you!

Purpose: Allow web-editors add a global counter to campaign pages so that they can show in real time* how many signatures are collected worldwide.

*For the time being, the block is built to be manually updated, but the P4 team will continue to develop it so it would permanently update signatures from petitions within the 5 Digital Engagement platforms data will be synced to/from.

Add the block to your page

Adding blocks to P4

Select the Counter block from the ‘Planet 4 blocks’ section

All the options for editing a block are on the right side of the page, in the Block section. There are 3 categories:

Once you add the block, you can add the title and the description:

Styles and context

Examples of styles

KEY INFO – The “Progress bar inside EN form” style can only be used in conjunction with the Block: Form (Engaging Networks) – Form on the Side style


Once inserted and customised your Block: Form (Engaging Networks) – Form on the Side style just ad the block: counter anywhere on the page, and it will be added to your form automatically – see an example here

Design Elements

All design files of the block are available in the P4 Design Systems > Blocks > Counter

Links & resources