Pop-up Modal Embeds

Open a demo in a full-screen modal overlay instead of embedding it inline. This is useful when you want to trigger a demo from a button click, like a “Watch demo” CTA in your hero section or a feature card on a marketing page.

The modal automatically fetches the demo’s recording dimensions and sizes itself to fit. Viewers can close it by clicking the overlay background, the close button, or pressing Escape.

Opening a demo in a modal

Open a demo in a full-screen modal overlay.

howdygo.openModal({ id: "your-demo-id" });

Closing the demo modal

Close the modal programmatically.

howdygo.closeModal();

Getting the code

The fastest way to set up a pop-up embed is from the share modal in the HowdyGo editor.

Cross-origin support

If your SDK runs inside an iframe (for example, a HowdyGo embed sitting inside a third-party CMS or documentation tool), modal requests forward to the top-level page automatically as long as the parent page also has the SDK loaded. The modal opens on the parent so the overlay can fill the whole viewport instead of being trapped inside the child iframe.

If the parent page doesn’t have the SDK, the modal opens locally inside the iframe.