To insert special characters in blocks such as #$%&*(){}[] you need to use the & hex code format (full list at >>  https://dev.w3.org/html5/html-author/charref)

To insert markup / HTML in blocks description and content just use single quotes, like <a href=’YOURLINK’>your text</a>

Master all blocks

#Blocks #Content

Block: Spreadsheet + Table

Create in-page tables or embed responsive Google Spreadsheets in your P4 posts, pages and campaigns.

Learn more
#Blocks #Content #Engagement #Visuals

Block: Social Media Cards

Use images and short texts for a one-click sharing pledges and call to action!

Learn more
#Blocks #Content #Engagement

Block: Take Action Boxout

Include Call To Actions within posts and pages through a dynamic floating card!

Learn more
#Blocks #Content #Engagement

Block: Timeline

Add timelines with the P4 design to display activities and milestones

Learn more
#Blocks #Data-Analytics #Engagement

Block: Form (Engaging Networks)

Insert Call to Action in your P4 pages and send data to your Engaging Networks account

Learn more
#Blocks #Visuals

Block: Gallery

Maximise visual impact combining images in grids, 3 columns or carousel

Learn more
#Blocks #Content #Engagement

Block: Counter

Show supporters how many signatures are collected at a specific point!

Learn more
#Blocks #Content #Engagement

Block: Social media

Embed social media content in your P4 pages!

Learn more
#Blocks #Data-Analytics #Setup

Block: Cookies

Allow users to have complete control over which cookies they accept in your P4 sites. 

Learn more
#Blocks #Content

Block: Media

Insert Videos in your pages right from YouTube or the Greenpeace Media Library!

Learn more
#Blocks #Content #Engagement

Block: Happy Point

Embed (via iFrame) a “Subscribe” or engagement form in Planet 4 pages

Learn more
#Blocks #Content #Visuals

Block: Columns (& tasks)

Pull out static content (with or without images) or take action tasks in columns.

Learn more
#Blocks #Content

Block: Covers

Dynamically pull out posts or Take Action pages in a consistent three or four column layout!

Learn more
#Blocks #Content

Block: Articles

Pull out dynamically your posts, deciding by which type, Tag or Category!

Learn more
#Blocks #Visuals

Block: Split Two Columns

Combine Categories (Issues) and #Tags in 2 columns with diagonals

Learn more
#Blocks #Content #Visuals

Block: Carousel Header

Display several photos on a scrolling carousel for the home page

Learn more
#Blocks #Content

Block: submenu

Insert a dynamic “Table of content” to facilitate consumption of long pages.

Learn more

Blocks availability matrix

 

Posts

Pages

Campaigns

ArticlesBy defaultXX
Carousel Header XX
Columns / Tasks XX
Cookies XX
CounterXXX
Covers XX (only “Content” style)
Engaging Networks Form XX
GalleryXXX
Happy Point XX
Media  X (Embeds only) XX
Social Media X (Embeds only)XX
Split Two Columns X 
Spreadsheet / TableXXX
Submenu X 
Sub PagesX
Take Action BoxoutX (in Post Element fields)X 
TimelineXXX

Blocks menu in Gutenberg

In the content field, there is a small arrow inside a circle – click on that element to add a new block. A pop up window will open and you now have several options to choose from: