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
- Go to Site → Keyboard → Create a Screen
- Click + in Screens section
- Enter name (e.g., “Widescreen Monitor”)
- Enter width and height ratio
- Click Save
💡 Tip: Use 16:9 for widescreen, 4:3 for iPad
2. Create a Template
Click your screen
- Click + in Templates section
- Enter name (e.g., “Main Template”)
- Set rows and columns (start with 24x30 for widescreen)
- Click Save
3. Add Permanent Buttons to Template
Double-click your template
- Drag items from right toolbar:
- Order view (sales grid)
- Number pad
- Payment buttons
- Core function buttons
- Resize using Row Span and Column Span
- Click Save
✅ Best practice: Leave plenty of green space for layouts
4. Create Layouts
Click your template
- Click + in Layouts section
- Enter name (e.g., “Hot Drinks”, “Food”)
- Click Save
- Double-click to open editor
Add buttons:
- Drag products from right toolbar
- Add navigation buttons (Functions → Navigation)
- Resize and customize
- Click Save
Repeat for each product category
5. Assign Keyboard to Till
Option A: In HQ
- Go to Site → Devices
- Double-click your till
- Click Settings
- Scroll to Keyboard section
Option B: On Till
- Tap ☰ menu → Settings
- Select Keyboard
- Select Screen
- Select Template
- Select Home Layout
- Click Save
Next Steps
- Train team on navigation
- Test during slow periods
- Gather staff feedback
- Create seasonal layouts as needed
Quick References
Common Screen Ratios
| Device Type | Ratio | Width | Height |
|---|---|---|---|
| Widescreen monitor | 16:9 | 16 | 9 |
| iPad landscape | 4:3 | 4 | 3 |
| iPad portrait | 3:4 | 3 | 4 |
Recommended Grid Sizes
| Device | Rows | Columns |
|---|---|---|
| Widescreen | 24 | 30 |
| Tablet | 20 | 15 |
| Mobile | 12 | 6 |
Common Template Items
| Item | Location | Typical Size |
|---|---|---|
| Order view | Left | 18 rows x 12 cols |
| Number pad | Center | 8 rows x 6 cols |
| Payment buttons | Right | 3 rows x 8 cols each |
| Navigation | Bottom | 2 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