How to Use Flexible Columns in Hubspot Pages

Designing responsive, modular layouts in Hubspot page templates becomes much easier when you understand how flexible columns work. This guide walks you through creating, editing, and managing flexible column areas so you can update content without repeatedly changing your templates.

Flexible columns let you add, remove, and rearrange modules in specific parts of a page while keeping the overall structure controlled at the template level. They are ideal for marketers and content editors who need layout freedom inside a defined design system.

What Are Flexible Columns in Hubspot?

Flexible columns are special layout regions inside a Hubspot page template that allow content creators to:

• Insert and reorder modules directly on the page editor
• Use different module combinations from page to page
• Preserve the main layout defined by the designer or developer

Instead of locking a page into a fixed set of modules, a flexible column gives a controlled but customizable area. On supported template types, this is one of the most powerful layout tools inside Hubspot.

Where Flexible Columns Work in Hubspot

Flexible columns are supported only in templates created with the drag-and-drop layout system. Depending on your subscription and theme, you may see them in:

• Website page templates
• Landing page templates
• Blog listing and blog post templates

If your template is built on the older coded layout system, ask your developer or theme provider about migrating to a drag-and-drop layout so you can take full advantage of flexible columns in Hubspot.

How Flexible Columns Behave on Different Hubspot Templates

Flexible columns behave slightly differently depending on the type of template you are editing in Hubspot. Understanding these differences will help you plan your content layout correctly.

Flexible Columns on Website and Landing Page Templates

On regular website and landing page templates, a flexible column is editable directly in each individual page. Every page that uses the same template can have:

• Different numbers of modules
• Different orders of modules
• Different content in each module

This allows marketers to build unique layouts for each page while designers still control the general structure in Hubspot.

Flexible Columns on Blog Listing Templates in Hubspot

When used on a blog listing template, a flexible column is managed in a slightly different way. The layout is controlled from the listing template, but the content is typically driven by blog and post settings instead of manual modules per page.

In most setups, flexible columns on blog listing templates are best leveraged by Hubspot developers or advanced users who configure how dynamic content is displayed.

Flexible Columns on Blog Post Templates in Hubspot

On blog post templates, flexible columns usually appear within the main post body region. Instead of using only a classic rich text editor, the editor can place modules like:

• Rich text areas
• Calls-to-action
• Forms
• Custom modules

This gives content teams the flexibility to create rich, modular blog posts in Hubspot while still respecting the overall blog design.

Adding a Flexible Column to a Hubspot Template

To make a portion of a template customizable, you add a flexible column directly in the design tools. Below is a general process you would follow in the design manager of Hubspot.

1. Open your template in the design manager.

2. Locate the section where you want editors to have layout flexibility.

3. Add a flexible column area (often inserted similarly to other layout elements).

4. Configure default modules inside the flexible column if you want a starting layout.

5. Save and publish the updated template so it becomes available to pages.

After publishing, any page using that template will show a flexible region where modules can be added, reordered, or removed within Hubspot.

Editing Flexible Column Content on a Hubspot Page

Once a template includes a flexible column, editing content in that area is done from the page editor. The editor provides a modular interface where you can quickly change layout without touching the underlying template.

Steps to Edit Flexible Columns on a Page

1. Open the page in the content editor.

2. Locate the flexible column area in the editor sidebar or directly on the canvas.

3. Click to expand the flexible column region so you can see its modules.

4. Add new modules by dragging them into the flexible column area.

5. Reorder modules by dragging them above or below one another.

6. Remove modules that are no longer needed.

7. Click into each module to customize its content and settings.

These actions apply only to the current page. Other pages that share the same Hubspot template will not be changed.

Best Practices for Using Flexible Columns in Hubspot

To keep your content manageable and your site consistent, follow these best practices when working with flexible columns in Hubspot.

Set Clear Layout Boundaries

Do not turn your entire template into one big flexible column. Instead:

• Use flexible columns for sections that truly need variety.
• Keep headers, footers, and core structural areas fixed.
• Define reusable, consistent rows for standard content.

Limit Module Types in a Flexible Column

Too many available modules can create inconsistent layouts. In Hubspot, plan which modules belong in each flexible region, such as:

• Rich text and image modules for editorial sections
• Form modules for lead capture areas
• CTA modules for conversion-focused rows

This keeps the design controlled while allowing flexibility in order and combinations.

Use Default Content as a Starting Point

When building templates, consider adding a default arrangement of modules into each flexible column so editors have a reference layout. In Hubspot, these starting layouts can include:

• A heading module
• Text or rich text modules
• A button or CTA module

Editors can then customize or remove elements as needed.

Troubleshooting Flexible Columns in Hubspot

If you run into issues while working with flexible columns in Hubspot, review the following checkpoints.

• Flexible column not visible on a page: Confirm that the template actually includes a flexible column and that you are editing the correct template.
• Changes not appearing on live site: Publish both the template and the page and clear any caching if applicable.
• Modules not behaving as expected: Check module settings and ensure they are compatible with flexible areas in Hubspot.

For detailed, official technical instructions on flexible columns, refer directly to the Hubspot knowledge base article at this external documentation.

When to Work With a Hubspot Developer

While marketers can often manage flexible columns on their own, there are times when a Hubspot developer or technical specialist should step in, including when you need:

• Custom modules tailored to your brand and functionality
• Complex responsive behavior across multiple breakpoints
• Migration from older templates to modern drag-and-drop layouts

Agencies and consultants experienced with Hubspot can optimize your templates so that flexible columns remain easy to manage for non-technical editors. For professional help designing scalable page systems, you can explore services from specialists such as Consultevo.

Next Steps for Mastering Flexible Columns in Hubspot

Flexible columns are one of the most effective ways to give editors layout control inside Hubspot while keeping templates consistent and maintainable. Start by identifying sections of your pages that need variety, add flexible columns to those areas in your templates, and then train your team on how to safely add and manage modules.

As you become more comfortable, you can expand your use of flexible columns across more page types, refine your set of available modules, and gradually build a robust, modular content system inside Hubspot.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`