Get Started

Marketing Web Modules

Back to All Modules

Page Header - Form

Search (CSOL) Page Header - Form in the CMS

Jump to Guidelines and Use Cases

Theme Options:

Module Preview

Webinar: How to Kickstart an ABM Strategy in HubSpot

Tips & Tricks to Unlock the Potential of an ABM Strategy for your Business

We're committed to your privacy. HubSpot uses the information you provide to us to contact you about our relevant content, products, and services. You may unsubscribe from these communications at any time. For more information, check out our Privacy Policy.

Brands today win on customer experience. But if crafting a remarkable customer experience were easy, every company would find success.

The key insight that most marketing teams miss: to create a seamless customer experience, you need to create a seamless internal experience.

In this session, we'll walk through 5 tools in HubSpot that help marketing teams improve their internal data, processes, and reporting — achieving a more efficient, aligned, and better customer experience as a result.

Webinar: How to Kickstart an ABM Strategy in HubSpot

Tips & Tricks to Unlock the Potential of an ABM Strategy for your Business

We're committed to your privacy. HubSpot uses the information you provide to us to contact you about our relevant content, products, and services. You may unsubscribe from these communications at any time. For more information, check out our Privacy Policy.

Brands today win on customer experience. But if crafting a remarkable customer experience were easy, every company would find success.

The key insight that most marketing teams miss: to create a seamless customer experience, you need to create a seamless internal experience.

In this session, we'll walk through 5 tools in HubSpot that help marketing teams improve their internal data, processes, and reporting — achieving a more efficient, aligned, and better customer experience as a result.

Webinar: How to Kickstart an ABM Strategy in HubSpot

Tips & Tricks to Unlock the Potential of an ABM Strategy for your Business

We're committed to your privacy. HubSpot uses the information you provide to us to contact you about our relevant content, products, and services. You may unsubscribe from these communications at any time. For more information, check out our Privacy Policy.

Brands today win on customer experience. But if crafting a remarkable customer experience were easy, every company would find success.

The key insight that most marketing teams miss: to create a seamless customer experience, you need to create a seamless internal experience.

In this session, we'll walk through 5 tools in HubSpot that help marketing teams improve their internal data, processes, and reporting — achieving a more efficient, aligned, and better customer experience as a result.

Webinar: How to Kickstart an ABM Strategy in HubSpot

Tips & Tricks to Unlock the Potential of an ABM Strategy for your Business

We're committed to your privacy. HubSpot uses the information you provide to us to contact you about our relevant content, products, and services. You may unsubscribe from these communications at any time. For more information, check out our Privacy Policy.

Brands today win on customer experience. But if crafting a remarkable customer experience were easy, every company would find success.

The key insight that most marketing teams miss: to create a seamless customer experience, you need to create a seamless internal experience.

In this session, we'll walk through 5 tools in HubSpot that help marketing teams improve their internal data, processes, and reporting — achieving a more efficient, aligned, and better customer experience as a result.

Module Preview

FAQ's

How To Use This Module

Choose between Wide and Narrow containers for the form scale. On desktop, you have the option to choose between a background image OR brand shapes, in order to add visual interest. For tablet and mobile, the brand shapes are simplified. You have an optional Rich Text field underneath the header section, to include additional content if required

Use Cases

### Form Integration

Embeds a HubSpot form within a bordered card component, with optional form disclaimer text and custom anchor ID for direct linking to the form.

### Content Elements

Standard page header content including tagline, heading with size options, and rich text description displayed alongside the form.

### Form Width Options

Choose between narrow-form (default) or wide-form layouts to control the form container width and overall header proportions.

### Rich Text Section

Optional rich text section below the header area with independent theme selection, allowing for additional explanatory content with advanced formatting.

Get on-brand assets for your module
Brandfolder

Guidelines

Character Count

  • Tagline recommended maximum character count is 40
  • Recommended header character count is ~45 characters
  • Recommended description character count ~150

Layout

  • Module has 4 color themes that are White, Light, Neutral and Dark
  • Module has two section options; Header and Rich text
  • Module allows option to choose from brand graphics or background image

Things to Know

  • Adding a form and form size are mandatory. Only use MarTech approved forms. You can choose from Wide and Narrow form widths
  • Option to enable the Reduced Field Form feature to display the form as a RFF. Important Note: The RFF will not work with all forms and form settings. Review the Form Requirements found on the RFF Wiki . For questions about the RFF, reach out on Slack in #mktg-reduced-field-form
  • On mobile, there is no Wide and Narrow options so all forms appear the same
  • Header, Description are mandatory
  • Tagline, Rich Text Section and Background image (choose between background image and brand shapes) 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

Form

Add a MarTech approved form directly to your page.

Book a Meeting

Provide prospects flexibility in scheduling time to speak with a HubSpotter.

What's New?

| v4.3.0 October 2025

  • Added the option to add links to disclaimer text.

| 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.9.0 June 2024

  • This module now has the option to enable the Reduced Field Form feature to display the form as a RFF.

| v2.3.0 December 2023

  • Adds option to assign anchor ID to form, for direct linking.