Embedding your timetable

A week of your classes, from today: the time, the class, the instructor and level, and how many places are left, in your brand colour. Visitors move week by week up to your booking horizon. Classes that have finished drop off; cancelled ones stay, struck through.

It only shows. A visitor who picks a class goes to that class on your booking site, where they sign in, choose their bed and book as usual. Nobody signs in or books inside the embed, and it sets no cookies of its own.

1. Owners and admins open Settings → Website → Your timetable on your website.
2. Choose its look (light, dark, or as each visitor’s device is set), its background (its own colour, or see-through so your website’s shows), whether classes open in a new tab or the same one, and whether it shows every class, one class type or one instructor’s. The preview below follows your choices.
3. Copy the web component, or the plain iframe if your website builder doesn’t allow scripts.
4. On your website, add an HTML, code or embed block where the timetable should go, and paste the snippet in. Most website builders have one; it may be called custom code.

The web component grows and shrinks with your timetable, so there is no scroll bar inside it. The plain iframe keeps a fixed height (720 pixels to start with: change the height in the snippet to suit your page) and scrolls inside when a week is longer.

Every link out of the embed carries the tags utm_source=website, utm_medium=embed and utm_campaign=timetable, so bookings that start there show as Your own website in Reports → Sources, with the embed as its own line in the campaigns table.

Until a class can be booked (a location, a room with beds, a class type, an instructor and a class on the timetable), Settings → Website says what is still missing, and the set-up checklist keeps its Share your site button locked. The embed itself shows an empty week until then.