Adding a Volunteer Position to the Careers Page

Learn how to add a new open volunteer position to the Work With Us page using the WordPress Gutenberg accordion block.

May 29, 2026 By Admin/Ops

This guide explains how to add a new open volunteer position to the "Work With Us" page in WordPress. Completing this ensures prospective volunteers can view and apply for newly available roles directly on the website.

This applies to website administrators and People/HR team members managing volunteer recruitment. Use this workflow whenever a new volunteer role is finalized and needs to be published publicly on the careers page.

Locate the Accordion Block

Step #1: Navigate to the "Work With Us" page in the WordPress editor and select the Green Blocks Accordion block from the List View sidebar. — Navigate to the "Work With Us" page in the WordPress editor and select the **Green Blocks Accordion** block from the List View sidebar.

Step #2: Expand the accordion item in the sidebar to view the current list of open positions. — Expand the accordion item in the sidebar to view the current list of open positions.

Add the New Role

Step #3: Click Add Row in the right-hand block settings panel to create a new accordion item. — Click **Add Row** in the right-hand block settings panel to create a new accordion item.

Configure the new accordion row using the following fields:

Field	Action
Label	Enter the official role title (e.g., Mentorship Program Manager).
Optional Sub Label	Enter the department or team name (e.g., Mentorship).
Content Hidden	Paste the full job description from your Notion page or source document.

Step #4: Type the position name into the Label field. — Type the position name into the **Label** field.

Step #5: Fill out the Optional Sub Label and paste the full position details into the main content editor. — Fill out the **Optional Sub Label** and paste the full position details into the main content editor.

Format Headings

Pasted content often retains large heading sizes from the source document. You must resize these so they fit neatly within the accordion layout.

Step #6: Highlight the section headings in your pasted content and change them to Heading 4 using the block formatting toolbar. — Highlight the section headings in your pasted content and change them to **Heading 4** using the block formatting toolbar.

Preview and Test

Step #7: Click Preview in the top right corner of the editor. — Click **Preview** in the top right corner of the editor.

Step #8: Select Preview in new tab to see how the published page will behave live. — Select **Preview in new tab** to see how the published page will behave live.

Step #9: Scroll down to the volunteer positions section and click your new accordion item to ensure the text expands and displays correctly. — Scroll down to the volunteer positions section and click your new accordion item to ensure the text expands and displays correctly.

Q: Why do I need to change the heading levels after pasting the job description?

A: Pasted content typically retains its original large heading sizes (like Heading 2), which disrupt the visual hierarchy of the accordion layout. Downsizing them to Heading 4 ensures they display neatly.

Q: What should I use for the accordion Label and Optional Sub Label?

A: Use the exact Notion page title (the job role) for the Label, and the specific team name (e.g., Mentorship) for the Optional Sub Label.

Term	Definition
Accordion	A user interface element on a webpage that expands to reveal hidden content when clicked, commonly used for lists or FAQs to save space.
Block Editor	The default component-based page builder in WordPress where content is structured using individual blocks.
List View	A navigation tool in the WordPress editor sidebar that shows a hierarchical outline of all the blocks currently used on the page.