Waivio: How to add a menu to a restaurant listing on Steem blockchain

in #waivio5 years ago

Waivio provides intuitive and simple tools to create and manage complex and embedded menus as well as food and beverage lists.

How to add a menu

How to add a menu

And while this follow-up tutorial focuses on restaurant menus, the same approach can be used to manage lists of places, companies, wiki pages and all other types of objects.

In a separate tutorial you might learn how to create restaurant listings on Steem blockchain.

Restaurants often have several menus, these menus can have multiple sections and sub-sections. You can implement these using embedded lists on Waivio.

Here is an example of multiple menus for the Kisamos Greek Taverna.

Embedded menus

Embedded menus

Most restaurant menus are already available in a text form, but in this tutorial we will also show how to convert a menu from a high resolution image using an OCR process.

Select a column to OCR

Select a column to OCR

If a menu has multiple columns, it is recommended to crop individual columns and save them as separate files.

There are many OCR services available online. In this example we are using NewOCR.com

Upload file to NewOCR

Upload file to NewOCR

Please follow 3 simple steps:

  • click on the "Select file" button (select the image file);
  • click on the "Preview" button to upload it;
  • and then click on "OCR".

Scroll down the page to access the text.

Complete OCR process

Complete OCR process

You may use any word processor to compare the original image with the OCR text, make changes and format it for easy copying.

Compare OCR version to the original

Compare OCR version to the original

Now we are ready to create menus for a Sample restaurant.

As soon as you switch to the edit mode, you will see a "MENU" subsection in the left column. Click on "+ List" to link the restaurant to a new menu. If a menu already exists, it can be located using the "Search objects" tool. And the field "Menu item name" can be used to create a custom name for the button.

To create a new list, simply click on "Create new list".

Create Menu button

Create Menu button

Once the first list is created, it is possible to create additional menus such as "Lunch", "Dinner" and so on. These embedded lists can be created by clicking on the link "Create new object" in the middle column.

When creating embedded menus, please make sure to select "list" as the type of an object to be created.

Create multiple menus

Create multiple menus

Similarly, you can create multiple layers of embedded menus.

Once the menu structure is prepared, you can start adding dishes to menu sub-sections.

Create sub-menus and add dishes

Create sub-menus and add dishes

When adding dishes, make sure that you select the "dish" object type from the drop-down menu.
Enter the name of the dish and select 'dish' object type

Enter the name of the dish and select 'dish' object type

Then open the dish in a new window to enter additional information about the dish, starting with the Title (max. 100 characters) or a Description.
Open dish page, add description

Open dish page, add description

Then, add the Price. The same field can be used to specify pricing options for the dish.

Add price

Add price

Tags can improve the discoverability of dishes by allowing customers to filter dishes by ingredients or categories, such as "vegetarian" or "gluten-free".

Please note that tags are limited to hashtags already used on the Steem platform.

Add tags for Ingredients and Category

Add tags for Ingredients and Category

Key information about the dish, such as the name, description, price, ratings and selected tags will appear in menu listings.
New dish in Classic Favorites

New dish in Classic Favorites

If no avatar (icon) was provided for the dish, it will be displayed with the image that is linked to the parent object, in this case it is the restaurant itself.

Custom photos/icons for dishes

Custom photos/icons for dishes

The items in the menus (lists) are sorted according to their rank, which reflects the popularity of the dish in customer reviews.

However, if the dishes need to be organized in a certain order, this can be achieved by using the "Custom sorting" feature.

Open list in a separate window for further editing

Open list in a separate window for further editing

To access additional options, please open the list in a new window. Then click the "+ sorting" link.
Custom sorting of lists

Custom sorting of lists

Now list elements can be moved up and down. Once the custom sorting is saved, it will be used instead of sorting by Rank.
When custom sorting is available

When custom sorting is available

Sometimes menus or sub-sections require additional notes, such as hours of operation or additional items that come with each dish in that section. This note can be included as a Title for the list.

The focus of this tutorial was on restaurant menus, but a similar approach can be used to create catalogs, shopping lists, complex document structures and more.


If you believe that what we are building will benefit the Steem ecosystem, please vote for the Waivio proposal on the Steem Proposal System: Steem as a platform for business. Every vote helps!

And #keepsteeming!

Sort:  

I don’t see a delete button. How can I remove an item from the list?

Loading...

Great idea! I can see huge potential in Steem based Restaurant Menues!!!

Coin Marketplace

STEEM 0.21
TRX 0.20
JST 0.034
BTC 98129.50
ETH 3322.67
USDT 1.00
SBD 3.05