Design your booking page (Page builder)

The Page builder is where you design the public face of your studio — the page students land on when they visit /s/[your-slug] (or your custom domain). Open it from the sidebar.

You need settings.general.manage permission to use the page builder.

Multi-tab pages

Your booking page can have one or more tabs — for example "Schedule" and "Memberships". Each tab is a stack of blocks. On mobile the tabs render as a bottom tab bar so students can swipe between them.

Block library

| Block | What it does | |------|--------------| | Hero | Big banner with title, subtitle and call-to-action | | Text | Rich text section (titles, lists, links) | | Schedule | Embedded list of upcoming classes with filters and direct booking | | Calendar | Calendar view of sessions (week or month) | | Bookings | Logged-in students see their upcoming bookings | | Subscriptions | Lists active plans for purchase | | Credits | Lists credit packages for purchase | | Gallery | Image gallery with captions | | Instructor list | Showcase your instructors | | HTML | Custom HTML for advanced uses | | Custom CSS | Inject scoped CSS into the student page |

Drag and drop to re-order blocks. Each block has a settings panel for theme tweaks (background, padding, alignment).

Theme

The theme panel sets defaults across blocks: primary color, background, font, button shape, max-width. Individual blocks can override theme values.

SEO

Set the page title, meta description, OG image and canonical URL in the SEO panel. These power how your booking page appears in search results and social previews.

Drafts and publish

Edits save as a draft automatically. The draft is invisible to students until you click Publish. After publish, the previous version is kept in Version history (last 20 versions) — you can roll back at any time.

Preview

The preview pane shows your page exactly as students will see it, including the active branding theme. You can also visit your live page with ?ckPagePreview=1 (admin only) to preview the unpublished draft on the real URL.

Image optimization

Uploaded images are stored in S3 and rendered with Next/Image, so they're cropped and compressed automatically per device. Orphaned images (referenced by no block) are cleaned up periodically.

Related

• Branding & student page
• Studio settings
• Schedule