Elara Help

Appearance

Website integration ​

The Website Integration page lets you embed Elara on your existing website with a single script tag, so customers can book directly from your site.

For the end-to-end website setup, see Website widgets.

Getting there ​

  • Where: Settings → Website Integration.
  • Permission: the brands resource.

Setting up ​

Add your site under Allowed domains first, then work down the page.

1. Add the script ​

Copy the managed script tag and paste it into your website. Use that script exactly as shown: self-hosted production widget bundles are not supported. The script connects your site to Elara and loads the studio name and primary color from the brand ID. Set widget appearance under Settings > Design rather than adding hard-coded branding to the snippet.

A status card shows Widgets are live once your site loads a widget, or No widget has loaded yet until then.

Expand Found on N pages in the last 30 days in that card to see where widgets are loading: the page address, which widget tags loaded there, how many loads, and when it was last seen. Each row links out to the page. The list and each page's load count cover the last 30 days only, so a page that stopped embedding a widget over a month ago drops off the list while the card's total load count still counts it. Only loads recorded after your site next loads a widget appear here, so a site installed long ago starts the list empty.

2. Drop a widget on a page ​

Add one of the widget tags where you want it to appear:

  • Schedule (<sauna-schedule>): day and week browsing, session details, booking, and checkout and inline account access. Use location-id to pin it to a location.
  • Membership plans (<sauna-membership-plans>): lists your published plans with checkout.
  • Gift cards (<sauna-gift-card-purchase>): a gift card purchase flow with checkout.
  • Customer account (<sauna-account>): a self-serve area for bookings, memberships, and profile.
  • Location map (<sauna-location-map>): an interactive map of all bookable locations.

Hand off to an agent ​

Hand off to an agent at the top of the page opens the full installation brief: the script tag, every widget snippet with your brand ID, and the allowed-domains requirement. Copy it and send it on.

The brief uses the managed production bundle and intentionally omits developer-only api-url, brand-name, and primary-color overrides.

Allowed domains and account URL ​

  • Allowed domains: the sites permitted to load your widgets (for example studio.example.com). This is the first card on the page.
  • Customer account URL: where the Customer account widget lives (for example https://www.example.com/account). Sign-in and impersonation links carry a live token, so this must be an https:// URL whose domain is in Allowed domains. If it is not, staff sign-in links and Log in as Customer are refused until you fix it.

Tips ​

  • The Allowed domains here must include your website for booking and customer sign-in to work. Onboarding sets your first domain, and can still change it if you revisit the wizard; everything else about the list is managed here.
  • For paid checkout to work in the Schedule widget, connect a provider in Payment settings.
  • When you build custom pages, compare the snippets on this page with Widget reference to confirm the tags and attributes match.