Building Japanese restaurant website with FW Food Menu
Reading time: 10 mins. Implementation time: 50 mins.
Reading time: 10 mins. Implementation time: 50 mins.
A good pizza place needs attractive and informative pizza menu. Have a look at a pizza menu we created with FW Food Menu. A live version is available on FW Food Menu Pizzeria showcase demo.
Reading time: 10 mins. Implementation time: 50 mins.
Check out our Pizzeria restaurant Guide for more details on configuring Pizzeria menu. The pizzeria menu should be intuitive, well-organized, and attractive so the customer could be inspired by your menu and easily find out what’s included into a desired Pepperoni pizza.
Our Pizzeria menu is a great example of an effective and good-looking 3 columns menu with beautiful meals images, stylish meals backgrounds, tiered pricing, and descriptions of ingredients. You can create the same pizza menu all by yourself, and you don’t need to be a professional. This showcase can be a good fit to any other fast food restaurant type - fish and chips, sandwiches, hamburgers, tacos, ice cream, etc. The only difference will be in meals’ types and the number of categories you will need to create. We will describe the page of the menu, its elements, and the business idea behind each element. Make sure to understand that to proceed with creating the same menu you need to prepare media content and install FW Food Menu to your Joomla website. To learn how to get started with FW Food Menu, review Getting started documentation page. If you have media content and FW Food Menu ready, it takes less than one hour to create a similar online menu. The overall process for creating such a menu looks as follows:
A pizza menu should be colorful with appetizing images and complete details. A customer should be able to look through the menu before they start ordering. Make sure you have a clear list of the meals you have on offer. Aside from a clear list, it is also a great tool that you can promote your meals with.
This page is created based on the Menu layout allowing to display a category along with meals included in this category on the same page. The meals are arranged in three columns and each meal has a list of ingredients, available sizes and respective price for each size. Some of the meals are marked with Recommended and New promo emphasizing that the meal is worth paying attention to. Let’s review each element of the menu below:
Our Pizzeria menu features a simple layout and design, allows to emphasize specials, style meals with beautiful background images and color, and many more. We have clearly outlined all the steps for creating such a menu in our Pizzeria Restaurant guide. Should you have any problems while configuring the menu, feel free to ask questions in the comments section at the bottom of the documentation page or contact us using General Questions form in your Client Section.
In this release, we have come up with a few significant new features which will streamline user experience. We have also implemented a series of bugfixes. Let’s review all changes below:
Taking orders online has become a necessity for food industry in our pandemic situation. While most people would prefer to hang out with their friends in bars and restaurants face to face, online orders have always been part of a business that had a huge potential and a growing demand. There are businesses that only sell food online, which demand a very friendly ordering service and of course high quality food.
When we think of our favourite food places we imagine an atmospheric website design with interior images, actual menu with prices, locations, working hours, etc. These websites is a huge part of food industry market, but it is very rare when local food places have online food ordering option available. At best you can expect a link to a 3rd party platform where food is sold in a totally different environment and with minimal design references to a place a customer buys from. From the other hand it does the job and these solutions are popular among local providers.
Our today's topic can be an answer to both local food places owners and online food ordering systems. Why not adding an ordering option if you already have a website. Also, if you have an ordering website you can check if your process is smooth enough or it may benefit from replacing your current system with FW Food Menu plugin for Wordpress. All written below would refer to Wordpress websites.
Assuming you have a Wordpress website online and Admin access to it we will show how to turn it into online food ordering system and start taking orders online in 10 mins. The main steps are:
For payment options you will need at least 30 days subscription to FWFM Order Online add-on, which currently costs $34.99 USD. If you skip this option you will get a nice looking responsive online menu. Since our goal was to take orders online you will need that add-on which comes with PayPal and Stripe integrations that cover the most popular card payments and online PayPal payment.
Before we start make sure you are logged into your Wordpress admin, get your stopwatch handy... Ready. Steady. Go.
Alternatively you can install from WP Admin -> Plugins -> Add New section by typing in "FW Food Menu" in a search box and hit Install button.
Congratulations! You have FW Food Menu installed on your Wordpress website.
In order to verify a website we need go to WP Admin -> Dashboard, enter Acess Code in verification box and click Verify button.
Access code is a unique customer code that can be found in Client Section on fastw3b.com.
Congratulations! Now you can install free add-ons and updates, use Fastw3b support and purchase add-ons in case of need.
Congratulations! No you have empty FW Food Menu which will be filling with content and new options in a few minutes.
To avoid dummy texts and made up examples we went to Trip Advisors's Boston quick bites directory and picked a random food place which turned out to be Thinking Cup Boston. Luckily they had a website with a very typical menu. This is a perfect example to see how easy you can turn a regular website into online food ordering website.
They have 4 categories:
Tea & More
Congratulations! You added 4 categories to your future online menu.
Thinking Cup website has different types of meals in terms of data format, also there are meals with price layers. For a start we will ignore long descriptions and will only use first price to get meals imported into categories. All other details would be a good reason to write another post on how to make this menu perfect and add enhancements to make online menu really user friendly and intuitive.
After spending few minutes for copying meals into text file and edit them in a "meal name = price = meal description" format we have 4 blocks ready for import.
Please note that we removed $ dollar signs as a currency would be set in FW Food Menu Settings.
Repeat for 3 other categories. Paste items for a category you selected and insert into Quick Meals modal window.
Coffee (13 items)
Coffee = 1.50
Iced coffee = 2.75 = Brew.
Café Au Lait = 2.90 = Coffee with steamed milk.
Espresso = 2.75
Macchiato = 3.00 = Espresso with a dollop of milk.
Latte = 3.50 = Espresso with foamed milk.
Cappuccino = 3.50 = Espresso, steamed milk and milk foam.
Mocha = 2.50 = Espresso, premium home made chocolate sauce and foamed milk.
Americano = 2.75 = Espresso and hot water.
Pour over = 3.30 = Check Board for Single Origins
Hazelnut latte = 4.00 = With Freshly Roasted Hazelnut Paste
Vanilla Ginger latte = 3.90 = Our Original Home Made Syrup
Honey Cinnamon Latte = 3.90 = Our Original Home Made Syrup
Tea & More (5 items)
Hot Tea = 3.00 = Blue Flower Earl Grey, English Breakfast, Decaf English Breakfast
French Hot Chocolate = 3.95 = 64% Tainori Valhrona Drinking Chocolate
Chai Latte = 3.50
Iced Tea = 2.00 = Bergamot Black, Golden Green, Crimson Berry
Orange/Grapefruit Juice = 2.95 = Freshly Squeezed.
Breakfast (12 items)
Egg & cheese sandwich = 2.95
Breakfast Sandwich = 4.95 = Choice of Sausage, Bacon or Ham with Egg and Cheese on English Muffin
Smoked Salmon on Bagel = 7.50 = with cream cheese, tomato, and red onions
Cage-free Eggs = 6.95 = with potato, nitrate-free bacon, and gruyere or with Spinach, Roasted red peppers and mushroom.
Breakfast Burrito = 5.95 = Choice of Sausage, Bacon , Ham or Chorizo with Egg, Salsa, Black Beans, Pepper-jack Cheese on flour Tortilla
Bagels = 2.00 = Plain, Wheat, Everything, Cinnamon Raisin with Butter 2.25 with Jelly 2.50 with Cream Cheese 2.75
Croissant = 3.00
Chocolate croissant, almond croissant = 3.50
Scone = 3.25 = Cherry Ginger, Lemon Poppy Seed
Muffin = 3.00 = Blueberry, Morning Glory, Raspberry Yogurt (seasonal)
Oatmeal = 3.95
Toppings = 0.50 Almonds, Bananas, Raisins, Strawberries, Walnuts, Apples, Cranberries, Blueberries, Brown Sugar, Honey, Maple Syrp
Sandwiches (9 items)
Grilled Cheese = 6.95 = Choice of bread, cheese and plenty of add-ons
The Italian = 8.95 = A mixture of sweet and spicy Italian cold cuts, sharp provolone cheese, red wine vinaigrette and arugula on house baked bell pepper focaccia bread
Jittery Hen = 8.95 = Stumptown coffee braised chicken, house-made BBQ sauce, pickles and smoked gruyere cheese on sourdough bread
B.A.L.T = 8.95 = Applewood Smoked Bacon, Hass Avocado, romaine lettuce, vine-ripe tomato and house made aioli on sourdough bread
Classic Turkey = 8.95 = Maple turkey, swiss cheese, dijon mustard, romaine lettuce, vine ripe tomato pressed on multigrain bread
Smoking Jamaican = 8.95 = Jerk-spiced turkey, roasted red'n yellow peppers, havarti cheese, mango chutney,pickled jalapenos, pressed on toasted multigrain bread
Roasted Chicken = 8.95 = Buttermilk marinated chicken tenders, havarti cheese, roasted wild mushrooms, vine-ripe tomato, romaine lettuce, sweet'n'spicy mustard pressed on multigrain bread
Jimmy the Greek = 8.95 = Red bell pepper hummus, artichoke hearts, kalamata olives, vine ripe tomato, roasted wild mushrooms and goat cheese on multigrain bread
Barcelona Bliss = 8.95 = Spanish cured dry chorizo, Aged manchego cheese, roasted garlic aioli and green olive spread on a crusty french roll
After we add meals for all categories let's go to Order page and check the results.
Well done! Now we have 4 categories with real meals on our order page.
If we compare the original menu page and what we currently have we will notice that our version is 1 column menu while source has 4 columns which looks much nicer and occupies less space on a screen. Let's do the same.
We need to set global columns rows to 4 while number of columns inside categories should be 1. Since all categories inherit global/parent settings we will have to change number of columns in categories to avoid funky layout.
We can install FWFM Colums right from add-ons section because it is a free add-on. Purchased add-ons will only appear if plugin was verified (see step 1).
When installation is complete, do the following:
Congratulations! Now you have 4 columns menu. Refresh Order page and check results.
Before we go to configuration and have Online ordering configured we need a paid FWFM Online Order add-on. To get add-on right from your website you need to:
Done! Now we are ready to take the first order!
Go to an Order Page and add some items to an order. Try to edit order and add/delete items forth and back. When you are done click Checkout button and fill in Checkout form. After all fields are filled a confirmation will appear on a page and emails will be sent to a recepient we set in point 6.9 and a customer will receive a copy. Also order record will appear in Admin -> FW Food Menu -> Orders section.
Please contact us, if you have questions or need any assistance via Client Section. We would be glad to hear your feedback if setup process is easy enough. We plan to release a video soon on how to do it all and add to this post. Stay tuned.