Block: Timeline
Adding timelines with the P4 design to visually display activities and milestones from campaigns.
📚 Create Content > Blocks > Timeline
⚠ This Block is soon getting a big update!
Definition & Purpose
Definition
The timeline block is a type of graphic that arranges a chain of events, activities, and milestones in chronological order.
Purpose
Tells a story by illustrating the achievements and milestones from campaigns and Greenpeace’s history.
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:
- URL of the Google sheet containing the data for the timeline (details below)
- -> 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.
Google Sheet
- Use our template:
- Make a copy of the spreadsheet template.
- Populate the fields. Year, Month, Day, End Year, End Month, End Day, Headline, Text are mandatory.
- After all details are in the spreadsheet, change its sharing permissions to “Anyone with the link can view”.
- Copy the URL from the address bar.
- Paste the URL in the Google Sheets URL field in the Timeline block sidebar.
- Make a copy of the spreadsheet template.
Design Elements
All design files of the block are available in the P4 Design Systems > Blocks > Timeline
Links & Resources
- Handbook
- Set up the P4 GTM container
- Create P4-Alike Petitions in your Advocacy tool (Engaging Networks, Hubspot..)
- Block: Happy point
- Integrate P4 with other Engagement Systems
- Create P4 Donation pages (also in Engaging Networks)