Hey Divi Nation, thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi.
This week Kenny and the design team have created a stunning Business Layout Pack with seven different pages that provide you with everything you need to get a professional business website up and running in just a few clicks.
Landing Page Design
Home Page Design
About Page Design
Blog Page Design
Contact Page Design
Portfolio Page Design
Pricing Page Design
Key Features
This business layout pack is designed to provide everything the average business will need out of the box. You will find contact info and a contact form at the footer of every page. The portfolio page and the pricing page (including an FAQ) are both great additions. The landing page includes a fullscreen header with a double CTA along with all those useful elements like featured case studies, a pricing table, an email optin, and testimonials. The blog page uses the blog module to display your posts in a fullwidth layout and a right sidebar. Plus, all the page designs include a great selection of photography that can be touched up easily with colored overlays to match the branding of any business. And, changing the colors of the icons, gradient backgrounds, and buttons can all be done using the color palette within the module settings.
Live Demos
Click the links below to see a live demo for each of the layouts included in the pack.
- Business Landing Page (live demo)
- Business Homepage(live demo)
- Business About Page (live demo)
- business Portfolio Page (live demo)
- Business Pricing Page (live demo)
- Business Blog Page (live demo)
- Business Contact Page (live demo)
Download The Layout Pack
To use the Business Layout Pack on your own Divi website, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our newsletter by using the form below. As a new subscriber you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.
How To Import The Divi Layout
Subscribe To Our Youtube Channel
Once you have downloaded the layout pack, locate the divi-business-layout-pack.zip file in your downloads folder on your computer. Double click the folder to unzip it and then navigate inside the divi-business-layout-pack folder. Inside this folder you will find 8 files, each of which is a unique layout that you can import into your Divi Library. To do so, navigate in your WordPress Admin to Divi > Divi Library > Import & Export. You can select the individual layout you desire or choose the All Layouts file to important everything at once.
- Business_All.json
- Business_Landing.json
- Business_Home.json
- Business_About.json
- Business_Portfolio.json
- Business_Pricing.json
- Business_Blog.json
- Business_Contact.json
To load one of these layouts onto your page, activate the Divi Builder and then look for the “Load From Library” icon in the page settings bar (it looks like a plus symbol). Click this icon to launch the Load From Library popup and then navigate to the Add From Library tab. Here you can choose any of the eight layouts we’ve included in this pack to add to your page.
No Licensing Restrictions
The photos included with these layouts have no licensing restrictions. This means you can use them in all of your commercial projects without having to worry about paying licensing fees or attributing the photographer. Use them in your commercial websites, sell them within your Divi child themes, include them in your own Divi layout packs or just use them on your blog. We know how challenging it can be to find good photos and how confusing and scary the licensing that governs those photos can be. We want to fix that problem for our users.
Download the Full Res Image Assets
But Wait…There’s More!
We hope you enjoy this business layout pack. And to help ensure that you do, we’ll be doing a live stream on our Facebook page tomorrow at 3pm EST to walk through what it might be like to actually use this layout for your own website instead of simply importing it and loading it up. We’ll talk header and footer design, customizer settings, converting certain sections to global, and more.
See you there!
Which DIVI Version is needed here? The imported sites don’t look like the demo. The blue hover doesn’t appear. And the images are not the right size. And the contact form ist transparent. Do I need a few custom css file??
I’m using the newest version of Divi from the member zone. Now the theme works fine! Thanks so much!
Thank you!
Hello
This layout is very cool thank you for the gift :). Unfortunetly, there is problem with the section with the home page : It’s really nice with Chrome but in Firefox the high and low margins disappear and it’s just a disaster. I do not know if this is due to the last update of WP or Divi or if there was already this problem at the origin. I tried to increase the margins but when it works on Firefox then the design under chrome is destroyed
I saw that some of you had problems too. Do you know if it’s a design problem or bug?
Edit : just to show you.
If you open this live demo with chrome and with Firefox, you will see exactly the problem
https://www.elegantthemes.com/preview/Divi/layout-agency-home/
Section called : “Making an Impact Across the Globe”
Hi Cecile – if I understand you correctly then I think changing the top and bottom padding on the second column to a fixed measurement instead of a percentage will hopefully help you.
To do this open the settings for the row and under Design select Spacing and then change the Column 2 Custom Padding settings. I changed the top and bottom to 60px instead of 6% for desktop and 45px and 30px for tablet and mobile.
I hope that helps if this is still an issue for you but I suspect it will also help some other people.
Thank you very much!
Thank you very much! You save me a lot of time 🙂
Is there a navigation bar?
I am a true beginner so my hand has to be held.
Downloaded the file to my documents but I can’t figure out how to unzip them so I can load them.
Is there anyone out there who could tell me how to unzip them??
Thanks
Has anyone tested this layout with different browsers? For Example: The third section comes with reduced height in Edge and Firefox, whereas in Chrome and Vivaldi
it seems to look as intended. I spent a lot of work creating a new page, and in the end had to realize that it definitely could not be published.
Klaus
This layout pack looks beautiful. However I notice that when I install it, it overrides my current theme settings, such as heading or body typeface settings, etc. So for instance, if I simply want to change the heading font throughout, it appears I have to update it within every single module in the layout on every page. This seems labor intensive and counter-intuitive. Some goes for the blue gradient overlay – it’s nice but doesn’t match my client’s brand, so I’d like to change it in one place and have it apply to all instances. Why not have those settings not be set within the modules but separately within a child-theme for instance? Or is there a reasonable way to do this that I’m not aware of? Thanks.
Nice child! 🙂
But when I place a logo (in Divi Settings) the logo appears on desktop. But not on mobile (Tablet and Phone) and I can’t figure out where to activate this so it shows on tablet and phone. Can you help out?
solved 😉
I have tried to download it but the folder is empty. Any advice please?
Hmm, the zip downloaded but says the structure of the archive is damaged when I try to expand it 🙁
Love this theme pack. Very useful.
I have one caveat. This may be a Divi issue, as opposed to an individual theme issue, but when viewed on mobile devices the hero section tends to not format correctly. Or, at least, not how I would prefer. For example, when viewing the landing page on mobile forces the two buttons to stack, only they do not center on top of each other. Header copy has a similar issue where it retains the space between works when they wrap, making the now stacked copy look uncentered.
Any suggested fixes for this issue would be greatly appreciated.
Huge thanks in advance.
i followed the “Divi Business Layout Pack – Virtual Assistant Use Case” on youtube and the guy installed a child theme called “divi-virtual-assistant.zip”!? where can i find that??? it’s not the “va-layout2.zip” i was given by support, must be something different 😮
Hey Dominic, I actually went over that in the video. It’s just a blank child theme I created for the project. Just a best practice I like to follow but not strictly necessary.
ok, so i could use any blank child theme? or none?
i had defined the pages as in the video (home, blog, about…) but they were all empty except the home page. so i thought there was something missing?!
Thanks for this useful information shared.
Bonjour,
J’ai téléchargé le pack mais quand je vais dans Divi bibliothèque et que je veux choisir une page, impossible, je dois tout importer à la fois et l’exportation est longue et je n’arrive jamais au bout?
Natescala
These themes look great! Before I launch myself into designing my own websites, I’d love to know what freebie themes are in the pipe. Anything in the coaching/wellness spectrum?
Yes, I agree with this. I like the Business theme but it is lacking some layouts that a coaching or law firm layout might have. If those layouts will be coming soon, then I will wait for them. Otherwise, I may try to tweak this one. A “layouts roadmap” email would be helpful.
Yes, maybe it’s an idea for Elegant to make a coming soon lay-out pack page.
I’m pretty new to Dive … can you tell me… do the image assets provided get populated into the pages automatically when you select a page type?
I really like these new business themes and will be looking at using one for one of the next sites that I put up. Thanks for all the hard work.
Also cross brownser problems the hight of features text in safari and firefox
This whole pack has a viewport issue, still can’t find where. Please help us out!
Hi is it easy enough to add menu items to this layou?
Ton,
Yes. You can add your menu items like you normally do in wordpress.
Hi
Can I use this layout witch extra theme ?
Hi Robert,
Sorry. This layout is for Divi only.
Hiya, and thanks for the Theme. I’ve loaded it up as a working demo site and all the pages work fine except for the Blog page. Set up page, added from library and add page to menu…but click from the menu and it comes up as boring old blog setup. How do I get the lovely Divi blog page?
Cheers
P
I have a problem with Safari 11: it’s not displaying the lower text-image combi beneath the pricing tags at all. And Firefox collapses the padding on both text-boxes so that the divider lines and the buttons sit totally flush at the edges of the box…
I mentioned it yesterday. I think its divi problem in general if you uncheck the animations in each module design in feature sections (divider, title, feature) the problem will be solved.
Thank you once again for a great layout and photos.
Is there a Construction / building pack coming up?
or medical-related?
Hello and thank you for your great layout.
Just some questions. First the spacing in the features sections aren’t like the demos. Button and divider are stuck in top and bottom. And also the second in row feature (with the image in the right) are not appearing.
Thanks!
It looks incredibly well. Thank you!
Very good theme!
Very good.
It is extras like this Business Layout Pack that make Divi such a great investment, too many other theme producers allow their themes to die a slow death leaving one wondering whether or not a theme is still being supported, Elegant Themes Divi however goes from strength to strength, better and better.
Keep up the good work Elegant Themes.
Great! Good job 🙂
Thanks! Nice of you to offer the images as a separate download too. Keep the good work up!
Great pack – thanks for sharing.
Can we have a hotel and healthcare layout pack soon?
Eagerly awaiting…..
Really nice, and this is a super-handy set of layouts for a lot of different types of businesses. THANK you!
Always love when you bring out another layout. It’s bittersweet as it inspires me to download and play around with it but distracts me from client work! 😀
Another amazing layout pack. Great Job!
Brilliant as always 🙂
I got this message when I try to install: A failure has occurred. The structure of the archive is damaged.
Weird. I would try downloading the layout again and updating Divi before uploading again.
I love this theme. Great work!! I will be changing my current Divi theme to this layout. Thank you.
I don’t see how to download this. And where can I find others like it?
You can find the download form here: https://www.elegantthemes.com/blog/divi-resources/download-an-amazing-free-divi-business-layout-pack#download
Simply enter your email and click download.
I would like to know what differences in design, as well as layout, you’d suggest for charitable (501 c 3) business websites. I work with a group that helps underprivileged teens find college subsidies. So this theme is similar, but maybe not similar enough? To me, this pack looks rather corporate. What do your designers suggest as changes, modification? Thank you!
When will the Creative Design Agency layout be available?
Very nice, just what I was looking for. Many Thanks
Very nice work, thank you.
Hey! I’m a Divi Member, but for some reason it’s not allowing me to download this pack. It tells me to Join to Download, so I login, and then go back to the blog page… and then it logs me out & tells me again to Join to Download. Help? I’d love to download this layout pack.
To download the layout packs from the blog, scroll down to “Subscribe To Download For Free”, input your email address then click on “Download” and the download button should appear. If you are already subscribed to our newsletter, don’t worry, it will not subscribe you multiple times so you can do this for each layout pack.
This screencast illustrates how to download the layout packs: http://screencast-o-matic.com/watch/cbeb2m6kov
Always something new and great from Elegant! Where can I find all of the templates you currently offer? Can they all be found in one place?
I would like to know the same thing.
Dear Kenny,
Very nice just before setting smallbusiness layout pack of Olga Summerhayes.
Thank you very much.
Are you planning to make coaching layout pack?
I’m actually re-vamping my divi website. Thanks for the ideas ET!
No se ha podido descomprimir el paquete. El tema no tiene la hoja de estilos style.css.
Fallo en la instalación del tema.
Mariano, no es un tema, es un Layout pack, es decir, un diseño pre hecho, tienes que seguir las instrucciones que hay un poquito más arriba, donde dice How To Import The Divi Layout.
Un saludo.
en los tres temas que quise descargar me sale el error que falta la hoja style
Just gorgeous. Love that you did something with the pre-footer area. Thanks!
Hi, great
I am your follower and I love your videos and your creations, thanks to you I am convinced to take a lifetime license, now I am convacu that soon you will go out a new layout for photographers. Thank you very much for your work and continue like that.
Wildson Alves
Why do we have to reenter our email every week if we are logged in and already an Elegant Themes member?
Tasty, tasty, very very tasty.
Great looking layout pack 🙂
Where is the download button please?
https://www.elegantthemes.com/blog/divi-resources/download-an-amazing-free-divi-business-layout-pack#download
Guys, these look great. But please can you just spend the extra few minutes to create demos with navigation so you can view the pack as a website, rather than just having a page then having to go back here, look at another page, etc. The menu and nav is also quite a key part of the website look and feel!
This is a very nice layout pack – thank you!
Very nice – will you be creating a layout pack for law firms? 🙂
Eagerly awaiting…..
We are working on right now. Any specific content we should consider?
Privacy policy LOL…
hehehe…that WAS funny Peter
Great design. Thanks!
Great. Going to use this on a client’s website today. Are the images already in the JSON files? Or do they need to be individually updoaded? Thanks.
They are included in the JSON files, but the images can be downloaded separately as well for modified or other use 🙂
Great work! what should I say … you made my day 🙂
so many news from here, so less time for me to work …
thanks for the fish
Victor
Where is the download button please?
Click here: https://www.elegantthemes.com/blog/divi-resources/download-an-amazing-free-divi-business-layout-pack#download
Well OK, but the web site needs to be structured better to be able to find these resources. Honestly, I am not stupid, but it gives me a headache and I find myself logging in twenty times to get anywhere.
It’s about halfway down the page where it says “Download for Free”
You enter your email address and click the “DOWNLOAD” button.
I dont understand why i have to enter the email again and again to download…
We have an account so add the download to the download section…
Yes, I agree. This whole process is a pain in the neck. I am a lifetime member, and it drives me crazy trying to access these resources.
One reason I’m looking forward to the built-in interface for installing them.
Hey, for those of us working in the non-profit space, do you suggest any modifications to this theme… or is that “look and feel” so radically different that the corporate/clean-line look of this Business Layout Pack isn’t relevant?
Thanks for these suggestions. They are a nice reminder to remain fresh.
I was looking for this!
Very nice. Thank you!
Buenas tardes, Divi es el mejor constructor con el q he trabajado. Tengo algunas dudas. Como puedo traducir los theme de elegant theme y Divi al español? Que traductor me aconsejan? Muchas gracias
Puede cambiar a cualquier idioma disponible yendo a wp-admin> settings> general y desplazándose hasta el idioma del sitio. Cambie esto al idioma que necesite. Esto cambiará tanto el idioma del sitio front-end como el área de back-end de wp-admin.
Thank you much 🙂
Thank you so much**
Thanks guys