How to use content modules

Last updated: January 13, 2017

Every page and email you create in HubSpot uses content modules to store and display your content. The type of content module you use will vary depending on what kind of content you want to create, store, and display.

Flexible Column

You can use a Flexible Column in your template to add additional modules to a column in your template from the content editor instead of the template builder.

HubSpot Help article screenshot

Rich Text

The rich text module is the most common content module used in the HubSpot Content tools. It offers the most editing options for your content, like basic word formatting, paragraph styling, images, and links.

HubSpot Help article screenshot

Edit Menu

HubSpot Help article screenshot

Here's what you'll find under the Edit menu in a rich text module:

  • Undo - undo the most recent change to your content.
  • Redo - redo the most recent change to your content that you have just undone.
  • Cut - cut the content you have selected out of the module and save it to your clipboard.
  • Copy - copy the content you have selected into your clipboard.
  • Paste - paste the content you have saved in your clipboard into the content module.
  • Select all - select all the content in the module.
  • Find and replace - search in the content module for a specific word or phrase and replace that word or phrase with different words or phrases.

Insert Menu

HubSpot Help article screenshot

Here's what you'll find under the Insert menu in a rich text content module:

  • Insert Personalization Token (Professional and Enterprise) - insert a contact property personalization token into your content that will automatically change based on the visitors contact property value.
  • Insert video - insert a video into your content using the video's URL or embed code for the video.
  • Insert Document Link - insert a link to a file that you have uploaded to your HubSpot File Manager tool into your content
  • Insert image - insert an image into your content.
  • Insert Call-to-Action - insert a Call-to-Action button that is built in the HubSpot Call-to-Action tool into your content.
  • Link - insert a link to another page into your content.
  • Media - insert a video into your content using the video's URL or embed code for the video.
  • Special character - insert a special HTML character into your content.
  • Horizontal line - insert a horizontal line break into your content to break up bits of content in the same module.
  • Anchor - insert an anchor tag into your content so that you can link to a specific part of your content.
  • Nonbreaking space - insert a nonbreaking space into your content so that you can adjust spacing.

View Menu

HubSpot Help article screenshot

Here's what you'll find under the View menu in a rich text content module:

  • Show blocks - displays dotted lines and the type of formatting around a block of content in the Rich Text editor.
  • Visual aids - displays symbols next to custom content types such as anchors that do not appear in the published or sent content.

Style Menu

HubSpot Help article screenshot

Here's what you'll find under the Style menu in a rich text content module:

  • Formats - allows you to make changes to the format of selected content.
  • Font - allows you to make changes to the font of selected content.
  • Text Size - allows you to make changes to the font size of selected content.
  • Line Height - allows you to make changes to the line height of selected content.
  • Clear formatting - clears all styling and formatting of selected content.

Table Menu

HubSpot Help article screenshot

Here's what you'll find under the Table menu in a rich text content module:

  • Insert table - insert an HTML table into the content module using an interactive editor. Tables are useful for organizing lists or displaying calendars.

  • Cell - you can use the cell submenu to adjust the properties of a cell, merge multiple cells into one cell, or split one cell into multiple cells.

  • Row - you can use the row submenu to adjust the properties of a row, insert a new row before the selected row, insert a new row after the selected row, delete the selected row, cut the selected row out of the table and save it to your clipboard, copy the selected row and save it to your clipboard, paste a row that is saved to your clipboard before the selected row, or paste a row that is saved to your clipboard after the selected row.

  • Column - you can use the column submenu to insert a new column before the selected column, insert a new column after the selected column, or delete the selected column.

Tools Menu

Here's what you'll find under the Tools menu in a rich text content module:

Source code - you can use the Source Code tool to directly edit the HTML of the content in your rich text module. This gives you total control over the code behind the content in your module.

Spellcheck - you can use the Spellcheck tool to check the spelling of all the text in your rich text module against these languages: Dutch, English (Australian, Canadian, GB, New Zealand, US & South African), Esperanto, French, Galician, Icelandic, Italian, Khmer, Malayalam, Polish, Portuguese (Portugal & Brazil), Romanian, Russian, Slovak, Slovenian, Spanish, Swedish, Tagalog, or Ukrainian.

HubSpot Help article screenshot

Form

The Form content module is the second most common module used in the HubSpot content tools. It is used to capture contact information from visitors to your website. It is available as a module that can be added to content and templates created with Landing Pages, Site Pages, and Blog Pages.

Use the Form content module to:

  • Give your form a title on the page.
  • Choose which HubSpot form will appear on which page.
  • Choose whether to redirect a person that submits the form to another page or to display a thank you message on the same page.
  • Override your default form submission notification options from HubSpot settings and send notification emails to specific email addresses when a visitors submits the form.
  • Send the visitors that submit the form followup emails.
  • Add visitors that submit the form to a Salesforce Campaign. (Requires HubSpot Professional or Enterprise and an existing integration with Salesforce.)
HubSpot Help article screenshot

Custom HTML

You can use a Custom HTML content module if you want to have total control over the HMTL code behind the content in your module when editing a page.

HubSpot Help article screenshot

Call-to-Action

You can either insert a call-to-action into a rich text content module or use a call-to-action module when you want to include one in your content. You should use the call-to-action content module if you want to be able to edit the call-to-action without interfering with the formatting of a rich text content module.

HubSpot Help article screenshot

One Line of Text

You can use a One Line of Text content module if you have a section of text that is formatted and styled a specific way in your template and you only want to allow the editing of the text.

HubSpot Help article screenshot

Header

You can use a Header content module to display a line of text in a larger heading font size.

HubSpot Help article screenshot

Section Header

You can use the Section Header content module to display a very large and centered header to denote an entire section of content in your template.

HubSpot Help article screenshot

Image

You can use the Image content module to display an image in your template in a specific place. This is useful if you are formatting or styling an image a specific way in your template, and want to be able to edit the image without changing that formatting.

You can also change:

  • The URL people will be taken to when they click the image
  • The ALT text of the image
  • The height and width of the image
HubSpot Help article screenshot

Image Slider

You can use the Image Slider content module to add a sliding gallery of images into your template.

You can customize:

  • If the slider auto advances and how quickly it auto advances if it does
  • If the slider loops
  • If the slider shows pagination
  • If the slider retains the size of the tallest image or adjusts to the size of each image
  • If you want to include a caption for each image
  • If the caption is displayed below the image or superimposed on top of the images
HubSpot Help article screenshot

Logo

You can use the Logo content module to change the company logo that is used in your content.

You can also change:

  • The URL people will be taken to when they click the logo
  • The ALT text of the logo
  • The height and width of the logo
HubSpot Help article screenshot

Page Footer

The Page Footer content module displays the copyright symbol next to the current calendar year and your company name as set in your Content Settings.

Social Sharing

You can use the Social Sharing content module to let visitors easily share your content across social media channels and email.

HubSpot Help article screenshot

Follow Me

You can use the Follow Me content module to help your visitors get in touch with your company on social media.

HubSpot Help article screenshot

Post Listing

You can use the Post Listing content module to display a list of the most recent or most popular blog articles from your HubSpot blog.

HubSpot Help article screenshot

Post Filter

You can use the Post Filter content module to display a list of blog articles from a specific topic, month, or author.

HubSpot Help article screenshot

Blog Email Subscription

You can use the Blog Email Subscription module to let visitors subscribe to your blog digest emails by filling out a form.  

HubSpot Help article screenshot

Google Search

You can use the Google Search content module to add a Google site search to your content.

HubSpot Help article screenshot

Horizontal Spacer

You can add a Horizontal Spacer content module to your templates to add in blank space that customizes the layout of your content modules.

HubSpot Help article screenshot

RSS Listing

You can add an RSS Listing module to a page to show recent blog posts from a HubSpot hosted blog, or even an externally hosted blog.

HubSpot Help article screenshot

Was this article helpful?

Previous article:

Create Effective Inbound Content in Classroom Training Click Here

Next article: