Guides

Timetable and Booking From Your Platform: The Studio Setup

How to embed the live schedule and booking from Mindbody, Glofox, Momence or TeamUp on a studio website so classes book in one tap, the intro offer sells.

5 min read
GuidesStudiosBooking Systems
838 words5 min read

The target

A visitor reads about reformer Pilates on your site, taps "See reformer times", sees this week's reformer classes with spaces, taps Thursday 6pm, buys the intro offer and books that class in under a minute, and gets a confirmation. The class appears in your platform with the new client attached. Nothing was re-keyed. Here is the setup for the common platforms.

Step 1: configure the platform

  • Class types with clear names and beginner flags.
  • The schedule accurate, with instructors and capacities.
  • The intro offer as a pricing option, restricted to new clients, with the shortest possible checkout.
  • Memberships and packs with correct terms.
  • Confirmation and reminder messages in your voice with first-class details.
  • Waitlist on for full classes.
  • Cancellation windows set.

Buy the intro and book a class as a stranger on a phone before touching the site.

Step 2: know what each platform gives you

Mindbody: branded web widgets for schedule, class booking and pricing options; deep links per class type, instructor and pricing option; the Mindbody consumer app separately.

Glofox: an embeddable timetable and booking widget with membership purchase; deep links; a branded member app.

Momence: embeddable widgets for schedule, memberships, packs and courses; deep links; guest checkout options; a branded app.

TeamUp: embeddable schedule and registration widgets; membership purchase; deep links.

WellnessLiving, Bsport: similar embeddable schedule and purchase widgets with deep links.

All provide a hosted booking page as a fallback for in-app browsers that misbehave with embeds.

Step 3: the timetable page

/timetable: the schedule widget, filters for class type, instructor and location, a one-line reassurance, the intro button, the phone number. Nothing else. Reserve the widget's height in CSS; preconnect to the platform's domain. The widget lives on this page only.

Step 4: the intro offer path

The intro button in the header and hero of every page deep-links to the intro pricing option's checkout in the platform. Use the platform's guest or lead checkout where it exists. The confirmation email links back to the timetable to book the first class, or the checkout lets them pick a class in the same flow if the platform supports it. Count the taps; under six is the target.

| Page | Links to | |---|---| | Class-type page | Timetable filtered to that class; the intro offer | | Instructor profile | Timetable filtered to their classes; the intro offer | | Pricing page | Each option's checkout in the platform | | First-class page | The intro offer; timetable filtered to beginner classes | | Location page (multi-site) | Timetable filtered to that location | | Home | The intro offer; the timetable |

Store the platform's IDs for class types, instructors and pricing options as fields on the site's records, so the template builds the links and they stay correct when the manager adds a class or an instructor.

Step 6: memberships and packs

The pricing page explains the options in plain words and each Buy button deep-links to that option's checkout. For existing members, a "Member login" link to the platform's member area or app.

Step 7: keep the site fast

The only page carrying the platform's script is the timetable page. Class-type, instructor and pricing pages are static content with links. The home page shows the next few classes as a small static list (via the platform's API if available, cached) or a "See timetable" button, not the widget.

Step 8: test where visitors come from

Safari and Chrome on a phone, and inside Instagram's and Facebook's in-app browsers. Buy the intro, book a class from a filtered timetable, buy a pack. If an embed fails in an in-app browser, point Instagram's links at the platform's hosted page instead. Check everything lands in the platform with confirmations sent.

Step 9: tracking

Events for intro clicks and purchases, class bookings and membership purchases, with page, class type and instructor parameters. UTM tags on every external link into the site. The platform's sales-by-source report. Monthly: intros sold and members joined by page and source.

Monthly check

From the home page, a class-type page and an instructor page, on a phone: buy the intro with a test account, book a class, cancel both. Platforms update their widgets; find out before a visitor does.

Common mistakes

  • The widget on every page.
  • The intro offer behind full account creation.
  • Class-type pages linking to the unfiltered timetable.
  • IDs hand-pasted rather than stored as fields.
  • No in-app browser test.
  • Prices on the site not matching the platform.

Where this sits

Embedding the platform's timetable and checkout so the intro is one tap and every class page books its own classes is the core of every studio website we build. The platform runs the schedule and the payments; the site turns a reader into a booked first class with as few decisions as possible.

All writingSee packages and prices