Arrange product buttons your way

Why button layout matters

Staff do not read buttons during a rush; they reach for where the item usually is. A layout that puts the most popular items in the same spot every day, coloured so they stand out, saves seconds on every order and cuts mistakes. SeroPOS gives you control over colour, size, order and placement, so you can design the grid around your menu rather than the other way round.

Changes are made on the till itself with a long-press, so you can adjust a layout during a quiet moment and see the result straight away. Colours and QSR styles are stored with your products and categories on the server, so every till in the business picks them up after the next sync.

Colours on every screen

In the standard layout and on phones, long-press any product button to open the Button Color picker. Choose from soft pastels or bold colours, with light and dark shades, and the button changes at once. Colour by category, by type of item or by station, for example all hot drinks in one colour and cold drinks in another.

On phones, the Show Product Images setting lets you switch between picture cards and plain name-and-price cards. Plain cards fit more on a small screen, while pictures help new staff and are useful for items that look alike by name. Product images are added from the camera or gallery in the Admin hub product form.

Full control in QSR Mode

QSR Mode adds Button Style. Long-press a product and pick a colour from a swatch, a hue slider or a hex code, choose an automatic, white or black font, set the font size and bold, and make the button double height so it stands out. You can also set the button to ask for a quantity each time it is tapped.

Long-press a category for the same style options plus grid controls. Set its column count and rows per section, choose whether products sort with low or high prices first, and turn on Enable drag. With drag on, move products into exact cells on the grid and tap Save Layout. QSR Settings set the defaults: two to ten product columns, a one or two column category panel and up to twenty categories without scrolling.

• Grid types: fixed, sectioned or drag-placed
• Per-product: colour, font colour, font size, bold, double height, ask quantity
• Per-category: columns, rows per section, price order, drag
• Global: default columns, ALL CAPS names, images, food-type dots

The cart and pay buttons

Even the payment buttons can be resized. Long-press Cash, Debit or Credit to open Payment Button Size: Normal for classic compact buttons, Large at one and a half times the height with bigger text, or Extra Large at double height. Long-press Hold, Delivery, Adjust, Split or Print for Bottom Button Size, and the quantity keypad's header for Quantity Keypad Size. Each size is separate and is remembered on that till, so a wall-mounted screen and a small tablet can each have their own. Bigger buttons suit busy counters and quick hands; smaller ones leave more room for products.

QSR Settings also let you place the cart on the right or the left, hide buttons you do not use, such as Split, Delivery, Clear or Adjust, and turn the search bar and modifier pop-up on or off. With a few changes, a pizza counter, a coffee bar and a convenience store can all run the same app with layouts that look nothing alike.