How to Create a Custom Footer with the Divi Builder

by | Jan 17, 2018 | Divi, Light Side

Requirements:

A Child theme with a footer.php file. If your Child Theme doesn’t have one simply copy and paste it from the original Divi theme folder.

If you don’t have a Child Theme yet check out this guide

1. Creating the Footer

Let’s start by going into the Divi Library under : Divi -> Divi Library from your WordPress dashboard.

Press on Add New.

On the Template Name write down the desired name for your footer.

On the Template Type select Section.

Marking it as a Global Item is not necessary, I had it done and that’s why in the picture below you will see the builder all green instead of having the regular purple / green / grey colors.

Now create your footer with the Divi builder. In my case I will use the footer of my site.

2. Tracking the ID of the Section

Once your footer is finished press on save, now take a look at the URL search bar of your browser, you will see something like this:

https://masterdivi.com/wp-admin/post.php?post=1916&action=edit

As you can see in the text above the ID of my section is 1916 , grab your own ID numbers and copy paste them wherever, can be a note or a paper.

3. Placing the Footer

Go to your Child Theme files and open your Footer.php.

Between the line 9 and 10 make a new line and copy the next code:

Adding custom footer shortcode to Divi

Change the ID number for your own one.

Congrats you have your custom Footer 🙂

[coffee]

4 Comments

  1. Tyler

    Seems to be out of date. Perhaps instead of betweens line 9 and 10, show the actual location you used.

    Is global_module=’####’ correct even if you aren’t using a global module?

    Reply
    • Nico Master

      Hey Tyler, ur right, Divi changed the footer.php in one of the latest version they released so tihs trick will not work again!

      Reply
  2. Annmarie Wyrick

    I do not even know how I ended up here, butt I thought thispost was great. I don’t know who you aare but definitelyyou are going to a famous blogger if you are not already😉 Cheers!

    Reply
    • Nico Master

      Hi Annmarie!, Thank you. I really aprecciate your words, let’s make it real! Cheers 🙂

      Reply

Submit a Comment

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

How to Cache and Boost WordPress Performance

How to Cache and Boost WordPress Performance

Want to boost your site performance? Learn how to do it by activating caching in your site. With a simply and clean plugin and as always in a couple of minutes. Let’s not forget about the small extra for fixing Google Analytics!.

How to Make any Element Fixed – Divi Builder

How to Make any Element Fixed – Divi Builder

Want to learn how to make any Section / Row / Module fixed? So whenever you scroll the element stays in there with you! Learn how to achieve this trick in a couple of minutes with R2D2 help!.

How to Maintain a WordPress Site Clean

How to Maintain a WordPress Site Clean

Hello everyone, is time to talk about how can you clean your WordPress site for a better maintenance, optimization and security purposes in just a couple of minutes once again!

Follow MasterDivi on Facebook

Be updated with the latest tricks!