Embedding Mindbody on a Studio Site Without Slowing It

#What Mindbody gives you

Mindbody's branded web tools provide widgets for the class schedule, class sign-up, appointment booking, pricing options and enrolments, plus a branded web checkout and, at extra cost, a branded app. Widgets embed via a script and a placeholder element; deep links open the branded web flow on a class type, instructor or pricing option. The Mindbody consumer app is a separate discovery channel.

The widgets are functional and heavier than most. The performance answer is placement: one widget on one page each, and links everywhere else.

#The rule

No Mindbody script loads on the home page, class-type pages or instructor pages. Those are static content with links. The schedule widget lives on /timetable; the pricing widget (if used) lives on /pricing; everything else deep-links into the branded web flow.

#The timetable page

/timetable: the schedule widget configured to show a week, default today, with filters for class type, instructor and location; a one-line reassurance; the intro button; the phone number. Reserve the widget's height in CSS so the page does not shift as it loads (Mindbody's schedule can be tall; set a generous min-height). Preconnect to the Mindbody widget domain in the head. Nothing else heavy on the page.

Filtered views: Mindbody's widget parameters and branded web URLs support pre-filtering by class type and staff. Each class-type page's "See [class] times" button opens the timetable with that filter applied; each instructor page's button filters to them. Store the IDs as fields on the class-type and instructor records so the template builds the links.

#The intro offer

Deep-link the intro button to the intro pricing option's checkout in the branded web flow. Mindbody's purchase flow includes account creation; configure the branded web settings to ask for the minimum and turn off optional fields. Test the widget-based purchase against the branded web checkout on a phone and use whichever completes in fewer screens. If both are long, a lead form on your site that creates the client via the Mindbody API and sends a payment link can shorten the first step.

#The pricing page

Either a pricing-options widget on /pricing (one more script, on one page), or, often better, your own pricing page built from records with plain-words explanations and each Buy button deep-linked to that option in the branded web flow. The second is faster and clearer; the widget is only needed if you want Mindbody to render the live list.

#The home page

No widget. The intro button, a "See timetable" button, and optionally the next few classes as a static list fetched from Mindbody's API and cached, if you have API access. A visitor who wants times taps through.

#Appointments and enrolments

If the studio offers private sessions or courses, the appointment or enrolment widget goes on its own page (/privates, /courses), linked from the relevant content pages, never sitewide.

#Instagram and in-app browsers

Mindbody's embedded widgets can misbehave in Instagram's and Facebook's in-app browsers. The safe pattern: Instagram's bio link and story links go to your landing page, whose buttons deep-link to the branded web flow (hosted by Mindbody) rather than to embedded widgets. Test the intro purchase and a class booking inside Instagram on a phone; if the embed fails, the branded web link will not.

#Consumer app versus your site

The Mindbody app lists your studio beside others and brings discovery. Your site is where your brand lives and where you control the funnel. Both can be on: the app for its marketplace, the site as the primary path for your own audience. Track which produces intros.

#Configure Mindbody first

• Class types, schedule, instructors and capacities correct.
• The intro as a pricing option limited to new clients.
• Branded web settings: minimal required fields, your colours and logo, the shortest checkout.
• Confirmation and reminder messages in your voice.
• Waitlist and cancellation windows.

Buy the intro and book a class as a test client on a phone before wiring the site.

#Tracking

Events for intro clicks and purchases, bookings and membership purchases by page, class type and instructor. UTM tags on Instagram links. Mindbody's sales reports by source. If the branded web flow can return to a thank-you URL on your site, use it so purchases register in analytics.

#Monthly check

From the home page, a class-type page and an instructor page, on a phone and inside Instagram: buy the intro with a test account, book a class from a filtered timetable, cancel both. Mindbody updates its widgets and branded web; find out before a visitor does.

#Common mistakes

• Schedule widget on the home page.
• Unfiltered timetable links from class pages.
• The intro behind the full account flow when the branded web could be shorter.
• No min-height on the widget, so the timetable page shifts.
• Embeds as Instagram's destination rather than branded web links.

#Where this sits

Mindbody is the heaviest of the studio platforms to embed and the one where placement matters most. The setup above, one widget per dedicated page, links everywhere else, the shortest checkout the branded web allows, and Instagram pointed at hosted flows, is how we keep studio websites on Mindbody fast while the intro still sells in one tap.