Create a Footer for WordPress

The WordPress front page can consist of a header image, a post or page, and then a footer section at the bottom of the page. The default footer section is found within the widgets section of WordPress. Note that footer positioning and appearance may vary based on the theme that you are using.

The following tutorial will walk you the steps to add a footer to your WordPress site through the Widgets section in the Dashboard and the Customize section using the Twenty-twenty theme.

Don’t feel like reading? Watch our tutorial on creating a footer in WordPress!

Need a new home for your WordPress site? Check our BoldGrid recommended WordPress Hosting solutions!

How to Add a Footer using Widgets in the WordPress Administrator Dashboard

  1. Login to the WordPress Administrator Dashboard.
  2. Click on Appearnce in the menu Click on Appearance
  3. Click on Widgets Click on Widgets
  4. Select the Widget to add to the footer When you look at the Widgets page you will see that the widgets are organized into two groups: Available Widgets and Inactive Widgets. Depending on the theme you may already see the footers listed in the right column. This example is using the Text widget as an example. You can select a widget of your choice from the Available widgets if you’re not following this example. When the arrow is click in the widget there is a preset choice of footers that you can select. This screenshot shows footer #1 as being selected. This places the text on the left side of the page.
  5. Edit or add content to the widget Once the widget position has been selected, you can edit it to add content. Since this is a Text widget, you will be adding text to it. You can title the text widget and then add text or other media to it. Click on the blue Save button once you’re done dding content.
  6. Visit the site to see the saved footer You can view the widget that was added by visiting the site. The screenshot shows the added footer widget from the Administrator Dashboard.

Adding a Footer Using Customize

  1. There are few ways to get into the Customize option to make changes to the theme. To make changes you will need to log in as an Administrator. First, Login to the Administrator. You can find the Customize option in the Appearance section of the main menu, or you can click on the domain name for your site in the top left corner. You will see the site and a Customize link appear in the top left corner. Click on Customize to proceed.
  2. Select Widgets from Customize menu Click on Widgets in the menu.
  3. Select a footer Click on the Footer that you want to use. The Twenty Twenty theme has two preset footers.
  4. Click on the Add a Footer button Click on the Add a Footer button.
  5. Pick a widget from the list You will a Select the widget that you want to use for your footer. This tutorial uses the Text widget.
  6. Edit or add Content to the widget you have selected Edit your added widget. The text widget allows you to add a title, text, or other media. If there are multiple widgets in the footer you can also set their order. Click on Done when you’ve finished adding your text or editing your widget.
  7. Select Static Page To save your changes you will need to click on the Publish button. You can then scroll to the bottom of the page to see the added footer.

Congratulations! You now know how to add a footer in WordPress. You can learn more about how to use WordPress by going to our WordPress Hosting Product Guide.

AC
Arnel Custodio Content Writer I

As a writer for InMotion Hosting, Arnel has always aimed to share helpful information and provide knowledge that will help solve problems and aid in achieving goals. He's also been active with WordPress local community groups and events since 2004.

More Articles by Arnel

6 Comments

  • How do you get the widget to be longer length wise, right now mine is tall and short and I would like it to be longer

    • Hello Allyson,

      Thank you for your question. To do this you will need to modify the CSS for your theme. Look for the section in the widget CSS that pertains to “width” and modify that value to increase the width. This can be done by opening the style.css file in your theme.

      Best Regards,
      Alyssa K.

Was this article helpful? Let us know!