Back to All Modules

Page Header - Video

Search (CSOL) Page Header - Video in the CMS

Jump to Guidelines and Use Cases

Theme Options:

Module Preview

Webinar Tagline

ABM Strategy in HubSpot

Connecting to HubSpot

Account-based marketing (ABM) is a growth strategy in which marketing and sales work together to create personalized buying experiences for a select set of high value companies.

Webinar Tagline

ABM Strategy in HubSpot

Connecting to HubSpot

Account-based marketing (ABM) is a growth strategy in which marketing and sales work together to create personalized buying experiences for a select set of high value companies.

Webinar Tagline

ABM Strategy in HubSpot

Connecting to HubSpot

Account-based marketing (ABM) is a growth strategy in which marketing and sales work together to create personalized buying experiences for a select set of high value companies.

Webinar Tagline

ABM Strategy in HubSpot

Connecting to HubSpot

Account-based marketing (ABM) is a growth strategy in which marketing and sales work together to create personalized buying experiences for a select set of high value companies.

Module Preview

FAQ's

How To Use This Module

Add a strong introductory statement and video to a page.

Use Cases

Video Integration

Display one video with caption support. Supports embedded videos via oembed or direct video uploads. Video player includes standard controls.

Layout Options

Three layout configurations: 1-Column (full-width video with content below), 2-Column Large Video (side-by-side), and 2-Column Medium Video (smaller video with more content space).

Content Elements

Standard page header content including tagline, heading with size options, rich text description, up to 2 CTAs with automatic hierarchy (single CTA defaults to secondary since video play button is primary), and optional disclaimer text.

Brand Shape Graphics

Automatic brand shape selection based on theme and layout. Uses hub-3d-01, hub-3d-02, or hub-3d-03 shapes with theme-specific positioning and coloring.

Theme Toggle

On 1-column dark themes, content area dynamically switches to light theme on mobile for better readability. Controlled via data attributes and TypeScript.

Get on-brand assets for your module

Guidelines

Character Count

- Tagline recommended maximum character count is 60

  • Recommended header character count is ~45 characters
  • Recommended description character count ~150
  • Limit CTA text to 2 or 3 words

Video Sizing

- The module provides three options for video layouts- one column: full-width video or two column large video or two column medium video . One column videos will stack the Headline above the video and the description below. Two Columns will have the Headline/ description and the video appear side by side.

  • The video aspect ratio is 16:9, when a video’s aspect ratio is different from 16:9, the video thumbnail will be center aligned and black bars will be used to fill the padding.

Things to Know

- Adding a video is mandatory

  • Tagline, CTAs, and Disclaimer text are optional.
  • You can now chose the heading size: Normal 48px or Small 36px. Both will still be H1s. On mobile both will be 36px by default.

Similar Modules

updated

Page Header - Image

Create a big impact above the fold with image and strong headline copy.

Video Gallery

Showcase a wide range of video content.

What's New?

| v2.13.0 August 2024

  • Added a new “Heading Size” option to give users the option to change the heading size. Normal will be the default 48px heading size or Small which will be 36px. Both options will still semantically be a H1 and will appear as 36px on mobile regardless of the size chosen.

| v2.10.0 June 2024

  • This module now has the option to add 2 CTAs as well as allow uploaded video to display as either medium or large in the 2-column layout .
  • Allows CTA styling options so user can set a Type (button versus text link) and Button Style (i.e. primary, secondary or tertiary)