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 following fields need to be completed:

-> Language – select the language for the timeline

-> Timeline navigation position: select whether the timeline should be displayed on top or at the bottom of the page.

-> Start at end – by selecting this box, when an user lands on a page with a timeline, it will show directly the end of the timeline, meaning the most recent entries and not the oldest ones.

After all details are edited, click Insert Element.

Design files are Here.


Links & Resources