More integrations ⚡ are on the way. Stay updated
Follow us on Instagram

How do I build a collection with sections, items, and layouts?

Use the collection editor to add sections, fill them with items, choose layouts and scroll styles, and tag items for filtering.

Verified Sep 12, 2026Web + coach app

The collection editor is where you shape what clients see. A live phone preview sits beside the sections and mirrors the layout, scroll style, cover, and sections exactly as the client app will render them.

Open it by clicking a collection in your Vault collections list.

At a glance
Where
Vault collections → a collection → the editor
You'll need
A collection name and items in your library
Ends with
A saved, live collection with sections

Build a collection

  1. Click Add section and give it a name. The item picker opens straight away.
  2. Add items to the section — resources, recipes, or workouts, depending on the collection's type — using the picker's search.
  3. Click the section's layout button (Change layout) and pick a card design. Each has a preview. Large CardsdefaultSquaresNarrow CardsList
  4. Click the section's scroll button (Change scroll behaviour) and pick a side-scrolling row or a vertical list. Horizontal scroll (compact)defaultVertical scroll (stacked)
  5. Optionally add section tags and tag the section's items. Clients see the tags as filter chips on that section.
  6. Reorder items within a section, and reorder sections, once there's more than one of each.
  7. Click Save collection.

The save button only enables when something has changed. The header shows "Changes not saved" while edits are pending, and closing with unsaved edits shows a warning first. A collection name is required to save.

Section settings

Setting
SettingWhat it doesDefault
Section nameThe section's heading in the client app, up to 100 charactersRequired
LayoutHow the section's items are drawnLarge Cards
Scroll behaviourHorizontal (shown as "Compact") or vertical (shown as "Stacked")Horizontal scroll (compact)
Section tagsFilter chips clients tap to narrow the section, up to 25 characters eachNone

There's no cap on the number of sections, or on items per section.

Add and remove items in a section

Use the section menu's Add option, or the section's add button, to open the picker. It searches your library and scrolls infinitely.

In Resources collections, items already in the section are pre-selected and can be unticked to remove them. In Recipes and Workouts collections the picker only adds items — remove them from the section card instead.

An item can appear once per section. Re-adding an item merges it rather than creating a duplicate.

To remove an item, use the remove action on its card and confirm. The item stays in your library.

Rename or remove a section

Click the section title in the editor and type the new name.

To remove a section, open the section menu, scroll to Danger zone, choose Remove section, and confirm. The section and its arrangement are gone from the collection; the items themselves stay in your library.

Tag items in a section

  1. Open the section menu and choose Manage section tags, then add the tags you want.
  2. Use the tag button on each item card to assign any of the section's tags to it.

Removing a section tag clears it from the section's items.

Reorder items and sections

Open the section menu and choose Re-order items to drag rows into order in a dedicated modal. This unlocks once the section has more than one item.

Use the reorder button in the editor header to reorder the sections themselves. It unlocks once the collection has more than one section.

Free 14-day trial
All features included

Start today with a free trial

Build a better coaching business with Fitsly — the all-in-one platform built by coaches, for coaches. Save time, stay organized, and start your free 14-day trial today.