Floor Plan
Floor Plan is the visual, drag-and-drop version of your table list — it shows every table as a shaped token positioned on a canvas so the layout roughly matches your physical restaurant, and lets you add, edit, reposition, delete and change the status of tables directly from the same view.
Overview
The canvas is locked by default (view-only, click a table to see its details in the sidebar); click "Edit Layout" to unlock dragging, adding and status changes, then "Lock Layout" when done.
Tables with no saved position are automatically spread out in a grid pattern the first time the page loads, so nothing overlaps even before you've arranged anything manually.
Dragging a table only updates it locally until you click "Save Layout" (which only appears once something has actually moved and the layout is unlocked) — refreshing before saving loses the new position.
Section name labels are rendered as a faint overlay positioned at the average location of that section's tables, purely for visual reference — they are not separate draggable objects.
Clicking a table (in either locked or unlocked mode) opens a right-hand sidebar with its capacity, section, shape, current status pill, one-click status change buttons, and Edit/Delete actions.
Adding a table from this screen places it at a semi-random position near the centre of the canvas and marks the layout dirty (so "Save Layout" appears) — you then drag it into its real spot.
A status legend with live counts (Available/Occupied/Reserved/Cleaning) sits in the toolbar at all times.
Before You Start
- You must have the Billing feature enabled on your plan.
Step-by-Step Guide
1 Lay out your floor for the first time
- Open Floor Plan — any existing tables appear pre-spread across the canvas.
- Click "Edit Layout" to unlock dragging.
- Drag each table token to roughly match its real position in the restaurant.
- Click "Save Layout" once you're happy with the arrangement, then "Lock Layout" to prevent accidental moves during service.
2 Add a table directly from the floor plan
- In Edit Layout mode, click "Add Table".
- Fill in Table Number, Seats, Section/Zone (autocomplete suggests existing sections) and Shape.
- Save — the new table appears near the centre of the canvas; drag it into its correct spot and click "Save Layout".
3 Check or change a table's status from the floor plan
- Click any table token (works whether locked or unlocked).
- The sidebar shows its capacity, section and shape, plus the other statuses it can move to — click one to apply it immediately.
Every Field & Button, Explained
| Field / Button | What it does |
|---|---|
Locked / Edit Layout toggle | Locked mode prevents dragging (click still opens the detail sidebar); Edit Layout mode allows dragging, adding tables and shows "Save Layout" once something changes. |
Position (posX / posY) | Stored as a percentage of the canvas width/height per table, so the layout scales rather than using fixed pixel coordinates. |
Save Layout | Only appears once a drag has occurred while unlocked; persists every table's current position in one batch. Adding a table also triggers this to appear. |
Status legend counts | Live counts of tables in each status shown in the toolbar — updates immediately when you change a table's status from the sidebar. |
Tips & Best Practices
- Do your initial floor layout during a quiet period, not mid-service — dragging tables while unlocked is easy to do by accident if you're also trying to click other things.
- Lock the layout again as soon as you're done arranging — this prevents an accidental drag from staff browsing the page during service.
- Use Add Table here if you're building a new floor from scratch — it saves switching to Table Management and back to position each one.