Homepage Hero
Add a Hero with a heading, image, optional video and cards
How to use
The Hero must be the first content item in a section.
- Add a Heading
- Add a Description - Hidden, this is not displayed on the page, it used for the SEO for the meta description
- Add a Sub Title - Hidden, this is not displayed on the page, it used for SEO, and should contain keywords(s) relevant to the page
- Select a suitable image from the Media Library for the BG Image.
Recommend image is at least 1900px x 950px. The image can be any size or aspect ratio, and will be cropped and resized to 1900px x 950px 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
- Optionally add up to 2 Cards. For each card:
- Optionally add a Card - Category, this displays above the Card - Title
- Add a Card - Title
- Optionally add a Card - Description
- Optionally add a CTA Button. Add Card - CTA Text for the button text and either select a section or content item for the Card - CTA Internal Section (ignore the Use default link text checkbox), or paste the full URL for the Card - CTA External URL (do not enter both)
Metadata
The following elements are mapped to metadata:
- Heading - og:title, twitter:title
- Description - Hidden - description, og:description, twitter:description
- BG Image - og:image, og:image-alt, twitter:image
Content Type Details
ID: 7260
Name: Homepage Hero
Description: A section that conveys brand identity through use of an image/ambient video, headline, and messaging cards
Minimum user level: Administrator
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Heading | Visible Page Heading and Meta Title | 150 Characters | Plain Text | Yes |
| Description - Hidden | Meta Description | 200 Characters | Plain Text | Yes |
| SubTitle - Hidden | Hidden H1 | 150 Characters | Plain Text | Yes |
| BG Image | Select a suitable image from Media Library | N/A | Media | Yes |
| BG Video URL | Paste the full URL to a suitable mp4 file | 250 Characters | Plain Text | No |
| Card 1 - Category | Add a Category tag to Card 1 | 50 Characters | Plain Text | No |
| Card 1 - Title | Add a Title to Card 1 | 150 Characters | Plain Text | No |
| Card 1 - Description | Add a Description to Card 1 | 250 Characters | Plain Text | No |
| Card 1 - CTA Text | Call to action button text | 50 Characters | Plain Text | No |
| Card 1 - CTA Internal Section | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Card 1 - CTA External URL | Enter URL for external link, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| Card 2 - Category | Add a Category tag to Card 2 | 50 Characters | Plain Text | No |
| Card 2 - Title | Add a Title to Card 2 | 150 Characters | Plain Text | No |
| Card 2 - Description | Add a Description to Card 2 | 250 Characters | Plain Text | No |
| Card 2 - CTA Text | Call to action button text | 50 Characters | Plain Text | No |
| Card 2 - CTA Internal Section | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Card 2 - CTA External URL | Enter URL for external link, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |