Your website footer is the section at the very bottom of your pages and it is there to provide your users with links to keep them browsing your site and to provide key information they may have missed elsewhere on your site.
There are two options for creating your footer in Divi.
- The 1st option is to use the default WordPress footer area to add footer content using WordPress widgets.
- The second option is to build a custom footer within the Divi Theme Builder using Divi modules.
The default method in Divi is to use the WordPress footer with footer content added in your WordPress dashboard under Appearance > Widgets. This option is good for basic footer designs and it can be further customized using the Theme Customizer footer settings. The default footer in Divi also includes the Divi Bottom Bar which can be customized in the Theme Customizer.
By building your footer using the Divi Theme Builder you can use any DIvi sections, rows, and modules just like you would when building any other section of your website. This gives you much more control over what you can include in your footer and how it is styled.
When you add a global footer template in the Divi Theme Builder it will fully replace the default WordPress footer (where your footer widgets are) and bottom bar (where the Elegant Themes credits and social media icons are).
Build a global Divi footer using the Theme Builder
To build a custom Divi footer using the Divi Theme Builder you will need to add a global footer template and built your footer inside the template using Divi sections, rows & modules.
1. Open the Divi Theme Builder
In your WordPress dashboard go to Divi > Divi Theme Builder
2. Create a new global footer template
In the Theme Builder dashboard, you will see a template already created called Default Website Template, where you can choose to add a global header, body, or footer. When you add a global header, body, or footer into this template it will be assigned to every page of your website by default on save.
Click on the Add Global Footer button and then selects the Build Global Footer button.
The Build Global Footer option will load the 3 builder options you are used to seeing in the Divi Builder which including the load from library option, so it doesn’t really matter if you choose to Build Global Footer or Load From Library in this step.
3. Built your footer inside the Theme Builder footer template
Here you can choose to build from scratch, load a premade layout, or clone an existing page.
Choose an option and Divi will open the Edit Global Footer Layout template window.
This is where you build your footer area using the built-in Divi sections, rows, and modules or edit any template you may have loaded from your library. You can use any of the default Divi sections. rows, and modules to create your footer template.
4. Save your template to assign it to your website
Once you are happy with your new global footer you can click on the close icon in the top right of the Theme Builder template window. You will get a message saying you have unsaved changes. Go ahead and hit the Save & Exit button to save your footer template.
This will take you back to the Theme Builder dashboard and you will see that there is now a green global footer template assigned in the default website template.
To apply this footer template to your site you will need to click on the Save button at the top of the page.
Assign a different footer template to different pages
The footer you created above in the Default Website Template is set globally to every page on your website.
If you want to make a different footer for certain posts or pages on your website you can add a new Theme Builder template and assign it to any pages you want it to display on. You can create as many new templates as you like and assign them to different areas of your site in the template options.
Create a 2nd footer template for specific pages or post types
- In the Divi Theme Builder, click on the Add New Template button.
- This will create a new template and open the settings window where you can select where the template is applied or not applied.
- Once you hit the Create Template it will automatically assign the global footer template from the Default Website Template. Right-click on this green global footer template and click on Disable Global.
- Click on the edit icon and you can then edit the template as required within the edit area. Save & Exit from the edit area when you are happy with the new footer and hit the Save All Changes back in the main Theme Builder dashboard.
- Your 2nd footer template will now be assigned to the selected posts or pages rather than the global footer.
Where to find Divi footer examples
Building a footer from scratch can be a bit tricky so take a look at some of these Divi footer examples that have been chosen from the Divi showcase gallery. This post will also give you some pointers about what to include in your footer areas.
You can also download 5 free Divi footer layouts for free on my other blog post.