Landing Page Hero

A hero to introduce a page with an image, description and option to feature a video

How to use

The Hero must be the first content item in a section.

  • Add a Heading
  • Add a Description
  • Optionally add a CTA Button. Add CTA - Title for the button text and either select a section or content item for the CTA - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the CTA - External Link (do not enter both)
  • Select a suitable image from the Media Library for the BG - Image. 
    Recommend image is at least 1900px x 1240px. The image can be any size or aspect ratio, and will be cropped and resized to 1900px x 1240px automatically by a service called PXL. Find out how PXL crop and resize works.
  • Optionally paste in the full URL to an mp4 file for the BG Video URL e.g., for https://player.vimeo.com/external/410192281.hd.mp4?s=6811ce430a3ab37bec0a79183292debd6bf4cd62&profile_id=174

Metadata

The following elements are mapped to metadata:

  • Heading - og:title, twitter:title
  • Description - description, og:description, twitter:description
  • BG Image - og:image, og:image-alt, twitter:image

Content Type Details

ID: 7261
Name: Landing Page Hero
Description: A section that introduces the page with an image, description and option to feature a video.
Minimum user level: Moderator

Content Type Elements Details

NameDescriptionSizeTypeRequired
NameThe Name Element80 CharactersPlain TextYes
HeadingAdd a Heading, for example "Frequently asked questions"100 CharactersPlain TextYes
DescriptionAdd a Description350 CharactersPlain TextYes
CTA - TitleAdd link text for a CTA50 CharactersPlain TextNo
CTA - Internal LinkSelect a section/content for an internal linkN/ASection/Content LinkNo
CTA - External LinkEnter URL for external link, only enter this if you are NOT entering an internal link250 CharactersPlain TextNo
BG ImageSelect a suitable image from the Media LibraryN/AMediaYes
BG Video URLPaste the full HTTPS URL to an mp4 file250 CharactersPlain TextNo
Show BreadcrumbsOption to display breadcrumbs on internal pagesN/ACheck BoxNo