Creating and managing your website’s footer

Every website needs a footer, but creating and managing it seems to be at the bottom of the list almost each time people start building a website.

If you want to learn more about footers in general and how you can design a footer that creates trust, showcases your personality or business vision, and helps visitors navigate to the most important parts of your website, read our detailed blog post: How to design your site footer like we did.

If you want to learn how to edit the footer area from Rosa 2, you can keep reading.

First, let’s start with the definition. A website’s footer area is a section usually placed at the bottom of every page. Its purpose is to provide an easy way to access specific areas of a particular website, increase the trust visitors have in a certain company or service, and help them take the desired action

The website footer needs to be a top priority when creating a website, and you should build it at the same time as the website’s header

The footer is not a place where you cram various links that can’t live in the header. Instead, the footer should accomplish specific goals, and give visitors a second chance to take the desired action (e.g., sign up for your mailing list, schedule a call, view a product demo). Make sure you leverage the fact that it gives you enough room to display the most relevant things for you while being visible on every page your visitors see.

Let’s run through where you can find and customize your website’s footer while using Rosa 2:

  • From your WordPress Dashboard, navigate to Appearance → Block Areas.
  • In the new screen, you’ll see the Footer option. Click on the Edit button to start editing.

We built the footer for Rosa 2 entirely using default Gutenberg blocks. The advantage of using blocks is that you can add and remove them as you want, depending on your needs. 

We recommend using the Blocks Navigation tool to navigate the different columns and text areas, as shown below.

Edit footer with Block Navigation

The footer can be easily customized by using the available styles on the Group blocks. To access them, follow the instructions below:

  • Click on a blank area in the footer
  • In the right panel click on the Styles tab
  • Choose between the available styles (Default, Dark, Darker, Accent) until you find one that matches your preference.

The available colors are loaded consistently through the Style Manager, so they match your overall site design. To change your color palette using the Style Manager, you need to go to Appearance → Customize → Style Manager Colors.

Scrolling below the main footer, you’ll see the credits area. Editing this section is as easy as editing any piece of text on your website. 

Click on it and customize it as you want. Besides the Paragraph block available by default, you can also add links and other blocks to spread your message.

Examples of website footers

Get more newsletter subscribers

Using a few column blocks and integration with a newsletter plugin, you can use the footer to capture more subscribers from the people interested in learning more about you.

Footer focused on getting newsletter subscribers

Drive people to your other channels

Let your visitors know that you are active on different channels and encourage them to follow you there.

Showcase your location

Adding a maps block inside the footer can help your visitors locate your business faster and see how they can get there.

Make it easier for people to make a reservation

Using the Open Table integration, you can easily add a reservation booking system for easy access from every page of your site.

These are just a few examples. Make sure you make the best use of this area and adapt it to your most important goals.

Updated on July 9, 2020

Was this article helpful?