Waivio

Recommended Posts

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

3 comments

grampo157.915 years agoWaivio5 min read

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

https://waivio.nyc3.digitaloceanspaces.com/1583523153_b3b0fc82-b848-4011-a1c5-0d91c475a053

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 Hive 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.

https://waivio.nyc3.digitaloceanspaces.com/1583523184_cff7254e-63cf-40e1-a461-92d0c8950bcc

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.

https://waivio.nyc3.digitaloceanspaces.com/1583523217_926c2505-1f21-42cb-896c-c282b3c2016e

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

https://waivio.nyc3.digitaloceanspaces.com/1583523287_d0cdce07-cfe9-46e5-8eb5-3fcc2520e8b4

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.

https://waivio.nyc3.digitaloceanspaces.com/1583523343_24034b5b-555b-4130-b089-a0e320a67f4d

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.

https://waivio.nyc3.digitaloceanspaces.com/1583523368_2a7fca47-4316-4b1e-996c-c55e9bb89976

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".

https://waivio.nyc3.digitaloceanspaces.com/1583523412_babd7bfe-5647-4b40-919f-ddb05564fbd6

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.

https://waivio.nyc3.digitaloceanspaces.com/1583523450_2f9e23c8-65cf-491c-b66a-749cf01c2dad

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.

https://waivio.nyc3.digitaloceanspaces.com/1583523484_c4db495d-9473-4ce0-a94d-12fef02372a4

Create sub-menus and add dishes

When adding dishes, make sure that you select the "dish" object type from the drop-down menu.
https://waivio.nyc3.digitaloceanspaces.com/1583523542_53ff355e-40a5-4f4b-a1eb-f874a918b5d8

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.
https://waivio.nyc3.digitaloceanspaces.com/1583523605_895ea912-1e1e-4cc5-a2a7-6228b84d2873

Open dish page, add description

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

https://waivio.nyc3.digitaloceanspaces.com/1583523659_5fe19246-544b-4648-831f-d48b38647415

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 Hive platform.

https://waivio.nyc3.digitaloceanspaces.com/1583523682_04d35441-3280-48f6-8a9c-43c9d1bb434b

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.
https://waivio.nyc3.digitaloceanspaces.com/1583523769_47e32fee-dbf1-481e-82bf-fc825dfdf03f

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.

https://waivio.nyc3.digitaloceanspaces.com/1583523822_c93e0f0d-b7db-4fbf-af0f-e47c9f2c9779

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.

https://waivio.nyc3.digitaloceanspaces.com/1583523859_268397a0-7ceb-404c-a28e-7e1ccca4c3f9

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.
https://waivio.nyc3.digitaloceanspaces.com/1583523911_64d74444-ed88-4e96-9783-afefd3bad9f9

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.
https://waivio.nyc3.digitaloceanspaces.com/1583523946_619d622c-726e-42f5-9bb3-f0c3cbd52d8f

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 Hive ecosystem, please consider supporting Waivio proposals on the Decentralized Hive Fund. Every vote helps!

And #hiveon!

Linked objects 1
Ambience
Food
Service
Value
$-$$$
123 Ocean View, Vancouver, BC
Sample restaurant description

Comments

Sort byBest
AI
Waivio AI Assistant
How can I help you today?