In this guide, we will walk through building a restaurant menu app from Google Slides. It's quick and easy to do. Let's get started.
A menu in a website is either in a PDF document or a fixed menu that requires technical help to modify. This reduces the possibility of quick updates and highlighting a dish such as a day's special. Poexis offers a quick and easy-to-maintain menu app, which can be created and modified using Google Slides.
Difficult to follow?
This guide is written to highlight only the steps involved in building a menu app. If you want more detailed explanations, or if any step is confusing, refer to the following guide for help.
Select the Section Header slide 'Home' (You may have to go into the 'Slides in this presentation' menu in the link panel).
If you use the same text in Menu and Section Header, Google Slides will automatically suggest the destination slide, when you try to add a hyperlink to the menu entry.
Content Area and Adding Elements
Content Area slide is under Section Header slide, therefore it is linked to 'Home' section. 'Content Area' layout keeps the vertical order. It means if the image is above the text, it will be reproduced as such in the app. From the assets folder,
Add a text box under the image, and fill the text given below (How?)
(Click the 'Copy' icon at the right end of the code block).
At Rice Bowl we create light and healthy food, combining inspiration from home made meal and exciting modern flair. With influences ranging from the simple western cuisine to the exotic Asian spices, you’ll find a nostalgic collection of comforts, classics and curiosities with a modern twist.
Image 2: Section Header and Content Area slides after editing.
Defining the Home Screen
The 'Home' screen is the first screen that a user will see when the app is opened. To define the home section, add the 'Home' sticker to the first content layout in that section. Paste the Home sticker,
Go to the slide with the Rice Bowl logo and text.
Open Poexis Creator: Add-ons > Poexis > Creator.
Click: General > Home > Paste the Sticker.
Refer a the GIF on this page if you run into any issues.
Two things need to be ensured,
The 'Home' sticker needs to be placed in the first content layout slide, not in the Section Header slide.
Every slide deck must have a home section defined before publishing the app.
Creating and Linking a New Slide
To add a new slide,
Slide > New Slide, or Ctrl+M (In both Mac and PC).
Make sure the new slide has 'Content Area' as layout. If not change it by clicking 'Layouts' in the toolbar and select the 'Content Area' layout.
(Another way is Slide > Apply Layout > [Select Layout]). (Layouts)
We want the new slide to be part of the Home section. For this, a Scroll Sticker is used,
In Poexis Creator: General > Scroll > Paste Sticker.
Note that you have to paste the scroll sticker in EVERY content slide after the section header.
Paste a scroll sticker also in the previous slide.
(You can also copy and paste the stickers to another slide).
To add a button all you have to do is draw a rectangle and add text, (Issues? Look in Buttons)
Click the Shape icon in the toolbar > Shapes > Rectangle > [Draw a rectangle]
(Also available at Insert > Shape > Shapes > Rectangle).
To add a button label click the rectangle and type the text.
Draw three rectangles and arrange them vertically. Add labels as Appetizers, Main Course, and Desserts.
The buttons need to be linked to the respective sections. That will be done after we finish building the sections.
If you want to align a button to the center of the screen in the final app, just center align the text inside the rectangle in Google Slides
To add a section,
Add a new slide and change the layout to Section Header.
Change the title of the new section to 'Appetizers'.
Create a menu entry, say 'Appetizers', and link it to the Appetizers section.
Add a Content Area slide after the section header.
To add content to this slide, we will use the List Sticker.
This sticker allows you to add content to a spreadsheet and link it to the slides. While publishing the app, Poexis will fetch the content from the spreadsheet and arrange the content according to the specified settings,