League & Session Widget
Embed league and standalone session flows with rondo-widget.js and a correctly scoped API key.
Use this widget when you want to embed league experiences or standalone pickup sessions in your site with minimal custom UI work.
When to use this widget
Use this section to confirm that rondo-widget.js fits your flow before you build around it.
| Use case | Choose this widget? | Why |
|---|---|---|
| League hierarchy flows | Yes | It fits league-style navigation |
| Standalone pickup sessions | Yes | It supports session flows outside the league hierarchy |
| Fully custom frontend | Maybe not | The Embed API gives you more direct control |
What you need
Use this section to make sure the widget can load correctly in your site.
| Requirement | Required | Why it matters |
|---|---|---|
rondo-widget.js | Yes | This is the widget file for league and session experiences |
| Your API key | Yes | Authenticates data access |
| Allowed domain | Yes | The widget must load from a domain in allowedOrigins |
| League or session context | Yes | Determines what content the widget loads |
Launch checklist
Use this section to avoid the most common widget setup problems before launch.
- Test the widget on a real page in your development environment.
- Start with a simple host page, then add your surrounding layout after the first successful load.
- Confirm your domain is included in
allowedOriginsfor the API key you are using. - Keep the Powered by Rondo footer in place, because it cannot be removed.
Next step: Continue to Facility Booking Widget if you also need facility availability and booking requests.
Updated 34 minutes ago