Groups & order

Groups aren’t cosmetic. They are how you make a long list of services scannable in two seconds — and the same groups become the sections with quick filters a client sees when booking. This article walks the whole mechanism: choosing whether the page splits your services at all, creating a group, renaming and colouring it, what dragging does, where dragging does not work, and exactly what the client ends up seeing.

The path is Catalog → Offerings. At the very top, above the list, sits the Grouping on the booking page row.

1. How the page splits your services

The Grouping on the booking page row has three buttons. Your pick saves immediately — there is no Save button. If the save fails, you get Couldn’t save the grouping. Please try again.

Mode	The hint next to the buttons	What the client sees	What happens here, in Offerings
No grouping	”Clients see every service in one list.”	One list — no headings and no group chips	Only the List view. No groups are created, and the service editor has no Listed under row
By type	”Sections follow the service type automatically.”	A section per service type: Appointments, Group classes, Courses, Rentals, Service packages, Day passes — in that order and only for the types you have. Sections appear once there are at least two types	The same as No grouping
Custom groups	”Create groups and arrange your services in them — clients see them that way.”	Your groups — as sections with quick filters, in your order	The List and By groups views, the Group button and dragging

Custom groups is the default. If you never touched this row, your page shows your groups exactly as before.

Switching modes deletes nothing. The groups you already made, and where each service sits in them, stay. While you’re on No grouping or By type, the hint adds Your groups are kept and come back with “Custom groups”. Switch back to Custom groups and everything is as it was.

Which one to pick:

• No grouping — a short menu where everything is visible at once.
• By type — you mix appointments, group classes, rentals or packages and don’t want to maintain groups by hand. Sections build themselves, and a new service lands in its own automatically.
• Custom groups — a long menu that clients think of by category: “Hair”, “Nails”, “Make-up”.

2. The “List” and “By groups” views

With Custom groups, the offerings page has two views, and they can do different things:

	List	By groups
How services are laid out	flat list, up to three columns	sections per group + an Other section
Group button at the top right	hidden	shown
Drag to reorder	no	yes — both services and groups
Add button inside each section	no	yes
All / 1-to-1 / Group filter	yes	no
Stats on the cards	yes	no

The page opens in By groups. If you arrived from the attention band with the Only problem services filter, the view is pinned to List — switching to By groups clears the filter automatically.

With No grouping and By type the List / By groups toggle disappears: the page shows the list only, because there are no groups on the public page to arrange.

If dragging doesn’t work, you’re almost certainly in “List” — or the grouping isn’t set to Custom groups. Those are the number-one causes of “why can’t I reorder my services”.

3. Creating a group

1. Open Catalog → Offerings.
2. Check that Grouping on the booking page is set to Custom groups.
3. Switch to By groups.
4. At the top right, press Group (with the plus).

The group is created immediately, with no dialog. It is named New group and gets an automatic colour — the first free one from the built-in palette, so you never end up with two identical dots.

5. Click the name New group and change it.
6. Press Enter to save. Esc discards the edit; clicking away also saves.

An empty group shows the hint “Drop a service here, or hit Add.”

4. Filling a group

Three ways, all of them valid:

• Drag. Grab a service card and drop it into another section. The other cards shift to preview where it will land.
• The “Add” button in the section header. It opens the new-service editor with this group pre-selected, so the new service doesn’t fall into “Other”.
• From the editor. The Listed under row shows your groups as chips (or a drop-down when there are many) plus No group. A service remembers its group; move it and the change is visible everywhere.

Order inside the group is changed by dragging too. It saves itself — there is no Save button. If something goes wrong you get Couldn’t save the new order.

5. Renaming, colour and deletion

Each group header carries:

Element	What it does
The grip handle on the left	drags the whole group up or down
The colour dot	opens an 11-colour palette; the choice saves immediately
The name	click to edit in place
The counter	how many services are in the group
Add	a new service straight into this group
The three-dot menu	Rename and Delete group

Deleting asks: Delete group «name»? — “Services inside this group will move to ‘Other’. They stay bookable.” The buttons are Delete group and Cancel.

Deleting a group does not delete services. They simply drop into Other and keep taking bookings. It is the safe operation, unlike deleting a service.

If something fails you’ll see one of: Couldn’t create group, Couldn’t rename group, Couldn’t change colour, Couldn’t delete group, Couldn’t save the new group order. They all mean the same thing — the request didn’t land; check your connection and try again.

6. The “Other” section

A service with no group lands in the Other section at the bottom. It is a real, labelled section, not “outside the list”.

• If you have at least one real group, Other only appears when it has something in it.
• If you have no groups at all, every service sits in Other — that’s the normal starting state of a new board.
• Other has no drag handle, no colour, and can’t be renamed or deleted. It isn’t a database row — it’s “everything else”.

You can drag services into and out of “Other” just like any other section.

For clients, ungrouped services come first. Here “Other” is at the bottom, but on the public page services without a group show before the groups: under All when picking a service, and with Sheet at the top of the services block, without a heading. Only the Other chip comes last. If you don’t want anything “loose” at the top, put every service in a group.

7. What the client sees

With Custom groups, your groups become sections on the booking page — with headings and quick filters (chips) above the list. Where exactly:

Where	What the client sees
The Choose a service step on a phone — with Classic and with Sheet	Chips: All, one per group, and Other when there are ungrouped services too. A group’s chip shows only its services
The Services block under the booking card with Sheet, on a phone	Each group is its own card under its heading
The Services section with Sheet, on a computer	Chips All plus your groups. Under All, a card per group under its name, as on the phone; a group’s chip shows only that group
Picking a service with Classic, on a computer (the All services link leads there)	Chips All plus your groups above the list
The Price menu hero with Classic, on a computer	A column per group — up to 4 columns
Search on the page	Groups are tiles under What’s on offer and a label next to each service in the results — see Search on the booking page

With By type it’s the same, except the sections are the service types, and there is no Other — every service has a type. With No grouping there are neither headings nor group chips.

A few consequences worth knowing:

• An empty group never reaches the client. A chip that shows nothing is noise, so we hide it. The same goes for a group with nothing to pick right now — for example after the client chose a specialist who does none of its services.
• With Sheet, the headings and chips of the services block appear from two groups up. With one group the list stays one list — there’s nothing to split.
• The names are for the client, not for you. “Hair”, “Nails”, “Make-up” work. “Cat. 2 — extras” does not.
• The order is your order. Groups appear in the order you dragged them into; services inside appear in the order they sit in the section.

Rule of thumb. With fewer than 6 services, don’t create groups — a clean list reads faster. Groups start paying off from about 8–10 services upward.

The preview in Setup → Public site follows the same pick, so you can see the sections there right away.

8. Order

The order in the section is the order the client sees. Put your most-wanted or most-profitable service at the top — it catches the eye first and sets the impression of your prices.

Order lives on the board, not per person: what you arrange, every colleague and every client sees.

With No grouping and By type there is no dragging. Services keep the order from By groups: the groups one after another, with ungrouped services before them (with By type that order applies inside each type). To change it, switch to Custom groups for a moment, rearrange in By groups, then switch back.

9. Troubleshooting

I can’t drag services. You’re in the List view — switch to By groups at the top right. If there’s no List / By groups toggle at all, the grouping is set to No grouping or By type.

There’s no “Group” button. Same thing: it only appears in By groups, and By groups only exists with Custom groups.

I drag, then the order snaps back. The save failed — you should have seen Couldn’t save the new order. Try again; if it repeats, reload the page (the order is stored on the server, not in your browser).

I created a group but the client doesn’t see it. The group is empty, the grouping isn’t on Custom groups, or with Sheet you only have one group. Put at least one bookable service in it and check the Grouping on the booking page row.

I picked “By type” but the client sees one list. All your services are of one type. Sections appear as soon as you add a service of another type — say, a group class next to your appointments.

My groups vanished from the catalog. The grouping is set to No grouping or By type. Your groups are kept — switch back to Custom groups.

The service editor has no group choice. Same cause — the Listed under row only shows with Custom groups (and once you have at least one group).

I deleted a group by mistake. Its services are in Other, untouched. Create the group again and drag them back.

A service vanished from its group. Check you didn’t delete it (deleting a service means archiving it) — see Services: what clients book. If the service still exists but sits in Other, someone moved it.

I switched modes but the client still sees the old one. The public page keeps a short cache — wait half a minute and hard-reload with Ctrl+F5.

What’s next

• Services: what clients book — the whole list page.
• Create a service — the editor, section by section.
• Search on the booking page — your groups become tiles and sections in search.
• The booking-page editor — how all of this looks to the client.
• Featured services — when one service must stand out regardless of its group.