Generator Onboarding

Intro to Sections and Generator's Pre-Built Sections Library

Written by Dave Roma | May 13, 2026 9:58:16 PM

Understanding the Page Structure

Before working with sections, it helps to know how pages are built in the Generator theme. Pages are made up of three nested layers: sections contain columns, and columns contain modules. For example, an image module and a rich-text module might sit side by side inside a column, which lives inside a section. This hierarchy is what makes Generator a true drag-and-drop theme.

Adding a Section to Your Page

As you build out a page in the HubSpot page editor, look for the Add Section button. Click it to open Generator's pre-built sections library. This library contains a wide range of commonly used page layouts — FAQ sections, content tabs, feature blocks, and more — all ready to drop into your page.

For example, to add a frequently asked questions section, find it in the library and click to import it. The section will appear on your page with its modules already in place and configured.

Why Use Pre-Built Sections Instead of Individual Modules

You can absolutely build pages by dragging individual modules onto the canvas using the plus (+) button — Generator supports this fully. But pre-built sections offer a meaningful advantage: the modules inside them are already styled and arranged for you.

If you were to drag a Tabs V2 module onto the page on its own, you'd need to style it from scratch. Importing a pre-built section that includes Tabs V2 gives you that module pre-styled and ready to go. This saves significant setup time.

Adapting Sections to Your Brand

Pre-built sections are intentionally minimal in their styling. They're built with structure in mind, not brand-specific design. This makes it straightforward to apply your own colors, typography, and brand kit on top of the existing layout.

For instance, after importing an FAQ section, you can quickly add a gradient background, update the accordion module's styles, or adjust any other visual property to match your brand.

Best Practice: Check the Library First

Before building a page from scratch using individual modules, browse the sections library. There's a good chance a layout you need already exists as a pre-built section. Starting from a section is almost always faster than assembling the same layout module by module.