Hey Divi Nation, thanks for joining us for the next installment of our ongoing Divi Design Initiative; where each week we give away a brand new, free Divi Layout Pack (complete with gorgeous high quality images) from our design team to you.
This week Kenny and his team have created a tasty Coffee Shop Layout Pack with eight different pages that provide everything your average coffee shop will need to get up and running in just a few clicks.
There are three mains things about coffee that attract people; the smell, the taste and the way it looks. Since adding a smell or taste to a website is physically impossible, a coffee shop website highly relies on the way it looks. The design team has made use of a great color palette, high-quality images and expert use of Divi’s built-in design options to create a coffee layout pack that’ll leave your visitors speechless and intrigued.
Landing Page Design
Home Page Design
About Page Design
Blog Page Design
Contact Page Design
Brew Guide Design
Shop Page Design
Menu Page Design
Key Features
This eight-page coffee shop layout pack has everything you could possibly expect from a coffee shop website. Primarily; all of the practical information is continuously present on each layout of the website. There is a footer at the end of each one of the pages that shares the working hours and contact details elegantly and noticeably. On top of that, the visuals that are being provided in the different layouts are absolutely stunning and in line with the quality coffee you want to bring to your visitors.
Live Demos
Click the links below to see a live demo for each of the layouts included in the pack.
- Coffee Shop Landing Page (live demo)
- Coffee Shop Homepage(live demo)
- Coffee Shop About Page (live demo)
- Coffee Shop Menu Page (live demo)
- Coffee Shop Brew Guide Page (live demo)
- Coffee Shop Shop Page (live demo)
- Coffee Shop Blog Page (live demo)
- Coffee Shop Contact Page (live demo)
Download The Layout Pack
To use the Coffee Shop 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-coffee-shop-layout-pack.zip file in your downloads folder on your computer. Double click the folder to unzip it and then navigate inside the divi-coffee-shop-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.
- Coffee-shop_All.json
- Coffee-shop_About.json
- Coffee-shop_Blog.json
- Coffee-shop_Contact.json
- Coffee-shop_Menu.json
- Coffee-shop_Landing.json
- Coffee-shop_Shop.json
- Coffee-shop_Home.json
- Coffee-shop_Brew-Guide.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 coffee shop layout pack. And to help ensure that you do, we’ll be doing a live stream on our Facebook page this Tuesday 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!
Gorgeous. Well done!
WOW! Very awesome. Thank you for sharing
I’m painter and I would love to create professional looking page for my art and webshop, I haven’t found good layout for that. I have a words/names and details for every painting and haven’t manage to build a pro website that shows both the art and text with style. I have divi, but still a ready layout would be great help, thanks!
Theres something about Coffee Shop Website Design Layouts; there just so crisp and clean. Thanks Donjete!
omg, great work!
very nice.
Hi I’m developing a coffee online shop using Divi and Restaurant layout you’ve been recently presenting. But today I’ve received the great news on Coffee Shop solution and this one looks much better solution for me 🙂
Can you be so kind and recommend me how can I change the current layout avoiding the text destroying (everything what I’ve corrected already on my current layout), please?
P.S. I’m a beginner in Divi, sorry :))
You totally ROCK!!
Looks great! But when for a library or books shop? 🙂
These Librarys Layouts don’t seem to be working… I cant access any of the information and it also crashed DIVI when I imported them.
Groovy.
was just thinking the other day it would be nice to have some darker designs … looks great 🙂
This looks great. Thanks for making it happen.
Thanks! Can we get a layout for personalities? TV/Radio/Model
Links working fine as off post of this comment.
Not the demo pages, nor the download link is working.
Will there be a layout for Web design / development? I know there is the Design Agency layout but looking for a layout specifically for Web design / development.
Interested in same.
Gorgeous!
everything is FUBAR!
I’ve reported it earlier to support but nonetheless – demos have unwanted horizontal scroll bar…
These layouts with all the photos specific to one industry are nice, but I would love to see ET create a small business general purpose layout pack that does not have quite as many photos.
Cool template, loving Divi.
I agree…
This is good.
I have been a member for years since prior to Divi coming along. How can I catch up with all of the layouts you have released??
Please advise I am endeavoring to build an agency site for my clients offline and online marketing.
This whole DIVI nation has royally helped my get an online business up and running. Thanks guys you were and are the answer to getting started.
Enter this in the Divi Resources blog search to see all of the free layouts, include the quotes in the search bar…
“Divi Design Initiative”
Hope that helps ☺
The website is not loading.
I agree
Love these free layouts Donjete.
This one is perhaps a tad dark for my taste and I’m looking for a really inviting cup of coffee for that first image.
It’s all about personal tastes, so please keep em coming. 🙂
Thanks.
FYI: The landing page link appears to be stalled or broken as of 10.08a CST.
Update: Actually, multiple live preview links appear to be stalled or broken.
I downloaded the file and tried to load it to my system only to find a notice saying “missing .CSS file upload failure”
Alex, please refer to the “How To Import The Divi Layout” video instructions in the article.
Bill, the previews should work now. We had a problem with our CDN a couple of days ago but it should be fixed. Let me know if you still don’t appear to load correctly.