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: Webeditors can now add timelines with the P4 design to visually display activities and milestones from campaigns.

Important: Starting with release v1.63, the Timeline block can be added to posts too, not only pages.

The Timeline block uses TimelineJS, which is an open-source tool that enables anyone to build visually rich, interactive timelines. Web editors can create a timeline using nothing more than a Google spreadsheet.


Add the block to your page


Setup the timeline

The title and the description are editable in place, inside the block.

The rest of the settings are on the right side. These are:

How to embed the Google sheet URL


Design Elements

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


Links & Resources