All integrations
Under 5 minutes

SitStay on Wix

Use the HTML embed element to add class bookings to your Wix site. Works on all plans.

Wix is one of the most popular platforms for dog trainers building their first website. Adding the SitStay widget takes a single HTML embed element and two values from your dashboard. Your clients can browse classes, pick sessions, and pay — all without leaving your Wix site.

Step by step

  1. 1

    Open the Wix Editor

    From your Wix dashboard, open the site where you want to add bookings. Click Edit Site to launch the Wix Editor.

  2. 2

    Add an Embed HTML element

    Click the + (Add Elements) button in the left toolbar. Navigate to Embed Code → Embed HTML. Drag the element onto the page where you want the widget to appear.

    In the new Wix Studio editor, use Add Elements → Embed → Custom Element or HTML iframe.

  3. 3

    Switch to "Code" mode and paste the snippet

    Click the HTML element you placed, then click "Enter Code." Switch the mode dropdown from "Website address" to "Code." Paste the snippet below, replacing YOUR_TRAINER_ID and YOUR_WIDGET_KEY with the values from your SitStay dashboard.

    <div id="sitstay-widget-container"
     data-trainer-id="YOUR_TRAINER_ID"
     data-widget-key="YOUR_WIDGET_KEY"></div>
<script src="https://app.sitstayschedule.com/widget.min.js" async></script>
  4. 4

    Resize the embed element

    Drag the corners of the HTML embed element to give it enough width and height. We recommend at least 100% width and 800px height. The widget will use the space it needs and adapt responsively.

    Wix HTML embeds render inside an iframe. The widget works fully inside this iframe, but the height may need manual adjustment to avoid scrollbars.

  5. 5

    Publish and test

    Click Publish in the top right. Visit your live site and verify the widget loads with your class schedule. Try clicking through a booking to confirm the full flow works.

  6. 6

    Customize colors (optional)

    Add data attributes to match your Wix site's design, or configure them in your SitStay dashboard.

    <div id="sitstay-widget-container"
     data-trainer-id="YOUR_TRAINER_ID"
     data-widget-key="YOUR_WIDGET_KEY"
     data-primary-color="#2563EB"
     data-mode="light"
     data-font-family="Montserrat"></div>
<script src="https://app.sitstayschedule.com/widget.min.js" async></script>

Things to know

  • ⚠️ Wix renders HTML embeds inside an iframe. You may need to adjust the element height to avoid scrollbars within the widget.
  • ⚠️ On Wix Studio (the newer editor), the flow is slightly different — look for Custom Element or HTML iframe under Add Elements → Embed.
  • ⚠️ Wix's mobile editor has a separate layout. Check that the HTML embed is properly sized in the mobile view too.

Test your embed

Common questions

Does this work on the free Wix plan?
Yes. The HTML embed element is available on all Wix plans, including the free tier.
Why does the widget appear inside an iframe?
Wix sandboxes custom HTML in an iframe for security. The widget works fully inside it. The main thing to watch is the element height — make it tall enough to avoid internal scrollbars.
Can I use Velo (Wix's developer platform)?
Yes. If you're comfortable with Velo, you can use a Custom Element or an HtmlComponent to embed the widget with more control over sizing and events.
Will Stripe checkout work inside the Wix iframe?
Yes. When a client clicks to pay, Stripe Checkout opens in a new tab (standard redirect flow). After payment, they return to the success URL you've configured.
The widget looks cut off. What do I do?
Increase the height of the Wix HTML embed element. The widget needs enough vertical space to show the class list, calendar, and checkout steps. We recommend at least 800px.

Ready to add bookings to your Wix site?

Set up your school, connect Stripe, and publish your first class in one afternoon.

Request Early Access

7 days free · No credit card · Cancel anytime