COS-General

How to add flexible columns to your template

Last updated: December 13, 2016

Available For:

Product: HubSpot Marketing
Subscription: Basic, Professional, & Enterprise

To create a flexible column on your HubSpot Website page or Landing page templates:

  • Click Content > Design Manager
  • Open a template for editing
  • Add a few modules to the template that can be paired in a group (try to add a few common defaults that marketers will most likely need)
  • Click the "Group" button at the top of Design Manager and click on the modules that should appear within that flex column by default
  • Click the blue "Create Group" button to create the group
  • Click the gear icon drop down in the newly created group and select the "Make Flexible Column" option
  • Click Publish Changes to save your work
User-added image
User-added image

Please note: You cannot make a flexible column within an Email template or Blog template - this can only be done in a Website or Landing Page template. 

You also won't be able to make a group into a flexible column if you have split modules within the group; all modules have to be full width. For example, the group below cannot be made into a flexible column because it has two modules that were split horizontally:

 

Related articles: