Cause Page
Overview
Displays a collection of (optional) stats, campaigns and article content revolving around a particular cause space (e.g. education).
Content Type Fields
Internal Title: This is for our internal Contentful organization and will be how the block shows up in search results, etc. (does not display to the user on the page).
Slug: The URL slug, which we prefix with
/causes/
. e.g.dosomething.org/causes/environment
. This must be a valid cause name on Rogue since we use this value to query campaign content via Rogue.Cover Image: Displays as the background image of the banner at the top of the page.
Supertitle: Shows up atop the title in the banner (can be used as a nice prefix to the title) e.g. "Let's do something about the".
Title: Displays right under the Supertitle. This is the title of the page. e.g. "Environment".
Description: The Rich Text description (information/introduction) for this cause page. Displays in the banner below the title.
Content: The Rich Text content of the page. This can be content in markdown format, embedded Assets, or valid embedded entry blocks (preferabely Gallery Blocks).
Additional Content (optional): Supports displaying a triad gallery of 'Stats' under the Description in the Cause Page banner. Stats are rendered in a triad gallery of
StatCard
s. There should be at least three Stats. The properties necessary for theFactCard
s are required in an array ofstats
, along with astatsBackgroundColor
to be assigned theirbackgroundColor
CSS property. Example:
{
"statsBackgroundColor": "#3D9CB1",
"stats": [
{
"link": {
"url": "https://www.dosomething.org/us/campaigns/company-student-debt",
"text": "Invest In Us"
},
"title": "actions taken about student debt",
"number": 59077
},
{
"link": {
"url": "https://www.dosomething.org/us/stories/legacy-donor-admissions",
"text": "Merit Over Money"
},
"title": "signatures for fairer admissions",
"number": 27711
},
{
"link": {
"url": "https://www.dosomething.org/us/campaigns/fed/community",
"text": "Fed Up"
},
"title": "votes for better school lunches",
"number": 576846
}
]
}

Campaign Gallery
The cause page will automatically pull open, website campaigns from Rogue associated with this cause space (via the campaign's cause field), ordered by start date.
It'll display a paginated gallery of these campaigns atop the content section. (Using the Paginated Campaign Gallery utility).
Technical Notes
GraphQL
The Cause Page is available as a CausePage
in GraphQL.
Last updated