You can use a section which was built with the Divi Builder as the default Footer for your website. It will behave just like a regular WordPress footer and you will be able to edit it from the Divi Library, the changes will be reflected throughout the website.

Let's get started.

First thing you will need is a Child Theme, you can see here how to create one.
Now, we will get rid of the WordPress' default footer for the entire website. To do that, add this code in Custom CSS from Theme Options

#footer-bottom {display: none;} 

Creating the Footer section:

Go to Divi Library and select Add New

Name it and select Section as Layout Type

Now, go ahead and start building your section as you wish. You can find some layout packs to get inspiration from here.

In my example, I am using a background image to the section with three columns, each one with a Text module: 

Now we are going to grab the shortcode and insert it into the footer.php page with a little PHP snippet.

You will need to go into your Divi Library and open up the saved layout: 

Once you have the layout open, check out the URL and you will see a sequence of characters and numbers. You are going to want to copy the numbers as we will need that for the next steps. For example in my case, the number sequence that I want to copy is 215223:

Go to Plugins -> Add New, install, activate  and click the plugin called WPIde: 

Now with the help of this plugin we will copy the content of the file called footer.php from the parent theme to the child theme, so the changes you make won't be lost after a theme update. 

Go to WPIde > themes > Divi > footer.php, copy all its content and then create a new file footer.php into the child theme where you paste it. Detailed instructions can be found here:

Then, in the footer.php of the child theme, find this line of code: 

Just underneath that line of  code you will be adding this new snippet of code. And then replace the number 215223 with the number from your section:

<?php echo do_shortcode('[et_pb_section global_module="215223"][/et_pb_section]'); ?>

Save the file and now you will have that section as a footer for the entire website: 

To make changes to the footer, simply edit the layout from Divi Library and they will be reflected all over the website.

Did this answer your question?