Skip to main content
Learn how to embed your Lindo.ai workspace into your own website for a seamless client experience.

​
What is Workspace Embed?

Workspace embed allows you to:
  • Display your workspace on your domain
  • Provide branded client access
  • Integrate with existing websites
  • Create custom client portals

​
Requirements

  • Business plan or higher
  • Embed Webapp add-on enabled
  • Custom domain configured
1

Enable Embed Feature

  1. Open Settings in sidebar
  2. Go to Reseller tab
  3. Find Workspace Embed section
  4. Toggle Enable Embed
2

Get Embed Code

Once enabled, you’ll see the embed code:
<iframe
  src="https://your-domain.com/embed"
  width="100%"
  height="800px"
  frameborder="0"
></iframe>
3

Add to Your Website

  1. Copy the embed code
  2. Open your external website’s HTML
  3. Paste the code where you want the workspace
  4. Adjust width and height as needed
4

Style the Container

Add CSS to match your site:
.workspace-container {
  max-width: 1400px;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
5

Configure Authentication

Clients access the embedded workspace using:
  • Their existing Lindo credentials
  • Or client registration if enabled

​
Use Cases

  • Agency Portals: Embed in your agency website
  • Client Dashboards: Add to client-facing apps
  • Reseller Platforms: White-label integration
  • Internal Tools: Company intranet integration

​
Best Practices

  • Use responsive iframe sizing
  • Test on mobile devices
  • Ensure HTTPS on host site
  • Match branding between sites
  • Provide clear navigation

​
Troubleshooting

Iframe not loading:
  • Check embed is enabled
  • Verify domain configuration
  • Ensure HTTPS is active
Styling issues:
  • Adjust iframe dimensions
  • Check for CSS conflicts
  • Test in different browsers

All Tutorials

Learn more

White Label Setup

Learn more