Landing Pages
Website Pages

Guide to common modules

Last updated: September 1, 2020

Applies to:

All products and plans

Common modules are simple elements you can add to a page using a template with a drag and drop page areaYou can add common modules to a page created with a default HubSpot website theme template, a starter template, or a coded template that includes a drag and drop area

Please note: if you're looking to edit content for a menu module, learn how to set up your navigation menus. The best way to edit your navigation menu for a theme template is to create a new page with your theme using the home template, and then editing the global page header.

Add a common module to your page

Common modules are frequently-used modules in the page editor. In the left panel, Common modules available in your account are listed in the Add tab. 

To add a common module to your page, click the module you want to add and drag it into position on your page layout. You'll see a blue line with circles on both ends defining the area where your new module will be placed.

add%20a%20common%20module%20to%20a%20page

Overview of common modules

Rich text

Rich text modules are flexible containers that support text, links, images, video, embed code, tables, and more. You can add bullets, lists, and headings using the rich text editor at the top of your page. Learn more about how to edit rich text modules.

Image

An image module is a simple container for an image. Upload an image into your files tool, or add an image directly within the page editor.

Header

A header module is a simple block of text designed to label a main section of your website. Search engines read header tags to understand the structure of your page content.

Call-to-Action

A call-to-action is a button on your page designed to attract your website visitors. Clicking a CTA typically leads to a new page in your website with a content offer. You can create a simple CTA or select an existing CTA that you've already created in your account.

Form

A form module supports any existing form in your HubSpot account. You can also build a simple form within the page editor. Form modules have a lot of styles and options that are customizable on the page. Learn more about how to edit and style forms on your page.

Gallery

An image gallery module creates a dynamic carousel of images on your website page. You can upload and add images with descriptions and links directly within the page editor. Learn more about how to edit a gallery module.

Button

A button is a simple element on your page that encourages website visitors to click. You can customize the button text, colors, and styles. If you're using a website theme on your page, learn more about how to manage default theme styles.

Divider

A divider is a simple horizontal line to separate different sections of your page. You can customize the color, style, and padding of the divider on your page.

Follow Me

The follow-me module creates icons linked to your social media pages and other external website pages you want to promote on your page. The module populates with default icons for most social media platforms. You can also upload a custom icon to link to a different social platform or website page. Learn more about editing a follow me module.

Video Embed

A video embed module is a simple module that supports a video URL from a supported provider. If you want to collect more analytics on your video views, Professional and Enterprise accounts can add a video to a rich text module with HubSpot video, Powered by Vidyard or an external media file.

Meetings

A meetings module allows you to add the meetings widget directly to your HubSpot pages. When the module is added to your pages, you can select which meetings link you want to display. Visitors can then view your availability and book time with you.

/website-pages/guide-to-common-modules