Getting Around

Booker’s chrome is built around a few small affordances that show up everywhere. Once you know them you’ll rarely click more than once or twice to reach anything.

The header

On desktop, the top of every authenticated page has:

Element	What it does
Booker logo (left)	Takes you to the Dashboard
Primary nav — Dashboard, Clients, Availability, Analytics	The four screens most pros use day-to-day. The current page is highlighted; nested pages (e.g. a single client) light up their parent tab.
Manage ▾	Dropdown for Services, Locations, Landing page — anything that’s set-up-once-then-leave
Search (magnifying glass)	Opens the command palette
+ New (orange, top-right)	The quick-create menu
Notifications bell	Recent booking and payment notifications
Account avatar	Profile, Settings, Log out

The mobile bottom tab bar

On phones, the same four primary screens are pinned to a bottom tab bar — Dashboard, Clients, Availability, Analytics, More. Tap More to reach Services, Locations, Landing page, and Settings.

”+ New” — the quick-create menu

Click + New in the top-right of the header to open a dropdown with three options:

• New appointment — opens the inline appointment sheet
• New client — opens the inline client sheet
• New service — opens the inline service sheet

Each opens right where you are as a sheet. You never leave the page you’re on, so when you close the sheet you’re back exactly where you started.

The same appointment sheet is reused from the Dashboard, from a client’s profile (with the client pre-selected), and from the Availability Overview (with the date and time pre-filled). One form, one experience, everywhere.

⌘K — the command palette

Press ⌘K on Mac (or Ctrl-K on Windows / Linux) from anywhere in the app. A search palette pops up.

Action	Keys
Open the palette	⌘K / Ctrl-K
Filter the list	Just type — fuzzy match on label and keywords
Move the selection	↑ / ↓
Activate	Enter
Close	Esc

The palette groups its entries:

• Pages — Dashboard, Clients, Services, Locations, Availability, Analytics, Landing page
• Actions — New appointment (one keystroke to start booking — doesn’t change the URL)
• Settings — Profile, Subscription & billing, Online booking, Booking window, Cancellations, Stripe payments, Calendar sync, Notifications, Security, What’s new, Help & feedback

Keywords help you find things even if you don’t remember the exact label — try typing “subscription”, “policy”, “password”, “stripe”, or “ical”.

Tip

The palette also works for things buried two clicks deep. Typing “gap” goes straight to Settings → Booking window, “refund” or “tier” lands on Settings → Cancellations — no need to open Settings first.

Sheets

Most create-and-edit actions in Booker open as a sheet — a panel that slides in over the current page. Appointments, clients, services, locations, documents and refund policies all use the same sheet pattern.

• Desktop — the sheet drops down from the top, with a dimmed page behind it
• Mobile — the sheet slides up from the bottom. You can swipe down on the top handle to dismiss it
• Press Esc or tap outside the sheet to close it

Note

Scrolling inside a sheet doesn’t dismiss it. If you’ve scrolled down through a long form, swipe down to scroll back up — only swipes from the top (or when you’re already at the top) close the sheet.