This mock host app demonstrates embedding Chargebee's Growth Retention cancel flow inside a host app via iframe.

1. 1On page load, a request for a hosted page is made to Chargebee. The returned URL is populated into the Cancel plan button.
2. 2Clicking the button opens that URL in a full-screen, transparent iframe overlay.
3. 3A close button in the overlay unmounts the iframe and returns the user to the host app.

Use the tabs above to see the exact styling and JS for each piece.