How to add a Landing Screen to GRUBBRR Kiosks through the Enterprise Console

 GRUBBRR Kiosks operating on version 15.4+ can be set up with a fully customizable landing page. This screen is automatically shown on the Kiosk when a user taps to enter the menu, and allows us to display curated media and quick-links to featured items and categories before the customer begins browsing the menu. You can see a fully configured landing screen in the image below.

Landing Screens can be enabled and configured in the "Appearance" section of the Kiosk Settings menu in the Console, either at the location level or as part of an enterprise Kiosk dataset. For this guide, we'll show you how the configuration works at the location level. 

1. Go to console.grubbrr.com

2. Navigate to the location that you want to configure, then select "Kiosk Settings" in the Console sidebar

   1. For brands using Enterprise management, you will need to switch to Enterprise view then open the "Master Kiosk Dataset."

3. Click "Appearance"

4. Select "Kiosk Appearance" in the dropdown

5. Scroll to the bottom of the screen to find the "Landing Screen" section

6. To add a new element to the landing screen, click the "Add Asset" button

7. Each asset requires multiple different components; first, we'll need to upload media for the element

   1. The Kiosk supports .jpg, .png, .gif, animated .webp, and .mp4 files. Please note that any files we upload should be 5MB or less.

8. Optional: If you want to include a text description of the element on the Kiosk, you can enter it in the "Asset Name" field

   1. You can leave this field blank if your asset already includes text for a "Call to Action." 

9. Next, we'll define what each element actually does using this dropdown

   1. For the first release of this feature, an asset can either redirect customers to a specific menu item, or to a menu category.

   2. You will also need to define the end destination of the link in a second dropdown

10. You can add up to four total assets per row

    1. Note: the Kiosk adapts the size of each tile based on the number of assets in a row. It's important to review the resolution of any media you upload, so that it doesn't look pixelated or squished on the Kiosk.

11. You can add up to five rows of assets to the landing screen by clicking here

12. If desired, you can add a header to your landing page; this can be plain text

13. Or a combination of text and media

    1. The Landing page header supports all of the same file types as the asset tiles.

14. You can see a preview of any header media you upload here

15. Remember to save and sync your changes to see them on the Kiosk

Recommended Dimensions for the Landing Screen

The layout of the landing screen is dynamic, so every row can have a completely different format (e.g., row 1 might have one banner, while row two might have three smaller tiles).  So, when uploading assets, make sure to approach each row separately, based on the dimensions outlined below. For your convenience, a visual guide to asset layouts is available here.

Note: 
For best results, GRUBBRR recommends limiting the landing screen to three rows of content, with no more than three columns per row. This will ensure that all of your assets are clear and easy to see. In our experience, using three rows with one column, three columns, and one column (as pictured above) creates the best user experience.