BETA

Customize link and image settings in rich text modules (BETA)

Last updated: January 5, 2021

In Beta

Applies to:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

In the rich text editor, you have access to a contextual toolbar that only displays the tools needed to edit the selected element. You have access to the contextual toolbar when editing the following elements on your pages: 

  • CTAs
  • Images
  • Videos
  • Embeds
  • Icons

When editing a link or image in a rich text module, you can use advanced editing options to include link attributes with your links, or apply lazy loading to your images.

Apply lazy loading to your content

You can apply lazy loading to images inserted into the rich text editor so the images only load if a visitor scrolls to this content on your page. This can help your page load faster. Lazy loading can be applied to embedded iframes and videos as well as images inserted into the rich text module using the toolbar. 

  • In your HubSpot account, navigate to your website pages, landing pages, or blog.
  • Hover over the page or post to edit and click Edit.
  • Click the image to edit, then in the toolbar, click the pencil icon edit.
  • If you embedded an iframe, in the popover, click the Lazy Loading dropdown menu and select Lazy. Then click Apply.

lazy-load-to-embedded-image

  • If you inserted the image into the rich text module, in the popover, click Advanced in the upper right.
    • Click the Lazy Loading dropdown menu and select Lazy
    • Click Back.
    • Click Apply.

lazy-load-for-inserted-image

You can include link attributes that give search engines more information about how to understand this link in relation to your own content. You can select multiple attributes for a single link. This is optional.

  • In your HubSpot account, navigate to your website pages, landing pages, blog or email.
  • Hover over the page, post, or email to edit and click Edit.
  • Click the link to edit, then in the toolbar, click the pencil icon edit.
  • In the upper right, click Advanced.
  • Select any attributes that describe your link type:
    • Regular: a direct link to content without any sponsorship.
    • No follow: this link isn't associated with your website.
    • Sponsored: this link is a sponsored link or an ad.
    • User generated content: this link leads to user-generated content, such as a blog comment or a forum discussion.

advanced-link-options

  • Click Back.
  • Click Apply.