Adding Content to the Footer

Updated on January 3, 2019

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 content to footer - 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:

1From the WordPress left menu, go to Appearance > Widgets.

Adding content to footer - footer content

2On the Widgets page, drag and drop one of the widgets into one of the footer widget areas.

Adding content to footer - footer content

3Configure the widget settings and click Save.

Adding Page Specific Widgets

To add page specific widgets:

1From the WordPress left menu, go to Pages and pick your page.
2Scroll down to Jupiter Widget Options.

Adding content to footer - footer content

3Assign your desired widget area to one of footer columns.

Adding content to footer - footer content

4Publish or update the page.
5Follow 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:

1From the WordPress left menu, go to Pages > Add New.

Adding content to footer - footer content

 

2From the Visual Composer Screen, click on the + icon

Adding content to footer - footer content

3In the Add Element pop-up screen, search for Button and click on it to be added to the page.

Adding content to footer - footer content

4Configure the button in the Button Settings pop-up and click on Save Changes.

Adding content to footer - Button settings

5Switch to the backend by clicking on Classic Mode.

Adding content to footer - footer content

6Copy the generated shortcode.

footer content

7Leave the page without saving.

Adding the Shortcode to the Footer

To add the shortcode to the footer:

1From the WordPress left menu, go to Appearance > Widgets.

Adding content to footer - footer content

2On the Widgets page, drag and drop the Text widget into one of the footer widget areas.

Adding content to footer - footer content

3In the Text widget Content, paste your shortcodes.

Adding content to footer - footer content

4Click 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.

1From the WordPress left menu, go to Appearance > Widgets.

Adding content to footer - footer content

2On the Widgets page, drag and drop the Text widget or Custom HTML widget into one of the footer widget areas.

Adding content to footer - footer content

3In the Text widget Content, add your HTML codes:

<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>

4Click 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:

1From the WordPress left menu, go to Theme Options > Footer > Subfooter.

2Enter your copyright text to the Sub Footer Copyright Text input field.

footer content

3Click 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>

footer content

Configuring the Sub Footer Navigation

To configure the sub footer navigation:

1From the WordPress left menu, go to Theme Options > Footer > Subfooter.

2Enable Sub Footer Navigation.

3Click on Save Settings.
4From the WordPress left menu, go to Appearance > Menus.

footer content

5Click on Create a New Menu.

footer content

6Give your menu a name and click on Create Menu.

footer content

7Add menu items from the column on the left. In Menu Settings, tick Footer Navigation.

footer content

8Click on Save Menu.

Related Articles

Did this answer your question?