Adding Content to the Footer

Last Updated on

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

In this article


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.

Adding content to footer - footer content

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

Adding content to footer - footer content

3
Configure the widget settings and click Save.
x
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.

Adding content to footer - footer content

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

Adding content to footer - footer content

4
Publish or update the page.
5
Follow the section above to assign widgets to your specified widget area.

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.

Adding content to footer - footer content

 

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

Adding content to footer - footer content

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

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

Adding content to footer - Button settings

5
Switch to the backend by clicking on Classic Mode.

Adding content to footer - footer content

6
Copy the generated shortcode.

footer content

7
Leave the page without saving.

To add the shortcode to the footer:

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

Adding content to footer - footer content

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

Adding content to footer - footer content

3
In the text widget content, paste your shortcodes.

Adding content to footer - footer content

4
Click on Save.

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.

Adding content to footer - footer content

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

Adding content to footer - footer content

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

4
Click on Save.

The sub footer content consists of the copyright text and navigation. Both can be changed and customized, which we’ll explain below.

To configure the copyright text:

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

footer content

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

footer content

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>

footer content

To configure the sub footer navigation:

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

footer content

2
Enable Sub Footer Navigation.

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

footer content

5
Click on Create a New Menu.

footer content

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

footer content

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

footer content

8
Click on Save Menu.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket