Drop a script tag and a custom element on the host page and the Sessions embed renders inside its own Shadow DOM. Six 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="ottawa-volleyball"></sessions-schedule>Components
<sessions-schedule>Schedule
Embeds a business’s public calendar of sessions with day, week, and month views.
<sessions-products>Products
Renders the catalogue of products a business sells — passes, memberships, gift cards, and physical goods.
<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.