# Appearance

> Control which editor UI sections are visible and style the embed to match your brand

- **URL**: https://orshot.com/docs/orshot-embed/appearance

---

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](#ui-sections) | Show/hide toolbars, page controls, and the styling sidebar via query params |
| [Brand styling](#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```html
<!-- 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:```html
<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 **`stylesSidebar` opens from the Menu button in `templateBar`** — so hiding `templateBar` also removes the way to open the sidebar.
- These params combine with your saved embed settings — e.g. `?hide=stylesSidebar` and 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 |