CMS-General

How can I add a gallery module to my page?

Last updated: November 12, 2018

Applies to:

Marketing Hub
marketing-basic-pro-enterprise
Professional, Enterprise
Legacy Marketing Hub Basic
HubSpot CMS

HubSpot's Image Gallery module allows you to add a group of images to a page. Follow the instructions below to add a gallery module to your template and make edits to the module at the page-level. 

Edit your template in the design manager

  • In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.
  • Click on the name of your template to open it.
  • Click the + Add tab in the right sidebar menu.
  • Use the search bar to search for the Image Gallery module. Click and drag the module into your template.
  • Click Publish changes when you're done editing.

Edit your Image Gallery module on the page-level

  • Navigate to Content > Landing Pages or Website Pages and create a new page using the template you just edited. You can also edit an existing page and swap the template.
  • Click the Image Gallery module in the editor.
  • Click + Add image to add an image to the gallery.

add-image-gallery.gif

  • Use the dropdown menu to choose the type of gallery (standard slider, thumbnail navigation, or lightbox gallery).

dropdown-slider.gif

  • Click Edit to add captions, links, and adjust alt text for individual slides.

  • Click the Settings tab to adjust the slideshow settings, transition, sizing, and caption position.

  • When you have finished configuring the module options on the page, click Save and go to module list to save your changes. 
  • Click Publish or Update to take your changes live.
gallery-slideshow.gif