Elements are the building blocks of every page. The visual builder’s element library gives you a rich collection of them—from full hero sections and card grids down to individual buttons and links—so you can compose any layout you can imagine.
The library draws on the same elements that power our themes, ready to add and arrange visually.
Browsing the element library
When you add an element, the builder opens the element library, searchable and grouped by category, so you can quickly find what you need:
| Group | Examples |
|---|---|
| Basic | Headings, paragraphs, badges, buttons, links, images, icons and search. |
| Layout | Containers, rows, columns, sidebars, cards, lists and dividers. |
| Content | Hero sections, popular keywords, custom blocks, contact blocks, category lists, promoted articles, calls to action and more. |
| Navigation | Navigation, nav links, page and article navigation, breadcrumbs, tables of contents and pagination. |
| Global | The footer, notification and language selector. |
Many elements also pull in live data from your help center—such as article lists, section lists, search results, requests and community posts—so the structure you build stays in sync with your content.
Previewing variants
Most elements come in several ready-made design variants. The library renders a live preview of each one, so you can see exactly how it will look before you commit. When you find the design you want, click it to insert the element.
Smart, context-aware placement
The library only offers elements that make sense where you’re adding them—based on the current page, the container you’re adding into and the type of theme. Newly added elements arrive pre-styled from your global styles and global elements, so they fit your brand from the moment they appear.
Once an element is on the page, you can change its content and styling (editing elements) and reposition or remove it (moving, hiding and removing elements).