v2.138 | New Petition Counter ID, GravityForms Variables on Load, Design Updates, Bug Fixes and More!

Goeiemorgen! A lot of updates during this SPRINT release! Major update in the Form Settings (having added a Petition counter id), several design updates, making documentation and information more accessible and good amount of bug fixes! Let’s see:

Features 🛠

PLANET-7617 Apply caption styles to all figcaption elements

All Block captions now look the same! Until recently, only certain Blocks had the P4 style to the captions, but now the figcaption elements have been implemented to all Blocks.

PLANET-7610 Rename the Submenu block as Table of Contents

Recently, the “submenu” Block was renamed to Table of Contents. Every mention of the word “submenu” has now been replaced, including strings, variable names, file names, and more.

PLANET-7653 Apply New Link Style to the rest of the body text Links

A styling update: Applied the new Links Style to

Lists
Tables
Image captions
Headings (excluding headings within Blocks)

PLANET-7454 Implement GF variables in page load

As part of the Mixpanel event tracking plan, there’s now a new event implemented called form_start which identifies through Google Tag Manager when a user starts filling out a form.

The following dataLayer variables are implemented at page load (either in all pages or only on pages where a Gravity Form has been identified):

gGoal
formPlugin
formTitle
formID

PLANET-7220 Add definitions / handbook links to backend custom block settings

A definition for all P4 custom blocks settings has been added in the back-end, in the same format/style as WordPress native block definitions. There’s also a link to the relevant Handbook page.

PLANET-7598 Form Builder: Add a petition counter id field

Added a new field under the “Planet 4 Options” section in the Form Settings.

Many global campaigns use a global counter API to keep track of the total number of submissions across different NRO websites.

To make that work, they add an iframe to to the confirmation page. To better facilitate that functionality, there’s now a custom field added in the Form Settings page where editors can just add the petition counter id!

Field name: Global Counter ID
Field id: p4_gf_counter
Field help text: Add the Counter Name from counter.greenpeace.org
To ensure the counter only tracks unique submissions we should also send the user email in a hashed form.
On form submission we should do a GET request

Example: https://counter.greenpeace.org//count_pixel?id=<p4_gf_counter>&email_hash=<user_email_hash>