Drop a script tag and a custom element on the host page and the Sessions embed renders inside its own Shadow DOM. 9 elements are published today.
How to use
Include the embed's module script once, then place the custom element anywhere on the host page.
<script
type="module"
src="https://go.sessions.website/embeds/unstable/schedule.js"
></script>
<sessions-schedule business="still-water-yoga-demo"></sessions-schedule>AI agent tools on your site
Add the tools attribute to <sessions-context> and your embeds publish their booking capabilities to any AI agent running in the visitor's browser — browsing the schedule, pricing a booking, opening the booking sheet. It is off by default, and while it is off the tool code is never even downloaded.
<script
type="module"
src="https://go.sessions.website/embeds/unstable/schedule.js"
></script>
<!-- The `tools` attribute is the opt-in. Without it nothing is
registered, and the tool code is never downloaded. -->
<sessions-context business="still-water-yoga-demo" tools>
<sessions-schedule></sessions-schedule>
</sessions-context>One thing to check on your side: Web MCP is gated by the tools permission, which browsers default to self. A normal page needs no header. If your site sends a restrictive Permissions-Policy, allow tools for your own origin or the registration is rejected.
No tool ever handles a payment instrument. An agent can complete a booking only when your server-side price comes back at zero — a free session, or one covered by a pass the person already holds. Anything owing money opens the booking sheet and stops, for the person to complete.
Components
<sessions-context>Context
The recommended starting point — wrap your embeds so they share one data client, sign-in session, and theme. Set business, auth, and branding here once instead of on every embed.
<sessions-schedule>Schedule
Embeds a business’s public calendar of sessions with day, week, and month views.
<sessions-sheet>Sheet
Drops the registration / booking checkout sheet onto your own page — for one session or service you’ve already chosen. Bring your own schedule and “what to book” flow; this kicks in at the end to run the confirmation, spot picking, and payment.
<sessions-products>Products
Renders the catalogue of products a business sells — passes, memberships, gift cards, and physical goods — and checks out the one a visitor picks.
<sessions-product-sheet>Product Sheet
Drops the product checkout sheet onto your own page — for one product you’ve already chosen. The product-side counterpart of the Sheet embed: bring your own storefront, and this runs the purchase.
<sessions-reservations>Reservations
Shows the signed-in user’s reservations (upcoming or previous) with inline cancellation.
<sessions-account>Account
Renders a compact view of the signed-in user’s account — profile, upcoming sessions, and active passes.
<sessions-active-products>Active Products
Lists the signed-in viewer’s currently active passes and memberships.
<sessions-user>User
Renders the viewer’s name, avatar, and a sign-in button when unauthenticated.