Hero
The Hero block presents a main message, supporting text, and a call to action near the top of a Homepage, Landing Page, or Default Page.
Block details
Supported page types
- Homepage
- Default Page
- Landing Page
Block role
Standalone on Homepage and Landing Page Top-slot content on Default Pages.
Allowed blocks No nested blocks
Screenshot
Section titled “Screenshot”
Controls
Section titled “Controls”| Control | Input | Description |
|---|---|---|
| Heading | Text | Main hero heading. |
| Paragraph content | Rich text | Supporting copy beneath the heading. |
| CTA Text | Text | Call to action label. |
| CTA URL | URL or page search | Call to action destination. |
Behavior Notes
Section titled “Behavior Notes”- The content field supports multiple paragraphs.
- Text formatting includes bold text and links.
- The call-to-action label uses the compact 14px button type size.
- The first Hero block on a page receives the default HTML ID
hero. Further Hero blocks usehero-2,hero-3, and so on. The ID can be replaced through Gutenberg’s Advanced → HTML anchor setting. - This block is separate from the homepage title section managed through the Customizer.
- It can be inserted directly on the Homepage and Landing Page templates.
- On a Default Page, it can be inserted only in the
Top slotof Page Layout - 3 Slots.