Hero section
What it is for
The above-the-fold heading, supporting line and call-to-action that visitors meet first.
The hero is the first block visitors see on the home page: eyebrow, heading, subtext, buttons, search filters and background.
Access
In My website, click Open Studio. In the Studio menu, open Content › Hero section.
Changes show in the live preview. Click Save changes to keep them.
- Requires the Steer Studio module on your team: without it, My website is hidden from the menu.
Steps
- Open the section as shown above.
- Fill in the settings below. The live preview on the right updates as you type.
- Click Save changes. Your edits go live on the public site once saved; Discard drops the unsaved ones.
Headline
Above the fold
- Hero eyebrow
- Hero heading
- Subtext
- Hero filters — Controls the search and filter panel displayed inside the Hero.
Call to action
Primary and secondary buttons
Background media
Wide · 16:9 · ~1920×1080
Typical use
Write a short promise in the heading, then add one button to your listings and one to the price estimation page.
Good to know
- The subtext is limited to 160 characters.
- You can set 0 to 4 hero buttons; only pages available in the active template are listed.
- Background: a wide 16:9 image (about 1920×1080), or a video with an image as fallback.
- Version history keeps the last 20 saved versions. Opening one loads it in the editor; click Save changes to apply it.
Common issues
"Hero subtext must be 160 characters or fewer". Shorten the subtext, then save again.
"Save failed". Your edits were not saved. Check the highlighted field, then click Save changes again.
"Connection lost. Your changes are not saved yet…" Stay on the page: the changes are saved when you are back online.
"The server is not responding. Your changes are not saved…" Wait a moment, then click Save changes again.
"Please allow pop-ups to open Studio in a new tab." Studio opens in a new tab from My website. Allow pop-ups for Steer Autos, then click Open Studio again.