Embedded Editor Branding

Customize the embedded editor to match your brand.

Branding Options

Configure in Embed Settings:

Logo

• Upload your logo (PNG, SVG recommended)
• Appears in the header
• Replaces Templated branding

Colors

• Primary Color — Buttons, highlights, accents
• Background Color — Editor background
• Interface Color — Panels, toolbars

Domain Restrictions

• Specify allowed domains
• Editor only loads on approved domains
• Localhost always allowed for development

Configuration

1. Go to Embed Settings
2. Upload your Logo
3. Set your Brand Colors (hex values)
4. Add Allowed Domains
5. Save changes

URL-Based Overrides

Override colors per-embed:

<embed 
  src="...?embed=CONFIG_ID
    &primary-color=FF5722
    &background-color=1A1A1A" 
/>

Note: Colors in URL don't include # prefix.

White-Label Checklist

For complete white-labeling:

• [ ] Upload your logo
• [ ] Set brand colors
• [ ] Configure allowed domains
• [ ] Hide Templated elements:

  &hide-language-toggle=true

• [ ] Set up webhook for your domain
• [ ] Use custom fonts if needed

Requirements

• Scale plan or higher required for production embedding
• Localhost works on all plans for development
• Custom domains must be configured in settings

Example

<embed 
  src="https://app.templated.io/editor?embed=YOUR_CONFIG_ID" 
  width="100%" 
  height="800px"
  style="border: none;"
/>

Documentation: https://templated.io/docs/embed/

Updated on: 11/01/2026