Manage, administer and improve P4

Hi! New to P4 and want to learn your way around the site? Below is a list with the essentials you have to know whether you are an editor, admin or campaigner. Check the info below, look through the resources mentioned on this page as well and if you still feel you need some more guidance, just get in touch with us at planet4-pm-group@greenpeace.org.

Handbook Documentation:

Page vs posts -> info on how to build a post or page, main features available
- https://planet4.greenpeace.org/posts-vs-pages/posts/
Blocks -> info on how to implement and what are the characteristics of each P4 block
- https://planet4.greenpeace.org/blocks/

YouTube videos:

P4 Content Editor training I – Posts
P4 Content Editor Training II – Take Action
The Planet 4 Engaging Networks Form Block
Translate P4 strings and commands
Create and manage Campaigns in Planet 4: the P4CG
Gutenberg intro – an intro on what’s changed with the Gutenberg editor

Administer your P4 Site

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2020/06/6b90d254-optimonk.png

ContentSet up popups in OptiMonk

Create popups in the Planet 4 supported solution!

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/09/7b28f026-report-bugs.png

SetupReport Bugs

Don't let bugs walk free: please report them and make P4 a better product!

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/09/81c97875-search.png

ContentSearch

Learn how the P4 search works and master all its functionalities

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/05/843b2bcf-archive-p3.png

ContentThe Archive of your P3 website

Content that will not be part of P4 represent our history. We cannot simply delete them. That's why we need to archive them.

ContentSet up the P4 key Content (Navigation, Footer, Menus, Favicon, Post types)

Navigation, Footer, Menus, Favicon and Post types can be set up easily. Learn how!

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/04/feb978ce-languages-884x1024.png

ContentSet up, manage and maintain a Multi-Language P4 Site

Need a multi-language P4? 問題ない！

Master all blocks

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2021/04/d0df71f9-group.png

ContentBlock: Group

Create a 'placeholder' and add other blocks inside it, then customize it

https://www.greenpeace.org/static/planet4-handbook-stateless-release/08f2bf58-accordion_block.png

ContentBlock: Accordion

Expand or collapse content to improve user experience by preventing endless scrolling.

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2020/01/0888936d-spreadsheet.png

ContentBlock: Spreadsheet + Table

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

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2019/12/3c127d61-sm-cards.png

ContentBlock: Social Media Cards

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

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2019/11/3792108a-take-action-boxout.png

ContentBlock: Take Action Boxout

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

ContentBlock: Timeline

Add timelines with the P4 design to display activities and milestones

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/10/5da94173-p4-en.png

Data-AnalyticsBlock: Form (Engaging Networks)

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

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/05/fa559394-snip20180518_6-1024x411.png

VisualsBlock: Gallery

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

https://www.greenpeace.org/static/planet4-handbook-stateless/2019/01/346efb09-counter2.png

ContentBlock: Counter

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

https://www.greenpeace.org/static/planet4-handbook-stateless/2019/01/1e256d68-social-block.png

ContentBlock: Social media

Embed social media content in your P4 pages!

https://www.greenpeace.org/static/planet4-handbook-stateless/2019/03/fd1708b5-cookie_p4.png

Data-AnalyticsBlock: Cookies

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

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/10/6149e71a-pacman.gif

ContentBlock: Media

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

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/03/ef6aee24-happy.gif

ContentBlock: Happy Point

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

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/05/9c6e88da-4-columns.png

ContentBlock: Columns

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

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/05/7370b80c-snip20180518_7.png

ContentBlock: Covers

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

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/11/dfe85e4b-articles-block.png

ContentBlock: Articles

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

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/05/26717adb-snip20180517_48.png

VisualsBlock: Split Two Columns

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

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/05/e1a13202-snip20180509_20-1024x453.png

ContentBlock: Carousel Header

Display several photos on a scrolling carousel for the home page

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/07/182c7189-snip20180724_10.png

ContentBlock: submenu

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

Evaluate your P4 Site performances

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2020/01/a79820db-hotjar-p4.png

ContentStart using Hotjar!

Learn how to Analyse User Behaviour and collect feedback with Hotjar!

https://www.greenpeace.org/static/planet4-handbook-stateless/2019/08/15a0187f-prototype.png

VisualsThe P4 Prototypes

Help Greenpeace identify which features will drive people to take action, re-engage and bring others along in the future.

https://www.greenpeace.org/static/planet4-handbook-stateless/2019/08/38d5e540-p4-optimize.png

ContentSet up A/B testing

Set up split tests in P4 via Google Optimize!

https://www.greenpeace.org/static/planet4-handbook-stateless/2019/03/9d25662d-p4-petition-signup.png

Data-AnalyticsTrack petitions data in Google Tag Manager (GTM)

Learn how easy is to extract data from your forms and petitions, for both local and global campaigns

https://www.greenpeace.org/static/planet4-handbook-stateless/2019/03/181de35c-generic-event-p4.png

Data-AnalyticsSet up events in Google Tag Manager (GTM)

GTM allows you to track anything, learn how to set up events and conditions.

https://www.greenpeace.org/static/planet4-handbook-stateless-release/2018/10/5da94173-p4-en.png

Data-AnalyticsBlock: Form (Engaging Networks)

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