Skip to content
Products
<sessions-products>

Lists the storefront products for a business — passes, memberships, gift cards, and physical goods. Every row is a button: picking one opens the checkout sheet right inside this element (an optional guest name and email, the inline Stripe card form, and the purchase), so you need nothing beyond this one tag to sell. Sold-out items stay listed but aren’t purchasable. Filter the catalogue to a single kind with the type attribute, and supply an auth token (directly or via a wrapping <sessions-context>) to buy on behalf of a signed-in visitor and save their card.

Install

<script type="module" src="https://go.sessions.website/embeds/unstable/products.js"></script>
<sessions-products
  business="still-water-yoga-demo"
></sessions-products>

Attributes

Edit any attribute below — the snippet above and the live preview to the side rebuild in place.

business : string

Handle of the business whose products should be listed. Optional when a wrapping <sessions-context business="…"> already provides it.

auth : token

Optional embed-scoped JWT. When omitted, the embed behaves like an anonymous shopper.

type : pass | membership | giftCard | physicalProduct

When set, restricts the catalogue to a single product kind. Values match the GraphQL __typename exactly.

Content Security Policy

Picking a product opens a checkout sheet with 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://embed.sessions.website;