Embedding approaches
Metabase provides three main approaches for embedding analytics:Modular embedding
Embed individual components like charts, dashboards, and query builder with SSO or guest authentication
Full app embedding
Embed the entire Metabase application in an iframe with SSO integration
Public sharing
Share charts and dashboards publicly via links or simple embeds
Modular embedding
With modular embedding, you can embed individual Metabase components in your web app. This approach gives you the most flexibility and control over the embedded experience.Two ways to implement modular embedding
- React SDK
- JavaScript embeds
The Modular embedding SDK is a React library that provides pre-built components for embedding Metabase into React applications. It offers advanced theming, custom layouts, and plugins for customization.Best for: React applications that need maximum customization and controlLearn more about the SDK
Authentication options
You can use two different authentication methods with modular embedding:SSO embeds
With SSO, Metabase can know who’s viewing what, which unlocks powerful features:- Automatic data permissions enforcement
- Drill-through on charts and dashboards
- Query builder access for ad-hoc exploration
- AI chat for natural language queries
- Collection browser
- Multi-tenant, self-service analytics
SSO embeds require a Pro or Enterprise plan.
Guest embedding
Guest embeds are a secure way to embed charts and dashboards without requiring individual user accounts. Guest embedding works on all Metabase plans, including open source and Starter.- Simple, secure embedding for charts and dashboards
- No individual user accounts required
- Filter data with locked parameters
- Works on all Metabase plans
Full app embedding
Full app embedding allows you to embed the entire Metabase app in an iframe, integrating Metabase SSO with your app’s authentication. This gives users access to all of Metabase’s functionality within your application. When to use full app embedding:- You want to embed all of Metabase’s functionality
- You need a complete analytics workspace within your app
- You’re okay with less control over specific UI components
Public links and embeds
If you’d like to share your data publicly, admins can create public links or embed a question or dashboard directly in your website.- No authentication required
- Share with anyone on the internet
- Simple iframe embeds
- Export options for CSV, XLSX, and JSON
Comparison of embedding types
The SDK refers to the React Embedding SDK, which is the most feature-rich embedding option.
| Feature | SDK | Modular SSO | Modular Guest | Full app | Public |
|---|---|---|---|---|---|
| Charts and dashboards | ✅ | ✅ | ✅ | ✅ | ✅ |
| Filter widgets | ✅ | ✅ | ✅ | ✅ | ✅ |
| Export results | ✅ | ✅ | ✅ | ✅ | ✅ |
| Locked filters | ❌ | ❌ | ✅ | ❌ | ❌ |
| Data segregation | ✅ | ✅ | ❌ | ✅ | ❌ |
| Drill-through menu | ✅ | ✅ | ❌ | ✅ | ❌ |
| Query builder | ✅ | ✅ | ❌ | ✅ | ❌ |
| Basic appearance customization | ✅ | ✅ | ✅ | ✅ | ✅ |
| Advanced theming | ✅ | ✅ | ❌ | ❌ | ❌ |
| Usage analytics | ✅ | ✅ | ❌ | ✅ | ❌ |
| Embed individual components | ✅ | ✅ | ❌ | ❌ | ❌ |
| Manage access per component | ✅ | ✅ | ❌ | ❌ | ❌ |
| Custom layouts | ✅ | ❌ | ❌ | ❌ | ❌ |
| Customize behavior with plugins | ✅ | ❌ | ❌ | ❌ | ❌ |
| AI chat | ✅ | ✅ | ❌ | ✅ | ❌ |
- Each embedding type allows data downloads by default, but only Pro and Enterprise plans can disable data downloads.
- Basic appearance customization requires a Pro or Enterprise plan for any embedding type.
Which embedding approach should you choose?
Determine your use case
- Public data? Use public sharing
- Simple charts without interactivity? Use guest embedding
- Need full Metabase experience? Use full app embedding
- Custom layouts and maximum control? Use the React SDK
Consider your authentication requirements
- No authentication needed? Use public sharing or guest embedding
- Multi-tenant with per-user permissions? Use SSO with modular or full app embedding
- React application? Use the React SDK for best developer experience
Getting started
React Embedding SDK
Start with the SDK for React applications
Modular embedding
Use web components for any framework
Full app embedding
Embed the complete Metabase experience
Public sharing
Create public links and embeds