# How to set up Orshot Embed

> Put the full design editor inside your own product — enable, allowlist your domains, paste the embed code

- **URL**: https://orshot.com/help/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:

![Enable Embed and Allowed Domains settings](https://orshot.com/help/embed/setup-1-enable.webp)

## 2. Add it to your app

The **Embed Code** tab gives you the snippet:```html
<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](https://orshot.com/docs/orshot-embed/react-sdk) and [Vue SDK](https://orshot.com/docs/orshot-embed/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