Flexible Page Heroes

Ornate door

Description

Flexible pages have a variety of options for hero layout that can be selected in the page settings. Heroes can have text only, a background image across the full width of the page, or an image to one side of the text.

Training Video

 

Parameters

Required fields

  • Title: This is the title of the page itself

Recommended character limits

  • Hero Eyebrow: Maximum of 30 characters
  • Hero Display Title: Maximum of 40 characters (if the title of the page exceeds this limit, use a hero display title to provide a shorter option)
  • Header Description: Maximum of 250 characters
  • Link Text: Maximum of 25 characters (note that there can be a maximum of 2 links) (Natalie note: Are there still links in heros? I don't see an option to add them)

How to edit

  • To change the type of hero layout a page uses, select the Hero Settings tab next to Page Classification. 
    • To keep a hero text-only, do not check any of the boxes, and input whichever text fields you want to include.

      Image
      Screenshot of the page editor that shows the options for the Hero component.

To include an image, upload or select a file in the hero image section. If no checkboxes are selected, the image will appear to the left of the text content in a desktop view.

 

Image
Screenshot of page editor showing options for hero component
Image
Screenshot of page editor showing options for hero component

To make the image appear across the full-width of the page, select "Hero full width." The image will appear in a strip above the text if "Hero background gradient" is not selected, or behind the text if it is selected.

Image
Screenshot of hero with full-width image
Image
Screenshot of page editor showing options for hero component