Footer Widget

A footer is a bar at the bottom of a web page with useful information and navigation elements. For example, it may include your logo, company’s contact details, links to essential website pages and legal documents, social media links, and so forth.

With Boxmode, you can either go with a footer embedded in your chosen template or add a Footer widget manually (if you start with a blank theme.)

Adding the footer

To add the footer on your page, please follow these steps:

1. Click on the + button on the Left Panel when in the editor;
2. Choose a Footer widget and pick a preferred widget template, if necessary. 
3. Drag the widget to the canvas and drop it wherever you need it (the drop area will be highlighted).
4. When you have already dragged the widget, a window pops up with a request to add it to all pages or only to the current one.

In our Widgets Overview article, you can learn more about the widget’s general settings (how to move, resize, and delete it).

Editing the widget

To start editing the Footer widget, click on it to call up its controls. The widget editing menu contains the controls Design, Layout, and Templates. So, you can customize the widget in multiple ways.

Design

Here you can set the Footer widget’s visual parameters such as borders, shadows, and background. To set additional parameters of the borders and shadows, move the corresponding toggle switches. 

Layout

Here you can adjust and rearrange elements inside the Footer widget. You can control content alignment and set the widget’s paddings.

Templates

Here you can choose among several predefined footer designs, depending on your needs and preferences.

Editing elements inside the widget

The Footer widget includes multiple basic elements and widgets you can edit individually. For example, you can move, resize, edit, or delete a logo, a navigation menu, or buttons. Click on the element you want to change to call out its controls and choose the desired option. To edit text, double click on the text block.

Also, you can display important information on your website with the Header widget. Learn more about this widget in our Header Overview article. 

We hope this article helped you understand how to use and customize the Footer widget.

Now, it’s time to use and customize the Footer widget on your website.

Go to Editor