This week I couldn’t wait to share this box of pizza ordering goodness! This layout revolves around a 3rd party extension – Restaurant order taking for your Divi site by GloriaFood.com. Aaaaand the best part, it’s free! After a few clients were asking about restaurant ordering, and a next to nothing budget, I stumbled across this gem, and so glad I did.
“The restaurant order taking menu includes a very detailed menu builder, shopping cart, downloadable app for both the order taker, and the restaurant.”

The restaurant receives the order and confirms with a time, and then printable to the kitchen. The only drawback, slightly, is that it is difficult to integrate into a restaurant’s P.O.S. system. A small price to pay considering everything else to this point is free. There are plenty of “mom & pop” places out there that only accept either cash, or in-house payment. This system does allow for online payment for delivery. To me it’s a win-win.

The demo here is a very small menu, however I have created a very large and concise sushi menu, with a ton of options and you can set the menu to turn different sections on/off during happy-hour or lunch specials. Boom!

Of course this is not limited to just Pizza, they have some pre-formatting to just about any type of food!

Also included in this layout pack, are a few css tidbits that give you subtle enhancements without any plugins. First, a “handy” customized cursor:pointer, that you can create your own .png – see this one when you scroll over the ORDER BUTTON.

Second I found a little old school background trick for a completely css striped background, speeding up your load time, and giving you a nice textured background for a section or two.


See the pizzeria layout below

Download the Divi Dojo pizzeria layout here!    

This ordering button script won’t transfer in the .json, but reads like this:

<!– If you would like to customize the button, remove or change the “class” attribute inside the <span> tag –>
<span class=”button” data-glf-cuid=”307b1eb0-c901-4206-bece-aaf032feec76″ data-glf-ruid=”023df202-ad0e-4ece-9134-2f0b5dc11341″ data-glf-auto-open=”false”> <strong> PLACE YOUR ORDER </strong></span>
<script src=”https://www.foodbooking.com/widget/js/ewm2.js” defer=”” async=””></script>

NOW GO GRAB A SLICE! Place an order, it’s only a test site.

CSS Snippets used in this layout

When hovering over a button, change your cursor into a custom image! Just replace the (‘https://”””.png‘) with the path to your image loaded in the media library.

.button {
cursor: url(‘https://www.dividojo.com/wp-content/uploads/2017/04/micky-point-icon-2.png‘), auto;
background-color: #a20909; /* red */
border: none;
width: 200px;
border-radius: 7px;
color: white;
padding: 12px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 20px;
}

Here’s another cool background texture that you can place in the main section (blue module) custom CSS tab / main element box, it will put stripes over whatever background you have, whether it is an image or a color.

background: repeating-linear-gradient( 45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.3) 20px )

pizza, what?
new york    miami


PLACE YOUR ORDER

Video by 
Ordering food online with this FREE ordering system by    free restaurant order taker    
woodfired pizza
Lorem ipsum dolor sit amet, autem option ut eos, pri ne affert oportere. Quod sumo reque ut est, no assum paulo deseruisse vim.

Our Pizzas

Aeque abhorreant vim at, an brute falli volumus mei. Nostrud habemus ut vel, ea quo simul facilisi.

Learn More >

Italian Sausage

Aeque abhorreant vim at, an brute falli volumus mei. Nostrud habemus ut vel, ea quo simul facilisi.

Learn More >

Our Pastas

Aeque abhorreant vim at, an brute falli volumus mei. Nostrud habemus ut vel, ea quo simul facilisi.

Learn More >

Meatballs

Aeque abhorreant vim at, an brute falli volumus mei. Nostrud habemus ut vel, ea quo simul facilisi.

Free Download >

 

Fresh Ingredients

Aeque abhorreant vim at, an brute falli volumus mei. Nostrud habemus ut vel, ea quo simul facilisi.

View Video >

Garlic Bread

Aeque abhorreant vim at, an brute falli volumus mei. Nostrud habemus ut vel, ea quo simul facilisi.

View Video >

Salad

Aeque abhorreant vim at, an brute falli volumus mei. Nostrud habemus ut vel, ea quo simul facilisi.

Webinar >

Spaghetti

Aeque abhorreant vim at, an brute falli volumus mei. Nostrud habemus ut vel, ea quo simul facilisi.

Downloads >

Sausage

 

Pastas

 

Pizzas

 

Reserve Your Table Today

MAKE RESERVATION

Become a designer ninja.

Tools and Divi layouts that help you become a designer ninja. Be the first to know!

You have Successfully Subscribed!

Pin It on Pinterest