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
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | Name this content item | 80 Characters | Plain Text | Yes |
| Heading | Add an H1 heading (e.g., "Frequently Asked Questions") to clearly define the page topic for users and search engines, improving SEO and accessibility. | 100 Characters | Plain Text | Yes |
| Description | Add a meta description. A meta description is a brief summary of a webpage's content, typically up to 165 characters, used by search engines and displayed in search results. | 350 Characters | Plain Text | Yes |
| CTA - Title | Add link text for a CTA | 50 Characters | Plain Text | No |
| CTA - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| CTA - External Link | Enter URL for external link, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| BG Image | Select a suitable image from the Media Library | N/A | Media | Yes |
| BG Video URL | Paste the full HTTPS URL to an mp4 file | 250 Characters | Plain Text | No |
| Show Breadcrumbs | Option to display breadcrumbs on internal pages | N/A | Check Box | No |