All topics
Scheduling

Booking Widget

Put a booking widget on your website so clients can browse classes, enroll, and pay — without ever leaving your site.

Last updated March 11, 2026

Your website should be where clients book, not where they go to find a link to some other platform. The booking widget lets clients browse your classes, enroll, and pay — all right on your site, styled to match your brand.

How it works

The widget is a small snippet of HTML and JavaScript that you paste into your website. Once it’s there, it:

  1. Shows your published classes and open series to visitors
  2. Lets clients pick a class, enter their details, and add their dog’s info
  3. Handles payment through Stripe (using your connected account)
  4. Creates the booking and enrollment automatically

The whole flow happens on your site. Clients never see SitStay’s branding — to them, it just looks like part of your website. That’s the point.

Getting your embed code

  1. Head to Settings > Embed Code in your dashboard (owner access required).
  2. Copy the snippet.
  3. Paste it into your website wherever you want the widget to show up.

The embed code includes your trainer ID and widget key, so SitStay knows which classes to display. It also carries your theme settings so everything matches your branding out of the box.

Making it look like yours

The widget picks up your theme configuration from the dashboard automatically. You can customize:

SettingWhat it controls
Primary colorButtons, links, active states
Secondary colorAccents and secondary elements
Accent colorHighlights and calls to action
Font familyThe typeface used throughout the widget
Font scaleRelative text sizing (default: 1)
Corner radiusHow rounded the corners are
Theme modeLight or dark base theme
Surface colorsBackgrounds, borders, text, and muted text

Update your theme in the dashboard and the widget updates automatically. No need to touch the embed code again.

What shows up (and what doesn’t)

The widget only displays classes that are:

  • Published (for individual classes)
  • Enrollment open (for series)

Everything else stays hidden. So you can build out your entire schedule, get everything set just right, and nothing goes live until you flip the switch. No “oops, clients booked the wrong class” moments.

Works on any website

The widget runs on any site that allows custom HTML. SitStay also provides specific installation guides for:

  • WordPress — dedicated plugin with shortcode and Gutenberg block support
  • Squarespace — code injection via page or site-wide settings
  • Wix — HTML embed block
  • Plain HTML — direct paste into any page

Check the Integrations page for step-by-step instructions for your platform.

Members-first booking

If you’ve turned on the members-first booking window, the widget handles it automatically. During the member-only window, only authenticated members can complete a booking. After the window closes, the class opens to everyone.

It’s a nice perk for your members — and you don’t have to manage any of it manually.