Widget Studio¶
Use Widget Studio to generate embed snippets and preview Traveln's two web embeddables before handing them to frontend developers.
Available products¶
| Product | Best for | Main outcome |
|---|---|---|
| Trip Planner Widget | Pages where users should start planning inside your site | Embedded prompt entry and redirect into the Traveln planner |
| SSO Button Widget | Landing pages, account areas, headers, and CTA sections | Single-click silent login and redirect to a Traveln destination |
Shared requirements¶
Both products require:
- A valid tenant slug
- A backend token endpoint exposed through
data-token-url - Traveln tenant configuration on the CDN host
- An allowed frontend origin so the CDN config request can succeed
Recommended workflow¶
- Choose the product that matches your UX.
- Generate the embed snippet in the relevant studio page.
- Wire your backend token endpoint using the Server guide.
- Apply client-side overrides only where needed.
- Test in the same host environment you will ship.
Open a studio page¶
Note
The interactive studio pages are powered by docs/assets/javascripts/widget-studio.js.