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.
In this article
- Adding Widgets to the Footer
- Inserting a Shortcode in the Footer
- Inserting HTML Codes in the Footer
- Configuring the Sub Footer Content
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:
1. From the WordPress left menu, go to Appearance > Widgets.
2. On the Widgets page, drag and drop one of the widgets into one of the footer widget areas.
3. Configure the widget settings and click Save.Note: The footer widget area the can be used depends on the footer layout. To learn more about the footer layout, check out the Configuring the Footer article.
Adding Page Specific Widgets
To add page specific widgets:
1. From the WordPress left menu, go to Pages and pick your page.
2. Scroll down to Jupiter Widget Options.
3Assign your desired widget area to one of footer columns.
4. Publish or update the page.
5. Follow the section above to assign widgets to your specified widget area.
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:
1. From the WordPress left menu, go to Pages > Add New.
2. From the Visual Composer Screen, click on the + icon
3. In the Add Element pop-up screen, search for Button and click on it to be added to the page.
4. Configure the button in the Button Settings pop-up and click on Save Changes.
5. Switch to the backend by clicking on Classic Mode.
6. Copy the generated shortcode.
7. Leave the page without saving.
Adding the Shortcode to the Footer
To add the shortcode to the footer:
1. From the WordPress left menu, go to Appearance > Widgets.
2. On the Widgets page, drag and drop the text widget and into one of the footer widget areas.
3. In the text widget content, paste your shortcodes.
4. Click on Save.
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.
1. From the WordPress left menu, go to Appearance > Widgets.
2. On the Widgets page, drag and drop the text widget into one of the footer widget areas.
3. In the text widget content, add your HTML codes:
<img src="https://myaccount.lerws.com/wp-content/uploads/logo-lerws.jpg" alt="LERWS Logo - footer content" height="298" width="90">
<p style="color: blue">Some text below the logo</p>
4. Click on Save.
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:
1. From the WordPress left menu, go to Theme Options > Footer > Subfooter.
2. Enter your copyright text to the Sub Footer Copyright Text input field.
3. Click on Save Settings.
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:
1. From the WordPress left menu, go to Theme Options > Footer > Subfooter.
2. Enable Sub Footer Navigation.
3. Click on Save Settings.
4. From the WordPress left menu, go to Appearance > Menus.
5. Click on Create a New Menu.
6. Give your menu a name and click on Create Menu.
7. Add menu items from the column on the left. In Menu Settings, tick Footer Navigation.
8. Click on Save Menu.