Divi Footers Pack is a third-party plugin for Divi with over 80 customized footer designs. The footer is continuously an lost sight of space of any WordPress web site. A format pack reminiscent of this one can ease the footer design procedure. On this put up, we’ll check out Divi Footers Pack to lend a hand making a decision if it’s the suitable Divi product in your wishes.
Importing Divi Footers Pack Layouts
The Divi Footers Pack layouts are JSON information that may be uploaded for your Divi Library. First, obtain and unzip the record. You’ll see 82 JSON information to your unzipped folder.
Subsequent, move for your Divi Library and import the record you wish to have to make use of. You’ll be able to preview them from the product page. That is the one method to know which format to make use of prior to importing them. Thankfully, you’ll be able to add they all immediately if you wish to have, or you’ll be able to simply add the precise footer format you wish to have. I’ve decided on to add the entire information on this instance. To add them, move to:
- Divi Library
- Import and Export
- Make a selection Report
- Import Divi Builder Layouts
When they’ve uploaded, you’ll see them to your Divi Library. The layouts are actually in a position to make use of within the Divi Builder and Divi Theme Builder. As soon as the add used to be finished, I had 162 information in my library. This comprises the layouts with and with out a mounted atmosphere. The common footers scroll with the web page whilst the mounted footers stay in position and are published because the consumer scrolls. They’re categorised, so it’s simple to understand what the difference is.
Divi Footers Pack Layouts
Right here’s a have a look at some of the footer layouts. I’ve decided on those who stood out to me probably the most. I’ll describe them and indicate what I really like probably the most about them. We’ll see how they give the impression of being at the entrance finish with a Divi format. I’ll display wireframes and the cellular view for a couple of of them. I’m the use of the touchdown web page from the unfastened Coworking Layout Pack for the entire examples.
Divi Footers Pack Footer Design 1
Footer Design 1 is the primary footer format within the Divi Footers Pack. It presentations the footer menu at the left with a copyright realize beneath it. At the proper are social media icons. The whole lot is in pink.
Right here’s the way it appears to be like at the entrance finish.
Footer Design 2
That is the second one footer within the format pack. It has a easy and blank format with colours that paintings nice in combination.
Footer Design 7
Footer Design 7 features a blue gradient background and provides buttons for the app shops above the remainder of the footer content material. This one continues to be somewhat small and doesn’t crush the format with an excessive amount of content material in a small area.
Footer Design 12
Lots of the footer layouts come with Code Modules so as to add customized styling. That is Footer Design 12. It additionally features a gradient background and provides a big e mail shape.
Footer Design 14
Footer Design 14 presentations 4 columns with hyperlinks, a menu, and a weblog. This one additionally features a Code Module for styling. Right here’s the wireframe with the Code Module open.
Right here’s the way it appears to be like at the entrance finish. There’s a large number of white area across the columns. The weblog presentations two posts with small thumbnails. The white background and small textual content give this one a sublime appear and feel.
Footer Design 16
Footer Design 16 provides a couple of rows in more than a few columns. This one additionally features a customized code. Right here’s the wireframe.
Right here’s the way it appears to be like at the entrance finish. It provides clickable touch data on the backside with daring colours that stand out.
Footer Design 18
Footer Design 18 provides a background symbol and overlay to the segment. It additionally comprises 4 columns with a lot of extras, together with a CTA button, Opening Hours, and a Gallery.
Right here’s the format at the entrance finish. That is one in all my favorites. It provides icons to the touch data, the gallery comprises small thumbnails. The colours paintings completely over the background symbol.
Footer Design 25
Footer Design 25 is every other format with a background symbol. This one provides a large number of area beneath the hyperlinks to offer room for the background symbol to turn.
Footer Design 26
Footer Design 26 makes use of a Area of expertise Phase to create a multi-column format. Right here’s the wireframe.
It makes attention-grabbing use of adverse area. I really like the massive textual content and hues for this one. The orange textual content is simple to learn over the brown background.
Footer Design 30
Footer Design 30 presentations touch data inside of huge blocks with white borders. The backgrounds of the blocks fit the background of the segment. This one is understated and blank, offering most effective restricted data.
Footer Design 34
Footer Design 34 makes use of a brown background with white textual content. The format comprises 3 columns with clickable touch data. Backgrounds for social icons stand out simply sufficient to get consideration.
Footer Design 37
Footer Design 37 features a background symbol with a touch shape and make contact with data within the foreground. This one divides the weather into segments with yellow borders round every phase. The icons, the publish button, and the background of the social media phase are yellow. The background at the back of the touch data is extra opaque, making it stand except the remainder of the footer’s content material.
Footer Design 38
Footer Design 38 presentations the content material within the middle of a big circle with a fair darker background at the back of it. The focused content material has sufficient separation that not anything will get misplaced within the format. The font and icon colours paintings nice towards the darkish grey background.
Footer Design 41
Footer Design 41 additionally makes use of a Area of expertise Phase to create a format with a couple of columns. That is the wireframe view.
Right here’s the way it appears to be like at the entrance finish. It features a darkish blue/grey background with white textual content that stands proud. The e-mail shape is small and suits the realm properly. The ideas space has a lighter background, so it stands except the whole thing else.
Footer Design 43
Footer Design 43 supplies a background symbol with a gloomy inexperienced overlay that stands proud. The menu and cope with take the middle and stand proud of every different. The social media icons are daring gold that makes the small icons pop. I just like the white textual content and gold icons towards the fairway background.
Divi Footers Pack Footer Design 46
Footer Design 46 features a two-column format for the primary portion of the footer. It features a higher column with a touch shape that blends with the footer’s design. The button, titles, and icons are in inexperienced and stand out properly towards the beige background, drawing consideration clear of the whole thing else.
Footer Design 52
Footer Design 52 features a darkish grey background with a couple of sections and columns to provide the touch data and menu hyperlinks. The textual content is white and comprises huge titles and small hyperlinks. This one additionally comprises icons with touch data.
Footer Design 55
Footer Design 55 is understated, and it simply works. The principle center of attention is a CTA with huge textual content and a clickable e mail cope with. It has a lot of adverse area to attract consideration to the CTA. It additionally features a menu and copyright realize.
Footer Design 59
Footer Design 59 features a two-column format with textual content at the left and a touch shape at the proper. A vertical line separates them. It features a black background with vivid blue highlights for the titles, a touch shape button, and social media icons. A backside bar with the similar vivid blue background presentations the copyright realize.
Divi Footers Pack Footer Design 63
Footer Design 63 features a three-column format with two CTA buttons at the left, touch data within the middle, and an e mail shape at the proper with a design that fits the CTA buttons. The buttons and e mail shape give the footer a well-balanced symmetry. The crimson and plumb colours paintings nice towards the brownish-gray background. Each the telephone quantity and e mail cope with are clickable. The entire buttons come with hover results.
Footer Design 67
Footer Design 67 has a captivating format. The wireframe presentations a couple of columns, however some are deliberately no longer used.
At the entrance finish, this creates chic spacing for the footer parts. It features a crimson (technically a gloomy blue/magenta) background with white textual content. The additional-large textual content for the clickable telephone quantity attracts consideration as a CTA.
Footer Design 69
Footer Design 69 is without doubt one of the greatest footers within the Divi Footers Pack. It comprises two huge sections. Each have blue backgrounds and gold textual content. The highest segment presentations a full-width symbol. This segment creates a CTA. The second one segment comprises the usual footer parts with touch data, hyperlinks, and an e mail shape. The white and gold textual content works completely with the blue backgrounds.
Footer Design 77
Footer Design 77 additionally comprises two sections. The highest segment presentations touch data in huge containers with clickable textual content and icons. Their backgrounds include other colours, they usually stand proud of the whole thing else. The ground segment comprises 4 columns with the usual footer content material in white towards a blue background. Social media icons sit down beneath the e-mail shape.
Right here’s a have a look at how this footer works on cellular. The touch data blocks, in addition to the entire footer parts, stack.
Divi Footers Pack Footer Design 81
Footer Design 81 comprises a big blue background with styled touch data within the middle with rounded corners. Touch data features a two-color design with a picture that overlaps the colours. The highest portion presentations the telephone quantity in huge textual content over a blue background. The ground portion features a white background with an e mail hyperlink and social media hyperlinks beneath the picture, and a touch shape at the different aspect. I just like the sq. border for the social icons.
Right here’s how this one appears to be like on cellular. The entire columns stack. The touch shape suits the width of the display screen.
The place to Acquire Divi Footers Pack
Divi Footers Pack is to be had within the Divi Marketplace for $19. It comprises limitless web site utilization, twelve months of strengthen and updates, and a 30-day money-back ensure.
Finishing Ideas on Divi Footers Pack
That’s our have a look at Divi Footers Pack for the Divi Builder. There are a large number of pre-made footer designs on this pack. We’ve most effective checked out some of the layouts on this put up, however this must supply a good suggestion of ways properly they paintings with any Divi format. They’re simple to make use of, however I like to recommend importing they all immediately if you wish to use quite a lot of of the layouts. The entire layouts glance skilled, and they have got a variety of designs to choose between.
We wish to pay attention from you. Have you ever attempted Divi Footers Pack? Tell us what you take into accounts it within the feedback.