MPOS Layout and discounts

Owned by Maria Ljung (Unlicensed)
Last updated: Jun 14, 2022 by Amanda Pettersson Dahlin (Unlicensed)
7 min read

This manual covers how to create and configure the button layout and creating the discount buttons for your MPOS devices, which your cashiers will use when they sell products.

The MPOS layout consists of a number of tabs on which you can organize your product buttons.

Each tab is given a name and a color to make it easy to recognize in the cash register. All products added to a tab automatically takes on the same color as the tab they are present on.

Each tab can be activated and deactivated, which means it will be visible or not visible in the cash registers. Each tab can also be assigned to be visible only for specific stores (restaurants) if the product range differs between stores. 

We recommend that you try to keep the product selection as uniform as possible for your stores since this enables the possibility to use the same tabs and manage layout updates in one place.

However if you have the need to sell local products only available in one of your stores the recommendation is to create a new tab for this store where the local products are added.

Remember to name the tab so that it's clear for both cashiers and administrators which tab belongs to which store, for example by naming the tab "Local assortment - Sundsvall".

A product can have a "staff facing name" (see Products) which will be the text displayed on the button in the cash register and on the KDS.

However in the layout tool in Leeroy Cloud you will currently only see the actual name of the product,  i.e the layout tool do not offer an exact preview of what your cashiers will see.  

Table of content


Preparatory work

Navigate to Menus & layouts


You will find the MPOS layout configurations under Menus & Layouts in the sidebar

Layout for menu

This section describes how you create the layout for the MPOS devices. The view that the cashiers will use to sell products.


Create a new section


  1. When you have entered the layout configuration you have "+" button in the top left corner.


    Click on + button to ad a section to your layout.



  2. Now you will get a pop up view where you will do all settings for your section


    This is what the view looks like. We will go trough the options below.




  3. Give your section a descriptive name. E.g Food, Salads or Drinks





  4. You can set sections to active or inactive.
    If you want to prepare a section but don't want to publish it instantly, you can set it to "No" as in the the picture above. 
    Click the button to switch between active and inactive.




  5. If you want to set a colour to your section, you choose the section and then click on Color, choose the color you want and click on the section again. Click save to save the color.




  6. You can also decide if section should be visible for all stores or only for specific stores.


    This is useful when you have a product or a range of products that should be sold only in one or some of your stores.
    Keep it on "No" if the section should be published in all stores.
    It you want to make a section visible for a specific store, click the button to flip it to "Yes".
    The option to choose stores will appear below as in the picture. Select the stores where you want the section to be visible and they will be listed below.
    You can remove stores by clicking on the "X" to the right of the store name.
    When you are done click on "Ok" to create your section.




    Your sections will now appear in the top of the tabs on the left hand-side of the page.
    If you leave the MPOS layout configuration page without saving the work you have done will be lost.

Edit and remove tabs



Edit


You can edit your section by right click on the section and click on edit. 



The editing of the section is the same as when creating a new section.
You can change it to be active or not and decide if the section should be visible in selected stores.



Remove


To remove the section and its content, right click on the section and click on delete. 


You get a warning before you delet, press OK if you still want to delete.




Add products to the layout

  1. On the left hand-side of the layout configuration page you find a searchable list of your products. 




  2. To add products, click the search field and type the name of the products you want to add in the layout. Or scroll the list.

    The match closest to your input will appear in the top of the list.




  3. Add your product by clicking on it in the list and drag and drop it to the square on the right side.



    If you want to change color you do the same as before, klick on color, choose the color you want ant click the product.




    The product will now appear on the space at the right. 
    To remove a product from the layout you can right click on the product button and choose delete.
    The product will disappear from the layout and it's now possible to add it to another tab.
    If you want to copy the color to next product, you can right click and choose Copy color.


Incomplete products


For a product to be sellable it must, as a minimum, have a price configuration and a product group.
Products that are missing both or one of these will be shown in the product list but will have a triangle and cannot be added to the layout. 

Save


It's important that you save by clicking on "Save" in the left buttom corner. Otherwise your work will be lost if you leave the MPOS layout configuration page.
By clicking "Save" your added sections and products will be saved and also published to your stores (if the sections are active). 
Remember that you can set a section to inactive to avoid it being published, but you still have to click "Save" to preserve your work even if you leave the page.

If you want to reset averyting you can press the reset button in the left buttom corner.

Discount buttons for menu

This sections describe how you create the discount buttons that the cashiers can use on the MPOS devices.



List over discount buttons


When you click on Discount buttons tab you will open a new view where the base for the discount buttons will be listed. 

This is an example on a list over a few buttons. There will be name and percentage in the list.


Create a new discount


  1. To create a new discount button click on the New discount button:
  2. Fill in the name and percentage of the discount you want to create in the modal that pos up: 

              



  3. Click on OK to create the discount button. The button appears in the bottom of the list: 


    You can arrange the order of your buttons with drag and drop. 



    This is now arranged to the top of the list and will appear as the first discount button in the MPOS device. 




  4. Save the list! 


    The button doesn't appear on the MPOS until you save the list over the discount buttons. 
    When you have saved the discount is available on the devices. No other interaction is needed.


Edit and remove


  1. If you need to change a discount or remove it from your devices you need to go to the list over the discounts: 

     


  2. Click on the three dots on the discount you want to edit or remove: 

     
    Edit

    Click on edit and you can change name and percentage in a modal: 
     
    Click OK when you have made the changes. 
    Remember to save the list to apply the changes to your MPOS devices!: 

    Remove

    Click on Remove to take away a discount from your MPOS devices.
    The discount will disappear from the list directly.
    Remember to save the list to apply the changes to your MPOS devices!: