Sandbox
Every embed parameter, live. Change anything on the left and the frame on the right
remounts immediately through /cs2embed.js, the exact loader a customer's page would
use. The HTML, React, Vue and raw-iframe snippets below regenerate on every change, so what you
copy is always exactly what you're looking at.
Paste your own, or pick a preset below. Inspect wins when both are set (same rule as the live embed), so choosing a preset clears this field.
ui=none removes the corner wordmark only on Pro and
Enterprise plans. That's enforced server-side by the plan attached to your key
(routes/embed.js), not by this control. See
UI and the wordmark.
Paste a real key from any tenant and the preview keeps working: this page
is same-origin with /embed, and frame-ancestors always includes
'self' no matter whose origins the key is scoped to.
Code
Paste-ready, matching the controls above exactly.
…
…
…
…
For what every option means and its bounds, see Embed parameters; for
the full event/command list behind on() and setItem(), see
postMessage API. These four snippets are also the ones on
Frameworks, minus the live wiring. Start here to get the parameters
right, then copy from there for the fuller write-up.