The footer has two main sections. The first section is specific to widgets and can have up to six widget areas. The second section is a sub footer which includes copyright text and navigation. Widgets can be added globally into a footer, or can be page specific.
In this article, we’ll explain how to add widgets, shortcodes and HTML codes into the footer and configure the copyright text and navigation in the sub footer.
Adding Widgets to the Footer
The footer widgets (content) can be added globally so your footer has the same content across the whole website, or they can be added only to a specific page, so your footer differs from page to page.
Adding Global Widgets
To add global widgets:
Adding Page Specific Widgets
To add page specific widgets:
Inserting a Shortcode in the Footer
Visual Composer shortcodes can be added to the footer via the text widget. Below, we’ll explain how create a button shortcode to use in the text widget.
Creating the shortcode
To create the shortcode:
Adding the Shortcode to the Footer
To add the shortcode to the footer:
Inserting HTML Codes in the Footer
HTML codes can be added to the footer via the text widget. Below we’ll explain how to add a logo and text to the footer.
<img src="https://demos.artbees1.netdna-cdn.com/jupiter5/wp-content/uploads/2015/12/jupiter-logo-footer.png" alt="Jupiter Logo - footer content" height="180" width="180">
<p style="color: blue">Some text below the logo</p>
Configuring the Sub Footer Content
The sub footer content consists of the copyright text and navigation. Both can be changed and customized, which we’ll explain below.
Configuring the Sub Footer Copyright Text
To configure the copyright text:
The Sub Footer Copyright Text input field accepts HTML code, which means the text can be further customized and styled. Below is an example on how to change the copyright text color via HTML:
<p style="color:blue;">This copyright text is blue.</p>
Configuring the Sub Footer Navigation
To configure the sub footer navigation: