Download a Tasty & Free Coffee Shop Layout Pack for Divi

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.

  layout

Check Out The Divi Layout Pack for Coffee Shops Below

Download For Free Today!

coffee shop

Landing Page Design

coffee shop

View The Live Layout Demo

Home Page Design

coffee shop

View The Live Layout Demo

About Page Design

coffee shop

View The Live Layout Demo

Blog Page Design

coffee shop

View The Live Layout Demo

Contact Page Design

coffee shop

View The Live Layout Demo

Brew Guide Design

coffee shop

View The Live Layout Demo

Shop Page Design

coffee shop

View The Live Layout Demo

Menu Page Design

coffee shop

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.

  1. Coffee Shop Landing Page (live demo)
  2. Coffee Shop Homepage(live demo)
  3. Coffee Shop About Page (live demo)
  4. Coffee Shop Menu Page (live demo)
  5. Coffee Shop Brew Guide Page (live demo)
  6. Coffee Shop Shop Page (live demo)
  7. Coffee Shop Blog Page (live demo)
  8. 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 Divi Daily email list 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.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:before { border-top-color: #ffffff !important; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:before { border-top-color: transparent !important; border-left-color: #ffffff !important; }
@media only screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:before { border-top-color: #ffffff !important; border-left-color: transparent !important; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !important } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 strong { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p strong, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form input, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !important;}

Download For Free

Download For Free

Join the Divi Newlsetter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access the layout pack.


You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

How To Import The Divi Layout

Subscribe To Our Youtube Channel
Once you have downloaded the layout pack, locate the -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 -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.

coffee shop

No Licensing Restrictions

coffee shop

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!

.divi_cta{background-color: #8f43ee; color: #fff; font-size: 20px; font-weight: bold; padding: 20px; text-align: center; display: block; text-decoration: none; border-radius: 4px;}.divi_cta:hover{text-decoration:none;background-color:#7d37d6;}.divi_cta_red{background-color:#db1c1c;}.divi_cta_red:hover{background-color:#c51a1a;}

The post Download a Tasty & Free Coffee Shop Layout Pack for Divi appeared first on Elegant Themes Blog.

Click Here to Leave a Comment Below 0 comments

Leave a Reply: