Skip to content

Edit content in rich text modules

Last updated: June 26, 2023

Available with any of the following subscriptions, except where noted:

All products and plans

In rich text modules, you can add multiple types of content, including text, images, and links. Developers can add rich text modules to custom-coded templates, then customize their editing options

Please note: some rich text editing features are not available in the knowledge base article editor.

Format text in rich text modules

  • Navigate to your content:

    • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
    • Blog: In your HubSpot account, navigate to Marketing > Website > Blog.
    • Knowledge Base: In your HubSpot account, navigate to Service > Knowledge Base.
    • Email: In your HubSpot account, navigate to Marketing > Email.
  • Hover over your content and click Edit
  • In the content editor, click a rich text module to activate the rich text toolbar at the top of the editor. 
  • In the rich text module, highlight text
  • To set the text's comparative size and importance in the content, click the Style dropdown menu and select an option
  • To set the text's font, click the Font dropdown menu and select a font. Learn more about working with fonts in HubSpot
  • To set the text's size, click the Font size dropdown menu and select a size in pixels. 
  • To make the text bold, italicized, or underlined, click a bold styling icon
  • To change the text's color, click the textColor text color icon, then select a color. To use a hex or RGB color code, or to select a custom color, click the Advanced tab. 
  • To set a background color for the text, click the highlight background color icon, then select a color. To use a hex or RGB color code, or to select a custom color, click the Advanced tab. 

format-text-in-rich-text-editor

  • To change the text's alignment, click the alignLeft Align dropdown menu and select an alignCenter alignment icon
  • To add the text to a bulleted list, click the bulletList bulleted list icon. To change the format of the list, click the bulleted list dropdown menu and select a bulletDiamond format.
  • To add the text to a numbered list, click the numberList numbered list icon. To change the format of the list, click the numbered list dropdown menu and select a bulletLowerAlpha format.
  • To set the text's line height, click the lineHeight  line height dropdown menu and select a height
  • To increase or decrease the text's indent, click the indent increase indent or decrease indent icons. 
  • To remove styling applied to the text, click the removeTextStyle clear styles icon. 
  • To add additional formatting, click the More dropdown menu and select the strike strikethrough, superscript superscript, or subscript subscript icon
  • To format the text as code, click the More dropdown menu and select the code code format icon. 

set-text-formatting-in-lists
Add elements to rich text modules

  • Navigate to your content:

    • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
    • Blog: In your HubSpot account, navigate to Marketing > Website > Blog.
    • Knowledge Base: In your HubSpot account, navigate to Service > Knowledge Base.
    • Email: In your HubSpot account, navigate to Marketing > Email.
  • Hover over your content and click Edit
  • In the content editor, click a rich text module to activate the rich text toolbar at the top of the editor. 
  • To insert a link, highlight text, then click the link insert link icon. Learn more about working with links in HubSpot
  • To insert an image, click the insertImage insert image icon. Learn more about working with images in HubSpot
  • To insert an emoji, click the emoji insert emoji icon. 
  • To insert a call-to-action, click the Insert dropdown menu, then select Call-to-action. Learn more about working with calls-to-action in HubSpot
  • To insert an embed code, click the Insert dropdown menu, then select Embed. Learn more about embedding content in HubSpot
  • To insert a video, click the Insert dropdown menu, then hover over Video and select HubSpot video or external video. Learn more about working with videos in HubSpot.
  • To insert a table, click the Insert dropdown menu, then hover over Table and select the dimensions of your table. Learn more about working with tables in HubSpot
  • To insert a special character, click the Insert dropdown menu, then select Special character. In the pop-up box, click a special character
  • To insert a special character, click the Insert dropdown menu, then select Icon. In the pop-up box, click an icon. Learn more about working with icons in HubSpot
  • To insert an anchor link, click the Insert dropdown menu, then select Anchor. Learn more about working with anchor links in HubSpot
  • To insert a horizontal line, click the Insert dropdown menu and select Horizontal line
  • To insert a non-breaking space, click the Insert dropdown menu and select Non-breaking space
  • To insert a personalization token, click Personalize. In the pop-up box, click the Type dropdown menu and select a token type, then click a token. Learn more about working with personalization tokens in HubSpot

add-elements-to-content

Use advanced editing features in rich text modules

  • Navigate to your content:

    • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
    • Blog: In your HubSpot account, navigate to Marketing > Website > Blog.
    • Knowledge Base: In your HubSpot account, navigate to Service > Knowledge Base.
    • Email: In your HubSpot account, navigate to Marketing > Email.
  • Hover over your content and click Edit
  • In the content editor, click a rich text module to activate the rich text toolbar at the top of the editor. 
  • To access the module's source code, click the Advanced dropdown menu and select Source code. In the dialog box, edit the source code, then click Save changes.

Please note: source code access is not available for rich text modules on landing pages built with starter templates.

  • To view your content separated into blocks of content, click the Advanced dropdown menu and select Show blocks. To view the content without blocks again, click the Advanced dropdown menu and select Hide blocks. Neither option will affect how your content appears to visitors.
  • To import the content of a Google Doc into the rich text module, click the Advanced dropdown menu, then select Import Google Doc. In the dialog box, connect HubSpot and Google Drive if they are not yet connected, then select a file.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.