How to Create Custom Footer in GeneratePress in 5 Simple Steps

Updated on

Do you want to create custom footer in GeneratePress theme? If you are looking for a simple guide, keep reading this article.

The website’s header and footer are two essential elements. Since you add important information and links to other crucial pages via the header and footer, it’s better not to use the default header and footer without any customization to stand out.

The default site footer in GeneratePress is functional but limited when it comes to customization.

If you want to add footer widgets, navigation menus, or social media icons that match your brand, creating a custom footer is the best solution. If you are wondering how to do it, we have got you covered.

In this guide, weโ€™ll show you how to create a custom footer in GeneratePress step by step.

But before going further, let’s see why creating a custom footer in GeneratePress is a good idea.

A well-designed custom footer makes your WordPress website look more professional and user-friendly.

It provides a space for key elements like navigation menus, social media icons, and footer widgets, ensuring visitors can easily find important links at the bottom of the page. Adding copyright info, site name, or a newsletter signup also builds trust with your audience.

For websites built with the GeneratePress Premium theme, a custom footer improves responsive design, maintains brand consistency, and enhances user experience across devices.

It also enhances search visibility by incorporating structured links and relevant content, which enables search engines to understand your site’s layout more effectively.

How to Create a Custom Footer in GeneratePress theme
How to Create a Custom Footer in GeneratePress theme

Before we begin, we will be using the GeneratePress premium theme with the GenerateBlocks plugin.

Step 1: First, you have to install the GenerateBlocks plugin on your website. Once you have installed it, activate the plugin.

Activate GenerateBlocks - Create a Custom Footer in GeneratePress
Activate GenerateBlocks

If you have the premium version of GenerateBlocks, that’s great. You can use that too.

Step 2: Now, you need to enable the GP Elements module.

You can find the settings under the GeneratePress theme options.

Elements Module Activated
Elements Module Activated

Step 3: Now, you need to add a new element to the website.

Add New Element - Create a Custom Footer in GeneratePress
Add New Element

You need to choose the Block option from the dropdown.

Create Block Element - Create a Custom Footer in GeneratePress
Create Block Element

Next, you give a name to the Element.

My Custom Footer Element
My Custom Footer Element

The name is used for identification purposes only. For example, it is used for identifying the Element if you have multiple of them. The name won’t be visible in the front end of the website.

Next, if you check the right-hand side of the page, you can see an option called Element Type. There, you need to select ‘Site Footer’ as the element type.

Element Type
Element Type

If you opened the templates dropdown, you would see two pre-made options.

all templates
All Templates

You can pick any option you like from there. Both templates are 100% customizable. You can tweak the design of the templates using the GenerateBlocks plugin.

Step 4: You can edit all the existing content and update the template with your website’s information, important links, and so on.

footer edited
Footer Edited

If you check the right-hand side panel, you can see all the available customization options.

GenerateBlocks Settings
GenerateBlocks Settings

Step 5: The final step is to decide where to display the footer. If you scroll down, you can see the Location settings. From there, choose the entire site as the location.

Location Settings
Location Settings

Once you are done with the customization, publish the element and check the website’s footer from the front end.

Footer in Front End
Footer in Front End

You can adjust the footer layout and customize it to suit your preferences. If you spend few minutes customizing the footer, you can create a killer footer for your website.

That’s it!

This is how you can create a custom footer in GeneratePress theme.

Frequently Asked Questions

Now, we will take a look at some of the frequently asked questions regarding this topic.

Do I need GP Premium to create a custom footer in GeneratePress?

Yes. While the free version offers basic footer options, the GP premium plugin unlocks the block element and Elements module, which are essential to creating custom footer layouts with display rules and custom styling.

Can I add widgets like menus or social icons in my footer?

Absolutely. You can use widget areas with the menu widget, HTML widget, logo/image widget, or even an icon list widget. Many users also add an Instagram feed or a custom HTML block for branding.

How does the block element type work in footers?

With the block element type, you can build a footer using the block editor. This lets you design layouts with columns, custom menus, and primary navigation or secondary navigation links.

How can I make my footer look stylish and responsive?

You can customize the design with the style tab in the editor, add menu hover styles, drop shadow, or even use gradient style backgrounds. You can go through the available GenerateBlocks options to see all the available styling options.

Conclusion

Adding a custom footer to your website would make you stand out. You can create a custom footer in generatePress without touching a single line of code. The GeneratePress premium subscription will unlock more potential customization options.

So, we highly recommend trying this out.

What other ways would you personalize your website built with GeneratePress?

Let us know in the comments.

Photo of author
Shashank Singh
Shashank is a web addict and amateur blogger. His current interests include blogging, SEO, and WordPress. See his social profiles to know him even better. ๐• (Twitter)
Disclaimer: Affiliate links of some product(s) are being used on this page, if you follow the link and make a purchase, we may receive compensation from respective companies. This compensation comes at no additional cost to you.

Leave a Comment

Your email address and website details will not be published. Required fields are marked with *.