Workflow For Configuring Your Till Keyboard

For experienced users who need a fast reference.


Prerequisites

  • Access to HQ (Head Office system)
  • Manager or admin permissions
  • Device aspect ratio (e.g., 16:9, 4:3)
  • Products already created

How To Set Up a Keyboard

Video Coming Soon

Click Here For Workflow

5 Steps to complete: Create Screen → Create Template → Add Buttons → Create Layouts → Assign to Till

1. To Create a Screen

  1. Go to Site → Keyboard → Create a Screen
  2. Click + in Screens section
  3. Enter name (e.g., “Widescreen Monitor”)
  4. Enter width and height ratio
  5. Click Save

💡 Tip: Use 16:9 for widescreen, 4:3 for iPad


2. Create a Template

Click your screen

  1. Click + in Templates section
  2. Enter name (e.g., “Main Template”)
  3. Set rows and columns (start with 24x30 for widescreen)
  4. Click Save

3. Add Permanent Buttons to Template

Double-click your template

  1. Drag items from right toolbar:
    • Order view (sales grid)
    • Number pad
    • Payment buttons
    • Core function buttons
  2. Resize using Row Span and Column Span
  3. Click Save

Best practice: Leave plenty of green space for layouts


4. Create Layouts

Click your template

  1. Click + in Layouts section
  2. Enter name (e.g., “Hot Drinks”, “Food”)
  3. Click Save
  4. Double-click to open editor

Add buttons:

  1. Drag products from right toolbar
  2. Add navigation buttons (Functions → Navigation)
  3. Resize and customize
  4. Click Save

Repeat for each product category


5. Assign Keyboard to Till

Option A: In HQ

  1. Go to Site → Devices
  2. Double-click your till
  3. Click Settings
  4. Scroll to Keyboard section

Option B: On Till

  1. Tap ☰ menu → Settings
  2. Select Keyboard
  3. Select Screen
  4. Select Template
  5. Select Home Layout
  6. Click Save

Next Steps

  1. Train team on navigation
  2. Test during slow periods
  3. Gather staff feedback
  4. Create seasonal layouts as needed

Quick References

Common Screen Ratios

Device TypeRatioWidthHeight
Widescreen monitor16:9169
iPad landscape4:343
iPad portrait3:434
DeviceRowsColumns
Widescreen2430
Tablet2015
Mobile126

Common Template Items

ItemLocationTypical Size
Order viewLeft18 rows x 12 cols
Number padCenter8 rows x 6 cols
Payment buttonsRight3 rows x 8 cols each
NavigationBottom2 rows x full width

Tips for Success

✅ Match screen ratio to device exactly

✅ Higher grids for large screens = fine control

✅ Lower grids for small screens = easier to keep buttons readable

✅ Put navigation buttons in same spot on all layouts

✅ Save regularly while editing

✅ Test keyboard during slow periods