Introduction

Orshot Embed lets you integrate the full Studio experience directly into your application. Your users can create, edit, and customize designs without leaving your platform.

What is Orshot Embed?#

Think of it as Studio-as-a-Service. Instead of redirecting users to a separate design tool, you embed the entire Orshot Studio interface right in your app. Users get the complete design experience - templates, editing tools, customization options - all seamlessly integrated.

Video Walkthrough#

Getting Started#

1. Enable Embed in your workspace settings
2. Configure permissions for what users can do
3. Copy the embed code and paste it in your app
4. Customize the experience with your branding

Basic Setup#

The simplest embed looks like this:

<embed
  src="https://orshot.com/embeds/your-embed-id"
  style="width: 100%; height: 100%; min-height: 500px; border-radius: 8px;"
/>

Open with a specific template:

<embed
  src="https://orshot.com/embeds/your-embed-id?templateId=123"
  style="width: 100%; height: 100%; min-height: 500px; border-radius: 8px;"
/>

With a specific language:

<embed
  src="https://orshot.com/embeds/your-embed-id?templateId=123&lang=spanish"
  style="width: 100%; height: 100%; min-height: 500px; border-radius: 8px;"
/>

Key Features#

• White-label Integration: Match your app's branding
• Permission Controls: Decide what users can and can't do
• Multi-language Support: Choose from available languages
• Webhook Events: Get notified when users create, update, or delete templates
• Domain Security: Restrict usage to your domains only

Use Cases#

• Marketing Platforms: Let customers create their own graphics
• E-commerce: Product image customization
• Content Management: Built-in design tools
• Client Portals: Collaborative design workflows
• SaaS Applications: Add design capabilities to any product

What's Next?#