Website Layouts
Layouts are reusable page structures that define the shared layout for multiple pages across your website. Instead of manually configuring the same header, footer, and sidebar on every individual page, you build a layout once. Any updates you make to that layout automatically cascade to all referenced pages, ensuring a consistent experience for your visitors while saving you hours of repetitive work.
Why layouts matter
The Layouts List
When you open Website > Layouts, you'll see a complete directory of your existing layouts organized in a central table.
Layouts Dashboard
Manage your reusable page structures from a centralized list.
Creating a new layout
How layouts work
Think of a layout as the structural frame for your website's content. It controls exactly what appears above, below, and beside your main content area, while individual pages simply fill in the middle.
You build these reusable layouts by arranging special placeholder blocks directly within the visual editor. This ensures a consistent experience across your site without the repetitive work of rebuilding layouts page by page.
Most layouts follow a familiar top-to-bottom structure: a header section at the top for navigation, a body section in the middle for the unique page content, and a footer section at the bottom.
However, layouts are flexible enough to handle specialized designs. A more complex layout might use a two-column structure, placing a sidebar beside the body to surface related links and categories. Conversely, a minimal landing page layout might skip the footer entirely to keep visitors focused on a single call to action.
The layout editor
Building layouts uses the exact same visual editor you already use for pages, headers, and footers. This familiar interface is divided into three main areas to help you construct and preview your shared layouts efficiently.
Visual Layout Editor
Build your shared layouts using the visual layout editor. Arrange placeholder blocks on the canvas, manage your layers, and easily switch between languages using the top toolbar before saving your changes.
How pages reference layouts
What happens when you change a layout
Deleting a layout
If you delete a layout that is currently in use, any associated pages immediately lose their structural foundation. Without that shared layout, those pages will render as plain content—missing their header, footer, and sidebar. To restore their full appearance, you must either assign them to a new layout or manually configure their layout elements individually.
Tips for Using Layouts Effectively
FAQ
Those pages will lose their layout association and render without the layout's header, footer, and sidebar until you assign a new layout or set those elements directly.
This is usually a conflict between direct and layout assignments. If a page uses a layout, the layout's header applies automatically. However, if the page's direct Header setting is set to "None", it will override the layout. Check the Design tab in page settings.