How to Create a Custom Global Footer with Divi 5

Affiliate Disclosure: Some of the links in this post are affiliate links, which means we may earn a commission if you click through and make a purchase. This does not affect the price you pay and helps support our site. For more details, please read our Affiliate Disclosure Policy. Thank you for your support!

Are you finding it hard to design a custom global footer that shows up on every page of your website? Your website footer is not just the last section — it’s where visitors expect to find useful links, contact details, and other important information.

A well-designed footer improves navigation, increases user engagement, and gives your site a professional look.

The good news is, with Divi 5, creating a custom global footer is simple. You can design a footer that matches your brand style, includes the right information, and updates across your entire website automatically — no coding needed.

In this guide, we’ll show you step by step how to create a beautiful global footer using Divi 5 Theme Builder. Whether you want a simple copyright bar or a multi-column footer with menus, this tutorial will make the process quick, easy, and perfect for beginners.

Step 1: How to Open the Global Footer in Divi 5 Theme Builder

First, log in to your WordPress dashboard. From here, we will access the Divi Theme Builder, where you can create and edit your custom global footer. When you add a footer to the Global Footer area, it will automatically display on every page of your website.

Follow these steps to open the Global  Footer:

  1. Click on Divi in your WordPress dashboard.
  2. Select Theme Builder from the menu.
  3. Click on Add Global Footer to create a new footer.
  4. Choose Build Global Footer to open the Divi Builder and start designing.
Navigating to Divi Theme Builder and selecting Add Global Footer to start building a footer in Divi 5

Step 2: How to Add a Section in Divi 5 Global Footer

Now you are inside the Divi 5 Page Builder, which is much easier and more user-friendly compared to Divi 4. This is where you will start designing your custom footer. Using two columns allows you to add content like a logo on one side and navigation links or contact info on the other, creating a clean and professional layout.

Follow these steps:

  1. Click the Plus (+) icon to add a new section.
  2. Select one row with two columns section for a balanced footer design.
Adding a new section with two columns inside Divi 5 Builder to start designing a custom global footer layout

Step 3: Add Your Website Logo and Description in Divi 5 Footer

In the first column, we will add the Divi logo — just like most professional websites do. After the logo, we will also add a Text Module to display a short description of the website.

Follow these steps:

  1. Click the Plus (+) icon inside the left column.
  2. Insert an Image Module.
  3. The Image Module settings will open automatically — go to the Content tab.
  4. Upload and add your logo image.
Adding a website logo and short description in the first column of the Divi 5 footer using the Image and Text Modules

Step 4: Add a Clickable Logo Link in Divi 5 Footer

Once you have added the logo image, the next step is to make it clickable. This will turn your logo into a link that redirects visitors to your homepage or landing page when they click on it.

Follow these steps:

  1. Open the Link option inside the Content tab of the Image Module.
  2. Add your website URL in the Image Link URL field.
  3. Set the Image Link Target to “Open in a New Tab” so it will open in a new tab.
Adding a clickable link to the website logo in Divi 5 footer so it redirects users to the homepage when clicked

Step 5: Customize Logo Design in Divi 5 Footer Using the Design Tab

In this step, we will open the Design tab to adjust the logo size, width, and alignment so it looks perfect on your footer.

Follow these steps:

  1. Click on the Design tab in the Image Module settings.
  2. Open the Sizing option.
  3. Keep the Size button set to default as shown in the screenshot.
  4. Set your logo width (for example, 80px) and keep the Max Width on Auto — or adjust it as per your preference.
  5. Set the alignment to Left for a clean footer design.
  6. Keep the Logo Image Height on Auto (or adjust if needed) to make sure it fits nicely.
Adjusting logo size, width, alignment, and height in the Design tab of Divi 5 Image Module for a professional footer look

Step 6: Add a Background Color to the Footer Section

Now, let’s add a background color to the entire footer section so it looks consistent across your website.

Follow these steps:

  1. Click on the blue color Section Gear icon button.
  2. Go to the Content tab
  3. Open the Background option.
  4. Choose and apply your preferred background color as shown in the screenshot.
Adding a background color to the footer section in Divi 5 using the Section Settings Background option

Step 7: Add a Text Module for Website Description

Next, we will add a Text Module to display your website description. This section can include a short introduction, tagline, or anything you want visitors to know about your site.

Follow these steps:

  1. Click the Plus (+) icon below the logo in the first column.
  2. Search for Text Module in the search bar and Insert the Text Module as shown in the screenshot.
Adding a Text Module below the logo in the first column of the Divi 5 footer to display a short website description or tagline

Learn More: Divi Modules Ultimate List (with Documentation)

Step 8: Customize the Text Module Design

Now let’s style the website description text to match your site’s design and make it easy to read.

Follow these steps:

  1. Open the Design tab in the Text Module settings.
  2. Click on the Text option.
  3. Set the Text Font to match your website font (for example, we used Roboto).
  4. Choose the Font Weight (we set it to Medium).
  5. Select the Text Color (we used white to match the footer background).
  6. Adjust the Text Size and Letter Spacing until it looks perfect.
Styling the website description text in Divi 5 footer by adjusting font, color, size, and letter spacing in the Design tab

Learn More: Divi Custom Modules (Beginner’s Guide)

Step 9: Add a Text Module for Pages or Categories in Divi 5

In this step, we will add pages or categories to the second column of the footer. You can choose what works best for your website for example, important page links, blog categories, or contact information.

Follow these steps:

  1. Click the Plus (+) icon in the right-side column.
  2. Insert a Text Module to add your pages or categories.
Adding pages, blog categories, or contact information in the second column of the Divi 5 footer using a Text Module

Step 10: Add Page or Category in Text Module

Now, we will add the names of your pages or categories in the Text Module. This step helps organize your footer content before we turn them into clickable links in the next step.

Follow these steps:

  1. Open the Text Module settings by double-clicking on the text area in the right column.
  2. Go to the Content tab.
  3. Open the Text option.
  4. Write or paste the names of your pages or categories in a simple list format (as shown in the image).

Note: You can add anything based on your website’s needs — such as pages, blog categories, Sitemap, Terms and Conditions, or Privacy Policy. The process remains the same.

Writing page names, blog categories, or legal links inside the Text Module of the second footer column in Divi 5

Step 11: Add Links to Your Pages or Categories

Now it’s time to turn the page or category names into clickable links, so your footer becomes a functional navigation menu.

Follow these steps:

  1. Stay in the same Text Module settings and continue in the Content tab.
  2. Select the first page name (as shown in the screenshot).
  3. Click on the Link button in the editor toolbar.
  4. Paste the URL of that page into the URL box.
  5. Change the Link Target to “Open in a New Tab” so that when visitors click, the page opens separately. Repeat this process for all the pages or categories you want to link.

Important Tip: Make sure your footer background color matches well with your link color. If the links are not clearly visible, either adjust the background color or change your default link color for better readability.

Selecting page names in the Divi 5 Text Module and adding clickable links for footer navigation

Step 12: Add Website Credits in Divi 5 Global Footer

In this step, we will add a new section to display your website credits (for example: © 2025 Divi Cake. All rights reserved. Designed with Love for the Divi Community).

We will add this in a simple Text Module, but if you want a dynamic credit where the year updates automatically, How to Change the Footer Credits in Divi Builder

Follow these steps:

  1. Click on the green Plus (+) icon as shown in the screenshot.
  2. Add a single row with one column. Insert a Text Module and write your website credits.
Adding a Text Module in Divi 5 footer to display website credits and copyright notice

Step 13: Save Your Custom Global Footer in Divi 5

Once you have added your footer credits, your custom global footer is now complete. The last step is very important – don’t forget to save your changes.

Click the Save button as shown in the screenshot to make sure your footer is applied to the entire website.

Clicking the save button to apply the global footer design across the entire website in Divi 5

Conclusion

Creating a custom global footer in Divi 5 is one of the easiest ways to give your website a professional and consistent look. By following these simple steps, you’ve designed a footer that matches your brand, improves navigation, and makes it easier for visitors to find important information.

A well-structured footer not only enhances user experience but also helps build trust with your audience. Whether you added a logo, website description, navigation links, or credits, every element plays an important role in making your website look polished and complete.

Learn More: How to Create a Custom Global Header with Divi 5

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Stay ahead with the Latest WordPress Insights

Subscribe for tips, updates, and exclusive tools to elevate your website game.

Newsletter

No spam ever. Only Divi related updates. You need this.