Website sidebars
A sidebar is a reusable panel that sits next to the main content of a page or a blog post. It holds related links, categories, recent posts and calls to action, so a reader can move on without going back to the navigation. Blog layouts and knowledge base articles are where it earns the space.
The sidebars list
The Sidebars screen
Every sidebar in the project sits on one screen. Create Sidebar in the top right starts a new one.
Creating a new sidebar
The sidebar editor
A sidebar is built in the same block-based visual builder as your pages, headers and footers. Add sections, drop in blocks and the panel takes shape on the canvas.
A new sidebar in the builder
A sidebar starts empty. Add a section, then fill it with blocks from the panel on the left.
How sidebars connect to your pages
A sidebar does not appear on a page on its own. It is attached through a layout, which controls the structure around your content.
Every block has its own settings
Select a block inside a sidebar and its settings open on the left. A knowledge base categories block, for example, takes the app it reads from, a counter, a card style and switches for the descriptions and the article counts, alongside the margin, padding, background, border and responsive controls every block carries.
Sidebar settings
The settings dialog
Rename the sidebar, copy its ID and read its created and last updated times, all without leaving the builder.
Tips for effective sidebars
FAQ
Frequently asked questions
A narrow screen has no room for two columns, so the sidebar drops below the main content. Read the sidebar as if it followed the article and check that it still reads that way.
Select the Sidebar block in the layout and lower its width. Fewer columns for the sidebar leaves more for the main content.
Yes. Build one sidebar per purpose, then point each layout's Sidebar block at the one that layout should use.