These 135+ styles footers are all super creative,clean and unique, showing some truly interesting ways to display your own site’s footer!

We hope these 135+ best footers design will spark your imagination and make your work easier.

Have Follow Best practices for website footer design

Navigation
Social Media Icons
Call-to-action (CTA)
Search Engine Optimization
Personality and brand
Copyright
Address
Contact, Address and Business Hours
Contact Form
Newsletter Subscription
Description
Widgets

Why Choose Our 135+ Divi Footer Layouts Bundle?

135+ Styles
Creative, Clean, Modern Design
Use in Multipurpose Websites
Quick and easy setup
Fully Responsive on all Devices
Support Divi 4+ Version
Well Documented
Free Installation Service
Free Lifetime Support Service
One Time Fee

How to Import Footer Layouts

 

Step 1

After buy you can found zip file so please unzip that file and you can see all styles json file range of 10 styles and individual styles.

Range of 10 styles

Divi Footer Layouts Bundle Documentation Footer Step1

Individual styles

Divi Footer Layouts Bundle Documentation Footer Step2

 

Step 2

Go to Dashboard –>  Divi  –>  Divi Library –>  Click On “Import & Export” Button

Divi Footer Layouts Bundle Documentation Footer Step3

 

Divi Footer Layouts Bundle Documentation Footer Step4

Step 3

After click on button you will see below and select “Import” Tab

Have added “Footer Style V1 to V10.json” File and “Footer Style 1.json” File.
You can add here Individual JSON file like “Footer Style 1.json”

Divi Footer Layouts Bundle Documentation Footer Step5

 

 

Step 4

After  “Import”  you can see “Footer Style V1 to V10.json” Data and Individual JSON file like “Footer Style 1.json” Data

Divi Footer Layouts Bundle Documentation Footer Step6

 

 

Step 5

Go to Dashboard –> Divi –>  Theme Builder –> Click to add global footer.

For Individual JSON file

This is for Individual JSON file like “Footer Style 1.json” Data

Click on “Build Global Footer” Option

Divi Footer Layouts Bundle Documentation Footer Step23

After click on button you can see all imported sections one by one

Divi Footer Layouts Bundle Documentation Footer Step24

Now Select all sections of style1 one by one and you can also see well defined layers so you can quickly identify and customized.

Divi Footer Layouts Bundle Documentation Footer Step25

 

For 10 Styles Range (ex. Footer Style V1 to V10) Layout JSON file

This is for “Footer Style V1 to V10.json” Data

Click on “Build Global Footer” Option

Divi Footer Layouts Bundle Documentation Footer Step23

After click you can see below screen

Divi Footer Layouts Bundle Documentation Footer Step26

After click you can see below screen and Select “Your Saved Layouts” Tab and select any footer layout.

Divi Footer Layouts Bundle Documentation Footer Step27

After select any footer layout you can see.
Now Customize Style and CSS as per your need.

Divi Footer Layouts Bundle Documentation Footer Step28

Save and close it then check it on front side.

Click on All Changes Saved button.

Divi Footer Layouts Bundle Documentation Footer Step21

That’s it …..

FAQ

How to Create Footer Menu and assign in footer style?

Divi Footer Layouts Bundle Documentation Footer Menu1

Divi Footer Layouts Bundle Documentation Footer Menu

Divi Footer Layouts Bundle Documentation Footer Menu3

How to find CSS Code?

Divi Footer Layouts Bundle Documentation Footer Menu CSS

You can also seen in below image and find out Code Module with name of “CSS Code”.

Each Section,Row & Module Well Documented Layers

Divi Footer Layouts Bundle Documentation Footer Layer