Appearance
Control which editor UI sections are visible and style the embed to match your brand
Control how the embed looks — show or hide individual editor UI sections via URL query params, and style the embed from your dashboard.
| Option | Description |
|---|---|
| UI sections | Show/hide toolbars, page controls, and the styling sidebar via query params |
| Brand styling | Accent color, title, icon, and language — set in the dashboard |
UI sections#
Every editor section is visible by default. To control them, add the hide (and optionally show) query param to your embed URL — a comma-separated list of section tokens.
| Token | Section | What it is |
|---|---|---|
templateBar | Top-left bar | The Menu button (opens the styling sidebar), plus save and template actions |
pagesBar | Top-right page controls | Add, duplicate, delete, reorder, and switch pages |
metaBar | Bottom-left button | The ⓘ template-info popover |
toolsBar | Bottom-center bar | Zoom + insert tools (text, image, video, shape, …) |
videoBar | Playback bar | Timeline / play controls for video templates |
stylesSidebar | Styling sidebar | The slide-out panel for editing styles, pages, and layers |
Usage#
<!-- Hide a single section -->
<iframe src="https://orshot.com/embeds/your-embed-id?hide=stylesSidebar" />
<!-- Hide multiple sections -->
<iframe src="https://orshot.com/embeds/your-embed-id?hide=templateBar,pagesBar,metaBar" />
<!-- Hide everything → a clean, chrome-free preview -->
<iframe src="https://orshot.com/embeds/your-embed-id?hide=templateBar,pagesBar,metaBar,toolsBar,videoBar,stylesSidebar" />show re-enables a section and takes precedence over hide — useful for turning one section back on:
<iframe src="https://orshot.com/embeds/your-embed-id?hide=templateBar,pagesBar,toolsBar,stylesSidebar&show=videoBar" />Notes
- Tokens are case-insensitive and comma-separated; unknown tokens are ignored.
- The
stylesSidebaropens from the Menu button intemplateBar— so hidingtemplateBaralso removes the way to open the sidebar. - These params combine with your saved embed settings — e.g.
?hide=stylesSidebarand disabling Show All Workspace Templates both work. - Hiding a section affects visibility only — it doesn't change whether the canvas is editable.
Brand styling#
Set persistent styling from the Embed settings → General section in your dashboard:
| Setting | Description |
|---|---|
| Accent color | Matches the embed's controls to your brand color |
| Embed title | Shown in the sidebar menu (defaults to the workspace name) |
| Custom icon | Square brand icon (at least 128×128px) |
| Default language | Initial interface language for the embed |
Ready to automate?
Start rendering images, PDFs and videos from your templates in under 2 minutes. Free plan, no credit card.
Get your API key- Image, PDF and video generation via API
- Visual editor with AI and smart layouts
- Zapier, Make, MCP and 50+ integrations
- White-label embed for your own app
- 60 free renders — no credit card required