This free layout pack includes 5 Divi footer layouts.
The custom footer designs can be added onto a page on your website or be added as a global footer template within the Divi Theme Builder which can then be applied to all pages of your website.
You can download the layout pack at the bottom of the page with a social share.
Footer layout 1
This footer layout has a single column row for your logo with a 4 column row below for more content. There is a column for an About Us title and text, a Quick Links site links, and Support site links using Divi text modules. The Social Connect column includes a Social Media Follow module. The section has a bottom divider added via the section settings.
Footer layout 2
This footer layout has a six-column row for your main site links along with a three-column row below for more content. There is a column for your site logo in the left column, intro text and admin links in the middle column, and a Social Media Follow module in the right column. The section has a horizontal 50/50 gradient background added via the section settings.
Footer layout 3
This footer layout has a single row split with 1/2 on the left and three 1/6th columns on the right. The left column has a text title and intro text for your site with an image module for a logo below. The right-hand columns have 2 columns for site links and one column for a Social Media Follow module. The section has a bottom divider pattern added via the section settings.
Footer layout 4
This footer layout has a four-column row on top, with a three-column row below. The top four columns include room for a site text title and intro, two columns for site links, and a column for contact details. The contact items in the last column use Divi Blurb modules with icons. The row below has a Social Media Follow module in the left column, admin text links in the middle column, and an image module for a logo in the right column.
Footer layout 5
This footer layout has a three-column row for your logo, Social Media Follow module, and site intro text on the top. Below is a single column row that includes an Email signup module for collecting user email addresses. The row below has site admin, text info links, and site copyright information.
Download layout pack below
Download these footer layouts for Divi below. If you like them feel free to share the link to this page on your favorite social channel 🙂
Download the layout zip file here
How to use the footer templates
- Use the social media share options above to access the download link
- Download the zip file and extract the six .JSON files within. The zip file includes the five Divi footer layouts as individual layout files and one file with all footers in a single file.
Files included are;
DTE-Footer-Layout-1.json
DTE-Footer-Layout-2.json
DTE-Footer-Layout-3.json
DTE-Footer-Layout-4.json
DTE-Footer-Layout-5.json
DTE-Footer-Layouts.json - You can then drag-and-drop the layouts directly into your page or into a Divi Theme Builder template.
Hi, these are great layouts! However, when I try to import the JSON files into my Divi Library I get an error message, “This file should not be imported in this context.” It happens with all the files, and I’ve tested on two different websites I have with Divi set up. Both are running the most up-to-date version of the Divi theme – or, at least, no updates show available, version 4.4.8.
I’m using Chrome and Windows 10. Any suggestions on how I can fix this? Not sure whether to contact you or DIVI support?
Can you try just dragging the JSON into your page or theme builder template? (i updated the instructions above too)
I can’t import these files either.
3. You can then drag-and-drop the layouts directly into your page or into a Divi Theme Builder template.
drag the file directly onto your page/theme builder template rather than load into the library
Thanks Craig – I finally got it! I created a new footer template and dragged it there. It was my first time using the theme builder. Thank you for your help and for these great templates.
why i can’t import JSON FILE
How to use the footer templates
Use the social media share options above to access the download link
Download the zip file and extract the six .JSON files within. The zip file includes the five Divi footer layouts as individual layout files and one file with all footers in a single file.
Files included are;
DTE-Footer-Layout-1.json
DTE-Footer-Layout-2.json
DTE-Footer-Layout-3.json
DTE-Footer-Layout-4.json
DTE-Footer-Layout-5.json
DTE-Footer-Layouts.json
You can then drag-and-drop the layouts directly into your page or into a Divi Theme Builder template.
I did the social share, but I don’t seem to be able to find where to download these now.
check inbox. thx
I just shared on Twitter and have not received a link in my inbox. Please advise.
check inbox, thanks. For others, it looks like sometimes when sharing via Twitter you will need to re-click the twitter button after you share it (no need to share twice tho, just re-click the share button)
I can’t get this to upload. I know you’ve said to drag and drop directly into my page or divi builder template, but it doesn’t work like that. It ends up opening the .json file in another tab on my browser. Do you have a video of this? So I can see what exactly you’re doing?
hi! when I try to share, I get this error:
Over Quota
This application is temporarily over its serving quota. Please try again later.
Ditto! these would be a nice addition.
If I add them by dragging them onto the existing divi builder template, it gives me wild text as a website. If I do it on a new template, the same. Importing says “not in this context”.
I have to say, others have json files which work, like a charm.
Here is how you can make it work:
Go to the Divi Theme Builder
Create a new template
Delete the Header
Edit the Footer by making it non-global
Then click on the pen to edit it.
When it is open (it should show you the current standard footer you have) you do the drag and drop while editing that one. It will add it under the current one which you can then delete.
the social share is not working, they are every amazing footer but one just cant download em.
seems that the social share plugin is a bit outdated!! should be able to just download now with link above