tastify/ product
← home
product

Tables & Seatmap

A visual drag-and-drop floor plan editor with real-time occupancy, per-seat tracking, and session QR codes.

On this page
01Overview02Table management03Seatmap editor04Floor elements05Multi-floor support06Seating sessions
All products
→ Point of Sale→ Kitchen Display→ Queue & Waitlist→ Online Ordering▸ Tables & Seatmap→ Loyalty & Rewards→ Reservations
01

Overview

#
tl;drBuild your restaurant floor plan with tables, walls, plants, bars, and doors. Live occupancy reflects active sessions and queue tickets in real time.

The seatmap is powered by React-Konva for canvas rendering. Admins design the floor in the editor; staff see live status in the POS.

  • —Drag-and-drop visual editor with grid snapping
  • —Real-time occupancy from sessions and queue tickets
  • —Decorative floor elements (walls, plants, bars, doors)
02

Table management

#

Tables support full CRUD with these properties:

Table properties

  • —Name (unique per tenant), capacity, zone
  • —Shape: rectangle, circle, or square with rotation
  • —Status: available, occupied, reserved, cleaning
03

Seatmap editor

#
tl;drA drag-and-drop visual editor for designing your restaurant layout with grid snapping, zoom controls, and batch position updates.

The editor allows admins to place and resize tables, add decorative floor elements, and organize everything by zone.

Editor features

  • —Drag-and-drop table placement
  • —Grid snapping for precise alignment
  • —Zoom controls and fit-to-view
  • —Zone coloring with auto-palette
04

Floor elements

#

Decorative elements give context to your floor plan. Each element type has its own color and can be labeled:

  • —Wall — structural boundaries
  • —Plant, Bar, Kitchen — functional zones
  • —Door, Window — entry points and openings

Floor elements are rendered in both the admin editor and the POS cashier seatmap view.

05

Multi-floor support

#
tl;drRestaurants with multiple levels can create separate floors, each with its own layout, dimensions, and background image.

Each floor has independent dimensions, an optional background image, and its own set of tables and elements. Floor tabs let staff switch between levels quickly.

  • —Per-floor dimensions and background image
  • —Floor tab navigation in both editor and POS
06

Seating sessions

#
tl;drWhen a customer is seated, a session is created linking the table, queue ticket, and individual seats — with a unique QR code for in-seat ordering.

Session lifecycle

  • —Per-seat occupancy tracking (lazy-initialized seat records)
  • —Session QR for in-seat ordering
  • —Session close releases seats, marks queue ticket complete, frees table
  • —POS table detail dialog groups orders by session
contact sales →
© 2026 Tastify Ltd · Hong Kong
PrivacyTerms• all systems normal