Hero: Build An Opening Section

Goal: Give a page a proper opening instead of starting cold with a heading.
Time: 4 minutes
You need: A page, and ideally one wide image in the Media Library

Steps

  1. In the Main slot, select Add Block, then choose Hero.
  2. Fill in the copy: Eyebrow / Label is the small line above the title, Title is the headline, and Subtitle / Intro is the sentence under it.
  3. Add up to two actions: Primary CTA Label and Primary CTA URL, then the secondary pair if you need it.
  4. Choose a background image if you have one, and set Background Position and Overlay so the text stays readable.
  5. Pick a Variant (default, muted, accent, soft) and a Layout (left, centered, split).
  6. Set Title Tag to h1 when the Hero carries the page's main heading — which is usually the point of a Hero.
  7. Select Save New Block.
Hero block form showing eyebrow, title, intro, CTA fields, variant, and layout.
Public page showing a centred hero with a title, intro sentence, and two buttons.

Notes

  • One Hero per page, at the top. A second Hero halfway down is a CTA block wearing the wrong costume.
  • The CTA buttons are part of the Hero, not separate blocks you add. Filling in a label and URL creates them; clearing both removes them.
  • Overlay exists so text survives a busy photograph. If the title is hard to read, raise the overlay before you go looking for a different image.
  • Set Title Tag to h2 if the page already has an h1 elsewhere. Two h1 elements on one page is a structure error, not a style choice.
Next: Buttons And CTA