How to set up Orshot Embed

Orshot Embed puts the design editor inside your app — your users design, your product stays in control. Open Orshot Embed from your workspace sidebar.

1. Enable and secure it#

Flip on Enable Embed, then add the Allowed Domains that may load your embed (use localhost:PORT for testing). Only these domains can load it:

2. Add it to your app#

The Embed Code tab gives you the snippet:

<iframe
  src="https://orshot.com/embeds/your-embed-id"
  title="Orshot Embed"
  allow="clipboard-write"
  style="width: 100%; height: 100%; min-height: 500px; border: none;"
></iframe>

Add ?templateId=123 to open a specific template. Using React or Vue? The React SDK and Vue SDK wrap this in a component with events and methods.

3. Test in the live preview#

The Preview tab next to your settings shows exactly what your users will see — verify before going live.

Related#