putti menu/catalog tutorial
TRANSCRIPT
![Page 1: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/1.jpg)
Access the ‘Features’ tab on the App Panel
![Page 2: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/2.jpg)
Once the ‘Features’ tab has been selected the app panel will appear with a list of the features that are already applied to your app. On the top right of the panel there is a ‘Manage’
button, click this to access the features menu where you can pick and choose which features you would like on your app.
![Page 3: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/3.jpg)
Select the ’Menu/Catalog’ feature. Drag and drop the feature to where you would like it to be placed on your app
panel. Press close once you’ve finished.
![Page 4: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/4.jpg)
Select the ‘Menu/Catalogs’ tab now located on your app panel.
![Page 5: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/5.jpg)
For a detailed description of what the ‘Menu/Catalog’ feature does hover over the question mark button
![Page 6: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/6.jpg)
Click the customise button to change the name or the icon
of your menu/catalog feature.
![Page 7: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/7.jpg)
To chose an icon or to upload your own custom icon press
the ‘Browse’ button.
![Page 8: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/8.jpg)
Choose an icon from the list provided, or to upload your own icon press the ‘Upload custom icon’ tab.
![Page 9: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/9.jpg)
To upload your custom icon drag and drop your 60 x 60 pixel image into the blue area, or press browse to find your icon manually. Press
set when you have chosen your icon.
![Page 10: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/10.jpg)
Choose the Category Tier to be either a ‘Single’ or ‘Multi Level Deep’ category list
![Page 11: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/11.jpg)
A ‘Single level deep’ tier lists everything out on the menu like above
![Page 12: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/12.jpg)
A ‘Multi level deep’ tier lists everything out as separate groups like above
![Page 13: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/13.jpg)
Press ‘Save’ once you have finished customising your features name and icon.
![Page 14: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/14.jpg)
If you would like to enable mobile ordering click on the mobile ordering settings button. This will prompt you to confirm
activating mobile ordering for your app.
![Page 15: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/15.jpg)
Click on the ‘Add' button to add a Category
![Page 16: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/16.jpg)
Customise your category by filling out a name and adding a 280 x280 pixel image in to the blue area
![Page 17: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/17.jpg)
Note: If it's a sub-category you're adding (Multi-level deep), please select the Parent category and then
type in the necessary fields.
![Page 18: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/18.jpg)
Add an item to your newly set up category by pressing ‘Add Item’
![Page 19: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/19.jpg)
Fill out the relevant information required for your listing including name, synopsis, and price (if
required).
![Page 20: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/20.jpg)
You can choose to add media with either a image (A PNG/JPG at 640 x 427 pixels), or YouTube video by
filling out the required URL
![Page 21: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/21.jpg)
Fill out the URL you would like to link to if you’re event is shared (or leave blank).
![Page 22: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/22.jpg)
Activate this button if you would like to enable mobile ordering for this item
![Page 23: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/23.jpg)
Add a description on the menu item that you are adding
![Page 24: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/24.jpg)
Press save once you’ve finished adding your menu item.
![Page 25: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/25.jpg)
The Edit option on the right of each event item allows you to edit the content for that particular item.
![Page 26: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/26.jpg)
Press the bin icon if you would like to delete that item
![Page 27: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/27.jpg)
Change the order of your icons by selecting ‘Change Order’
![Page 28: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/28.jpg)
Drag the dot icon to rearrange the order of your items. Press ‘Update New Order’ once you’ve finished.
![Page 29: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/29.jpg)
Preview AppTo view your new app feature download the Putti
Preview App and navigate to your menu/catalog tab.
![Page 30: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/30.jpg)
View your menu items and click on each single item for a full description
![Page 31: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/31.jpg)
Preview WebsiteIf you have chosen to have a responsive website then make sure you have completed the ‘Configure Website’ section of the CMS.
Click ‘Preview Website’ on the app panel.
![Page 32: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/32.jpg)
Once you’ve accessed your website navigate to your mobile menu/catalog feature. Your link will appear in different places depending on the layout or template
you’ve chosen.
![Page 33: Putti Menu/Catalog Tutorial](https://reader030.vdocument.in/reader030/viewer/2022032700/55d1075ebb61ebf3778b4616/html5/thumbnails/33.jpg)