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.