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
View The Live Layout Demo
Home Page Design
View The Live Layout Demo
About Page Design
View The Live Layout Demo
Blog Page Design
View The Live Layout Demo
Contact Page Design
View The Live Layout Demo
Brew Guide Design
View The Live Layout Demo
Shop Page Design
View The Live Layout Demo
Menu Page Design
View The Live Layout Demo
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!