Community of experts
Best web-design companies and freelancers who can help you build a website with SiteW
Website creation guides and tutorials
The footer of your website is the area that appears at the bottom of each page, and allows to display additional information, and improve navigation. Adding a footer to your site brings many benefits, such as improving your website design and giving it more credibility. SiteW offers a specific function allowing you to easily configure your footer.
Your website footer is the area displayed at the bottom of each page of your website, regardless the height of the page. The blocks you add to your footer are automatically placed right below the last block of each page.
Most websites contain a footer because it is a zone where visitors are used to quickly finding practical information. The footer generally contains a menu, contact information, links to social media pages, and sometimes a button (or link) to go back to the top, etc.
Your footer will be compatible with the automatic and manual mobile views.
It can contain any block except the following ones:
The footer height works in the same way as your pages: it automatically increases, if you move a block downward. Resizing or moving one or more blocks automatically changes the footer height, if necessary.
Of course, it is not mandatory to have a footer; so you can deactivate it, in just one click, for your whole website, or just individual pages. To do so, you just need to uncheck “Display the footer”, after selecting “Use website main configuration” or “Customization of this page only”, in the Footer section of the Design tab.
The footer can be configured in two different ways:
To allow you to easily identify the type of footer (general or specific), the footer is outlined in orange when configured for the whole site, and in blue, when related to the current page.
There exist three methods to add a block to your footer:
(new block) : Directly drag a new block into the footer area.
(existing block) : Move an existing block to the bottom left corner, a label appears, drop the block in it.
(existing block) : Right click on an existing block, then select “Add to footer”.
Note that when a block is located at the bottom of the page, an icon displays (when selected) allowing you to add this block to the footer.
Similarly, you have the possibility to move a block from the footer to the main part of the site by dragging and dropping it into your page (it will automatically be removed from the footer).
In the footer, just like for the rest of the website, the Menu block manages the pages on which it is displayed. So the same Menu block can be displayed both in the general footer and in the specific footers (if it is configured this way).
The footer area acts as a “container” that contains different elements (blocks). You can add a background, here are the possible options:
By default, your footer displays in full screen. However, you can set your footer to have the same width as your content area.
The top margin defines the space between your footer and the bottom of the last block of the current page. Most of the time, we try to prevent the footer blocks from sticking to the blocks of the page. That’s why you can set a margin that allows to separate the footer from the page content. We call this margin the “top external margin”. You can set this margin, either by using the appropriate handle, or by using the cursor in the Footer section of the Design tab. The maximum value of the margin is 300 pixels.
This margin allows to add space between the bottom of the lowest block of the footer, and the bottom of the footer itself.
This margin is useful only if you have set a specific background (image/color/gradient), because it allows to separate the bottom of the footer, from the bottom of the lowest block of the footer. We call this margin the “internal bottom margin”.
To conclude, with the SiteW function specifically dedicated to footer, you will be able, in just a few clicks, to create a footer for all your website pages. The footers will automatically adapt to your content, without any intervention on your part. This will help you spare time and gain efficiency to create your website!
Last update: July 02, 2020