for Retail and Restaurant

Creating a Custom Kiosk Product Menu

You can create custom Kiosk layouts in the Designer view of the Back Office, and select products/categories individually to each tab in in the Kiosk screen (regardless of any assortments).

The basic Kiosk layout is defined by the options you select in the layout’s Basic Data:

  • Vertical menu enabled or not

  • Custom product grid enabled or not

Basic Data switches.png
Layout option switches in Basic Data

If Vertical Menu is not enabled in Basic Data, the product tabs will be visible horizontally in the screen.

Horizontal product tabs.png
Configurations for a horizontal product menu
Horizontal product menu.png
Example of a horizontal product menu in Kiosk


If Vertical Menu is enabled in Basic Data, the product tabs are arranged vertically to the screen.

Vertical menu.png
Configurations for a vertical product menu
Vertical product menu.png
Example of a vertical product menu in Kiosk


Creating Tabs

You can add new tabs to the layout by clicking on the Plus icon.

Add new tab.png
Add new tab

Enter/select the following details for the tab.

Tab options.png
Tab Options

Field

Description

Tab name

Enter a name which will be displayed on Kiosk screen.

Grid width

Defines the maximum amount of products per row: Select 2 ,3 or 4 for the tab.

Tab order

Enter the order of the tab.

If the vertical menu is in use, you can also add a tab image by either dragging-and-dropping it directly to the Tab picture field, browsing and selecting it, or entering a web address of the image; click the provide web link text for the last two options.

Tab picture.png
Tab picture field


Load image.png
Enter media path or browse for the image to add it to the tab


When you have defined the tab options, click Save layout to save the your changes. Shut down and restart the Kiosk software on the workstation for the changes to take effect.

Adding Products to the Tabs (Custom Product Grid Not in Use)

You can add single products or whole product categories to the tabs.

When the Custom Product Grid has not been enabled, the as a default the product images displayed on Kiosk screen will be the images defined in product details. If the product details do not contain a product image, a placeholder image will be displayed.

  1. Select the tab you want to add products to.

    Tab selected horizontal.png
    Tab selected (horizontal menu)


    Tab selected vertical.png
    Tab selected (vertical menu)


  2. In the Products section, select Single product or Category of products to search.

    Single or category.png
    Single/category selection
  3. Search for products by

    1. Entering search term into the Search products field (if Single product has been selected).

      Vertical Tab.png
      Product search
    2. Selecting a category (if Category has been selected).

      Category selection.png
      Category selection
  4. Select the product(s) or category/categories to add them to the tab.

    Product search for tab.png
    Product selected for the tab
    • If you wish, you can rearrange the product order in the menu by dragging-and-dropping the product rows and/or changing the Product order in Tile options.

    • You can also enter a new Item name and/or web address for Item Picture for the product.

      Rearranging products.png
      Product order in the menu
  5. Click Save layout to save the your changes. Shut down and restart the Kiosk software on the workstation for the changes to take effect.

Custom Product Grid

If Custom Product Grid has been enabled, you can add tabs (A). as well as product tiles (B. ) to the tabs by clicking the Plus icons. You can freely define the product images which will be visible in the Kiosk screens in the product tile settings.

If you do not define an image in the tile settings, the default image displayed for product on Kiosk screen will be the image defined in product details. If the product details do not contain a product image, a placeholder image will be displayed.

Horizontal menu custom product grid.png
Adding tabs (A.) and product tiles (B.) to the screen (horizontal menu)
Vertical Menu custom product grid.png
Adding tabs (A.) and product tiles (B.) to the screen (vertical menu)

Add Product Tiles to the Custom Product Grid

  1. Select the tab you want to add a product tile into, and click the Plus icon.

    Tab selected custom.png
    Tab selected (horizontal menu)
    Tab selected custom vertical.png
    Tab selected (vertical menu)
  2. Enter/select the options for the product tile:

    • Item Name: Enter a name which will be displayed for the tile in Kiosk screen.

    • Product: Select the product for the tile.

    • Item Picture: Enter the web address of the image used for the item.

    • Text color: Enter of select the text color used for the tile.

    • Font size: Select Small, Medium, Large or Extra Large.

      Tile options.png
      Tile options
  3. Click Save layout to save the your changes. Shut down and restart the Kiosk software on the workstation for the changes to take effect.

You can create larger product tiles by dragging the tile from its bottom right corner to the wanted size.

Resize.png
Resizing a product tile