Blocks and sections
Add a section
The Add panel, quick add with the / key, and where a new section lands on the page.
- 3 minute read
- 3 interactive walkthroughs
- For everyone editing a page
The Add panel#
The Add rail holds everything a page can be given, grouped so you can find a thing by what it does rather than by its name in our catalogue. Blocks are single sections, from a hero to a price list. Patterns are ready-made groups, often two or three blocks that already look right together.
Adding is always insertion, never replacement. The new section appears where you chose it, and the rest of the page closes around it.
Add
Search blocks and patternsHeaders
Content
Business
Layout
Advanced
Blocks marked Pro come with a Pro plan. Connected blocks appear once CubeConnect is connected.
Step 1 of 4
Search or browse
Search takes ordinary words. Browsing takes patience; both end in the same place.
Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.
- 1Open Add and browse a category, or search.
- 2Click a card to add it below the section you had selected.
- 3Drag the new section into place from the Navigator if needed.
Quick add with the / key#
Press / (or the + button) on any page and the Add a section dialog opens with the search field ready. Type what you want in ordinary words: "map", "prices", "opening hours", "questions". The dialog explains exactly where the section will land: "It goes below Hero." or "It becomes the first section on this page."
Search checks both blocks and patterns, so a vague idea ("something for reviews") still finds the testimonials block.
Add a section
It goes below Hero.
Blocks
Patterns
Banner, then two columnsStep 1 of 4
Ordinary words
Type "prices", "map" or "opening hours". Search checks blocks and patterns together.
Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.
Good to know: New pages often start empty. The first section becomes the first thing on the page, and the dialog says so before you choose.
Control where it lands#
A new section is inserted after the selected one. When nothing is selected it becomes the first section on the page. To put a section between two existing ones, select the upper one first, or add it anywhere and move it from the Navigator.
The same rules apply from the right-click menu on a section: Move or add offers Move up, Move down, Add a section above and Add a section below.
Step 1 of 2
Move or add
Move up, Move down, Add a section above, Add a section below: the four moves that place anything.
Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.
Before you continue: Duplicate sections rather than re-adding them when you want identical content: a duplicate keeps every field and its styling.
Common questions
Can I add a section to every page at once?
Only the fixed rows, announcement bar, header and footer, live on every page. Everything else belongs to the page you are editing.
What is the difference between blocks and patterns?
A block is one section. A pattern is a group of sections, often two or three, saved together so they keep their arrangement.
Related guides
Something here out of date, or a step that did not match what you see? Tell us and we will correct the guide. Never send a password or an API token.