Create a custom footer in Divi

So you want more control over your footer… Here’s how to add a section you create in the Divi Builder to your footer, OR use it AS your footer.

 

First things first:

You’ll need a Divi child theme if you haven’t already created one:

Then you’ll need to add a footer.php file to your child theme:

 

Step 1:

Create your desired footer section, saving it in the Divi Library as a global section.

For help on this, check out:

 

Step 2:

Navigate to Divi>Divi Library (if not already there),

divi library

and hover over your desired footer section to get the post ID from the action URL that appears at the bottom of the page. (In this example, you can see the post ID is 723.)

post id

Now that you have your custom footer section and its post ID, you can add the global section to your footer using your footer.php file in your child theme.

 

Step 3:

Log in to your website’s cpanel and click open the “File Manager”.

You could also access your site files via FTP (File Transfer Protocol) software if you are more familiar with this method.

cpanel file manager

 

Open “public_html” (double-click).

open public_html folder

 

Open “wp-content” folder.

open wp-content folder

Open “themes” folder.

themes folder

 

Open your child theme folder.

open child theme folder

 

Right-click and “Edit” the footer.php file.

edit footer.php file

 

Step 4:

You can now add the following code as the top line of your footer.php file (be sure to change the post ID to match yours):

 

Then click “Save Changes”.

save changes to footer.php file

 

Now when you reload your website, your new custom footer section will appear at the bottom of each page (above the bottom footer bar and default footer if you are using it).

 

Want to hide the default Divi footer completely and use your custom footer instead?

Want more module options for your Divi website?

Check out our Custom Modules for Divi
Browse Custom Modules