How to use Header, Content, Footer
Learn about three main working areas for pages in your website builder - Header, Content, and Footer
1. Any page is separated into three main sections: Header, Content, Footer
The Header and Footer are special areas that appear consistently across all or selected pages of your site.
You use them to add content that should stay the same on every page, such as:
– Logo
– Navigation Menu
– Contact Info
– Social Media Icons
– Copyright notice
To edit them, open any page and click on the Header or Footer section. You can drag and drop widgets inside, just like with the rest of the page. Any changes you make to the Header or Footer will automatically update on all pages where they are active.
Header
2. Click on the Header section to add widgets to it from the left side panel. Alternatively, you can use the Simplified Editing panel below to quickly add widgets and blocks
Notice that the Content section is greyed out when editing the Header or Footer because these sections are managed separately. This prevents accidental changes to the main page content while you focus on editing the shared Header or Footer, which appears across multiple pages.
3. Click "Save" to confirm the changes
Content
4. The Content section is where you build the unique content of each page, like text, images, and widgets specific to that page.
Unlike the Header and Footer, which stay the same on all pages, the Content section is different on every page and holds the main information visitors come to see.
Drag and drop widgets from the left side panel or use the Simplified Editing panel to quickly add widgets and blocks
5. Click "Save" to confirm the changes
Footer
6. Edit the footer. Drag and drop widgets from the left side panel or use the Simplified Editing panel to quickly add widgets and blocks
7. Enable the "Sticky" effect for the footer. If enabled, this feature allows you to pin the footer section to the bottom part of the page. You can also enable Sticky on mobile with the corresponding checkbox
8. Click "Save" to confirm the changes
9. The example above was demonstrated to show you the structure of the page. With default headers and footers that come with our website builder, the page will look something like this. You can also download blocks with premade content for all three sections
Additionally, please refer to this guide on how to manage Headers and Footers