This year as a special thank you to everyone who purchases an Elegant Themes Membership during our Black Friday Sale (and to our wonderful Lifetime customers!) we’ve created several exclusive gifts from our staff to you. Today we’re highlighting the Divi Header & Footer Layout Pack. This Header & Footer Layout Pack includes 16 distinct header and footer designs that can be used on a wide variety of websites. You heard us right. That’s 16 headers and 16 footers which are designed to work as a matching pair or for individual use. Think of the time you will save having these ready-made templates that can be added to your website in seconds!
In this post, we’ll give you a preview of each header and footer included in the pack and show you how to download and use them on your very own Divi website today.
A Look Inside the Exclusive Black Friday Divi Header & Footer Layout Pack
Here is a preview of all 16 header and footer layouts included in the pack.
Header & Footer #1
Header & Footer #2
Header & Footer #3
Header & Footer #4
Header & Footer #5
Header & Footer #6
Header & Footer #7
Header & Footer #8
Header & Footer #9
Header & Footer #10
Header & Footer #11
Header & Footer #12
Header & Footer #13
Header & Footer #14
Header & Footer #15
Header & Footer #16
Take Your Website to the Next Level with These Headers and Footers!
The header and footer layouts you’ll get for FREE are built with many considerations in the back of our minds. We want you to reach the highest level of modern-day and effective web design to help take your website to the next level.
Go From This… to This
Let’s visualize what this visually means. Below, you’re able to see how quickly you can elevate your Divi header and footer with these 16 headers and footers. You can go from an average-looking header and footer to giving your visitors a “wow!” effect. It goes without saying that this also impacts your brand’s image in a positive way.
7 Reasons You Should Get This FREE Black Friday Header & Footer Layout Pack
Not convinced yet? Allow us to share 7 reasons you should get these freebies by becoming a Divi member during our Black Friday deal.
1. 16 Stunning Header and Footer Designs You Can’t Find Anywhere Else – Only Available for a Few Days!
The design freebies that were created for Black Friday were an entire team effort! The design team at Elegant Themes poured their creativity and make sure they set up quality freebies that help you differentiate yourself from your competition through design! And that, all for free. So it would be hard to justify missing out on getting your hands on 16 matching headers and footers carefully crafted by our designers. Plus, the fact that these headers and footers won’t be available for long makes them refreshingly unique!
2. A Huge Timesaver!
The out-of-the-box design of each header and footer are crafted by expert designers to give your site a cutting-edge makeover without you having to do a thing. You don’t have to waste time building everything from scratch. And with 16 headers and footers to choose from, you are bound to find the right one for your site.
We believe our members deserve great design, so we help them reach it without having to spend a lot of time or money on unique design. That’s why this year we’re offering these headers and footers, plus tons of other unique freebies during Black Friday.
3. Responsive Out of the Box
Each header and footer is built to look great on all devices and screen sizes right out of the box. This saves you time getting your site to look great on mobile devices. Plus, Divi’s built-in responsive design options will help you put the final touches you need to get the results you want.
4. Site-Wide Versatility
Using the Theme Builder, you have the power to display these headers and footers on any page or post template throughout your site. You can add a global header and footer to the default website template to have the header and footer display site-wide. But that’s not all, you can easily add different headers or footers to other templates throughout your site as well. This gives you the power to display one header for the homepage, another header for blog posts, another for archive pages, and more.
5. Dynamic Content
Every footer comes with a helpful piece of dynamic content that updates the copyright year automatically. This is a small but important feature for keeping your footers updated. Plus, there are many other ways to use dynamic content to boost your header and footer functionality. For example, you can add your site’s logo as dynamic content with a dynamic link to the homepage.
6. Built-in Sticky Options
Some of the headers included in this pack come with a sticky header design already out of the box. This means the header (or a portion of the header) will stick to the top of the page as the user scroll down. But, with Divi’s built-in sticky options, you can add this sticky functionality to any header (or footer) with a click of a button. And to top it off, you can add specific styling to the header (or footer) in the sticky state which gives you more control over the design.
7. All Designs are Fully Customizable!
Last but not least, these headers and footers, along with all other freebies, are completely customizable to suit your own needs. Make tweaks or change entire sections using the intuitive Divi Builder. Editing a header and footer within the theme builder is just like editing any page or post using the Divi Builder. No need to resort to external theme options or child theme custom CSS to make tweaks to the header or footer. It’s all right there ready to design visually.
We put in the effort, you add the final touches!
Get this Header Footer Layout Pack + a Ton of Other Freebies for FREE!
How to Download and Use the Landing Page Layout Pack on Your Own Divi Website Today
Downloading the Layout Pack from the Members Area
All of the Divi Header & Footer Layout downloads can be found in your members area. To access the downloads, you must first login to the members area with the username and password created when you signed up as a member.
Once you are logged in, click the link in the members area menu called “Perks”. Under Perks, find the Header & Footer Layout Pack perk and click the Download the Pack button to download the Header & Footer Layout Pack.
What’s Included in the Download File
Once the “Divi-Header-Footer_Packs.zip” file has been downloaded, unzip the folder and open it. There you will see a JSON file named “Black Friday 2021 Header And Footer Pack.json“. Importing this file to the Divi Library will import all header and footer layouts at once. along with a “Footers” folder and a “Headers” folder.
The “Footers” folder includes 16 JSON files for importing a specific footer layout (individually) and an additional JSON file for importing all 16 footer layouts at once.
The “Headers” folder includes 16 JSON files for importing a specific header layout (individually) along with an additional JSON file for importing all 16 header layouts at once.
Importing the Header & Footer Layout(s) to Your Divi Library
Now that you have downloaded the Header & Footer Layout files ready, you can use them to import the headers and footers to the Divi Library. Once done, they will be ready to add to any page or template on your site.
Here’s how to do it.
- From the WordPress Dashboard, navigate to Divi > Divi Library
- Then click the Import/Export button at the top of the page.
- In the portability popup modal, select the import tab.
- Then choose the file named “All Header and Footer Layouts.json” from the unzipped folder you previously downloaded from the members area. This complete pack file will add all header and footer layouts at once.
- Then click the Import button.
Once done, you should see all 16 Header Layouts and all 16 Footer Layouts imported to the Divi Library.
Adding Header & Footer Layouts to the Global Website Template in the Divi Theme Builder
Adding a Header Layout to the Global Header
Now that you have all Divi Header & Footer layouts into the Divi Library, you can easily add them to your Global Website Template using the Divi Theme Builder.
To start, let’s add a new header layout to the Global Header of the Default Website Template.
Here’s how to do it.
From the WordPress Dashboard, navigate to Divi > Theme Builder. Then click the Add Global Header area of the template and select “Add From Library” from the dropdown.
From the Load From Library popup, select the “Your Saved Layouts” tab. There you will see a list of all the Header & Footer Layouts you imported to the Divi Library earlier. Choose the header layout you want to use from the list.
Adding a Footer Layout to the Global Header
To add one of the new footer layouts to the Global Footer area of the Default Website Template, click the Add Global Footer area of the template and select “Add From Library” from the dropdown.
From the Load From Library popup, select the “Your Saved Layouts” tab. Then choose the footer layout you want to use from the list. Select the footer layout with the matching number of the header layout you are using in order to get the matching design.
Make sure to save the layout and the Theme Builder settings when you are finished editing.
Now when you load a page on your website, you will have a brand new header and footer design!