Saltar al contenido
Sheet
<sessions-sheet>

The final step of registering for a class or booking an appointment, on its own. Most businesses building a bespoke site already have their own activity pages and “book now” buttons — point one at <sessions-sheet> and it opens the same sheet the Sessions schedule uses: registration blocks and waivers (with signatures), booking-spot picking, passes / memberships / gift-card redemption, and Stripe checkout, all themed by your --sessions-* branding. Set session to a session id to register for a class. Set activity to a bookable activity id to take an appointment: add start (and optionally end) to open the booking sheet straight on a slot you’ve already chosen — the appointment equivalent of a session-detail sheet — or omit them to show an availability grid scoped to that activity. The sheet opens on mount; when the visitor dismisses it the element emits a sessions:sheet-close event so you can hide its container. Supply an auth token (directly or via a wrapping <sessions-context>) so the registration is taken on behalf of the signed-in visitor — anonymous visitors are routed through the business-pinned sign-in flow first.

API de marcaSessions Context

Instalar

<script type="module" src="https://go.sessions.website/embeds/unstable/sheet.js"></script>
<sessions-sheet
  business="ottawa-volleyball"
  session="&lt;session-id>"
></sessions-sheet>

Atributos

Edita cualquier atributo de abajo — el snippet de arriba y la vista previa en vivo al lado se reconstruyen en el sitio.

business : string

Handle of the business that owns the session or activity, without the leading @. Optional when a wrapping <sessions-context business="…"> already provides it.

session : string

Id of the session (a scheduled class / activity session) to register for. Opens the registration + checkout sheet. Takes precedence over activity when both are set.

activity : string

Id of a bookable activity to take an appointment against. On its own, opens a drag-to-pick availability grid scoped to that one activity; pair with start to skip the grid and open the booking sheet on a specific slot.

start : string

ISO 8601 instant for the start of a pre-chosen appointment slot (used with activity). Opens the booking sheet directly on that slot — the appointment equivalent of a session-detail sheet — instead of the availability grid.

end : string

ISO 8601 instant for the end of the pre-chosen slot. Optional — defaults to the activity’s minimum bookable length (minIncrements × slot length) measured from start.

auth : token

Optional embed-scoped JWT issued via the business-pinned sign-in flow. When set, the registration / booking is taken on behalf of the token holder; when omitted, the visitor signs in (or checks out as a guest) inside the sheet.

Content Security Policy

This embed renders a card-payment form and (for guest checkout) a bot-challenge widget. If your site sets a Content-Security-Policy, allow these origins or the payment form / challenge will be blocked.

script-src https://challenges.cloudflare.com;
frame-src https://challenges.cloudflare.com https://my.sessions.website;