Blocks and sections
Every block explained
The full catalogue of blocks, grouped by what they do, with what each one is for.
- 3 minute read
- One interactive walkthrough
- For everyone editing a page
How the catalogue is organised#
Blocks are grouped into Headers, Content, Business, Media, Engage, Layout, Advanced, Shop and Connected. The group is a guide to where a block sits in a page, not a restriction: a contact form works as happily mid-page as at the bottom. The Shop blocks appear when the website has a shop or a product catalogue.
Two things mark a block as special in the Add panel: a Pro badge, shown when the plan for the website does not include it yet, and a dashed outline, meaning the block is connected and asks for a Cube app before it can fill itself with real data.
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 3
The groups
Eight groups, each holding the blocks for a kind of job. A contact form works as happily mid-page as at the end.
Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.
Good to know: Blocks that a plan or a connection cannot support are listed honestly rather than hidden, so you can see what a different plan or a connected Cube app would add.
The blocks#
The table below is the whole catalogue. Every block declares its fields once, and that same list drives the inspector, the AI writer and validation, which is why the same block behaves the same way wherever it appears.
| Block | Group | What it is for |
|---|---|---|
| Hero | Headers | The big opening section: heading, sentence, button, image |
| Slideshow | Headers | Several opening slides that take turns |
| Page title | Headers | A plain title band for the top of a page |
| Features | Content | A row of short points with icons |
| Image and text | Content | A picture beside a paragraph or list |
| Services | Business | What you offer, each with a one-line description |
| Places map | Media | One or more locations on a map |
| Breadcrumbs | Layout | The trail of pages leading to this one |
| Pages in a section | Content | Links to a set of pages |
| Numbers | Content | A few statistics or facts, kept honest by you |
| Testimonials | Business | Quotes from customers, entered by hand |
| Meet the team | Business | People with photos and roles |
| Gallery | Media | A grid of images |
| Image | Media | A single picture, shaped as you choose |
| Video | Media | A Video embedded from the library |
| Map | Media | A single address map |
| Prices | Business | Plans or packages with their prices |
| Questions | Content | Frequently asked questions, as disclosures |
| Contact form | Business | A form that feeds the Messages inbox |
| Call to action | Engage | A strong closer: sentence and button |
| Logos | Media | Client or accreditation logos |
| Steps | Content | A numbered process |
| Text | Content | Free text with headings and lists |
| Latest posts | Engage | The newest blog posts |
| Countdown | Engage | Counting down to a date or time |
| Pull quote | Content | One sentence, set large |
| Timeline | Content | A history or sequence with dates |
| Opening hours | Business | Days and hours, with the open state shown |
| Price list | Business | A simple list of items and prices |
| Comparison table | Business | A table comparing options |
| Checklist | Content | A list of ticks |
| Banner | Engage | A colour band with a short message and link |
| Social links | Engage | Links to social profiles |
| Email sign-up | Engage | A field and button feeding the Subscribers list |
| Custom code | Advanced | Your own HTML, on Pro, in a sandbox |
| Space | Layout | Deliberate empty space |
| Divider | Layout | A rule between sections |
| Columns | Layout | Two or more columns of other blocks |
| Basket | Shop | The basket for the website's own shop |
| Products | Shop | Featured products, a category or a collection |
| Product spotlight | Shop | One product, shown large |
| Shop categories | Shop | Tiles leading to your categories |
| Product search | Shop | A search box for your products |
| Products from CubeERP | Connected | Items from a connected CubeERP |
| Client portal | Connected | A door into a connected portal |
Choosing well#
Most professional pages need fewer blocks than people expect: a hero, a services or features section, something that proves the claims, a form, and a closer. The rest are for particular stories.
When two blocks could both fit, prefer the one whose fields match your content exactly. Changing a block for another later keeps your section content where the fields match, but a tidy fit is still less work than a near miss.
- The page opens with a hero
- Every claim has something behind it
- There is a way to get in touch
- The end has a clear next step
Common questions
Are all blocks available on every plan?
Most are. Custom code and the Shop blocks are Pro, and the connected blocks arrive with Cube apps through CubeConnect.
Can I get a block that does not exist?
Tell support what it would need to do. The catalogue grows with real requests rather than guesses.
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.