Creating your first landing page?

Get Started Here

Marketing Web Modules

Back to All Modules

Page Header - Photo

Search (CSOL) Page Header - Photo in the CMS

Add a strong introductory statement and image to a page.

Jump to Guidelines and Use Cases

Background Options:

Module Preview

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268

La Bibliothèque de ressources de HubSpot

E-books, modèles, webinar et check-lists pour vos équipes marketing et commerciales.
2022-1_blogteam_colorsweep481-768x513-d9c6268
Module Preview

Use Cases

This module sits at the top of your page, introducing visitors to the rest of the content they are about to find below. Set the right expectations with an image and dedicated headline copy.

This module is perfect to be paired with the Fixed Secondary Navigation module. Consider the overall strategy of the page and pick an image that allows your message to really shine. Need an image? Check out our photos in the Digital Asset Manager.

Craft your messaging to be succinct, captivating, and strong (short is good here). Include a few optional CTAs to point your visitors in the right direction off-page.

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

Image Sizing

  • Recommended image size: 800x600

Things to Know

  • Adding an image is mandatory
  • Tagline, Sub-Headline, 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.

How to use this module

  • Please watch this loom to view a demo of using this module in the editor.

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.
  • SVGs are now also supported in this module.
| v2.11.0 June 2024

  • Allows CTA styling options so user can set a Type (button versus text link) and Button Style (i.e. primary, secondary or tertiary)

| v2.1.0 November 2023

  • Added option to remove the brand graphic

| v1.12.0 October 2023

  • Implements a rich text editing options for the description field in the module