Relevant source files

The following files were used as context for generating this wiki page: - [README.md](https://github.com/metabase/metabase/blob/main/README.md) - [CLAUDE.md](https://github.com/metabase/metabase/blob/main/CLAUDE.md) - [e2e/test/scenarios/onboarding/setup/setup.cy.spec.ts](https://github.com/metabase/metabase/blob/main/e2e/test/scenarios/onboarding/setup/setup.cy.spec.ts) - [enterprise/frontend/src/embedding-sdk-package/README.md](https://github.com/metabase/metabase/blob/main/enterprise/frontend/src/embedding-sdk-package/README.md) - [frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkSettings/EmbeddingSdkSettings.tsx](https://github.com/metabase/metabase/blob/main/frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkSettings/EmbeddingSdkSettings.tsx) - [frontend/src/embedding-sdk-bundle/dev.md](https://github.com/metabase/metabase/blob/main/frontend/src/embedding-sdk-bundle/dev.md) - [frontend/src/metabase/home/components/EmbedHomepage/EmbedJsContent.tsx](https://github.com/metabase/metabase/blob/main/frontend/src/metabase/home/components/EmbedHomepage/EmbedJsContent.tsx) - [frontend/CLAUDE.md](https://github.com/metabase/metabase/blob/main/frontend/CLAUDE.md) - [frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/tests/common.unit.spec.tsx](https://github.com/metabase/metabase/blob/main/frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/tests/common.unit.spec.tsx) - [e2e/test/scenarios/embedding/sdk-iframe-embedding/view-and-curate-content.cy.spec.ts](https://github.com/metabase/metabase/blob/main/e2e/test/scenarios/embedding/sdk-iframe-embedding/view-and-curate-content.cy.spec.ts) - [e2e/test/scenarios/embedding/sdk-iframe-embedding-setup/guest-embed-oss.cy.spec.ts](https://github.com/metabase/metabase/blob/main/e2e/test/scenarios/embedding/sdk-iframe-embedding-setup/guest-embed-oss.cy.spec.ts) - [release/src/release-notes.unit.spec.ts](https://github.com/metabase/metabase/blob/main/release/src/release-notes.unit.spec.ts) - [frontend/src/metabase/embedding/embedding-iframe-sdk-setup/utils/embed-snippet.ts](https://github.com/metabase/metabase/blob/main/frontend/src/metabase/embedding/embedding-iframe-sdk-setup/utils/embed-snippet.ts) - [e2e/test/scenarios/embedding/sdk-iframe-embedding-setup/guest-embed-ee.cy.spec.ts](https://github.com/metabase/metabase/blob/main/e2e/test/scenarios/embedding/sdk-iframe-embedding-setup/guest-embed-ee.cy.spec.ts) - [resources/openapi/api-intro.md](https://github.com/metabase/metabase/blob/main/resources/openapi/api-intro.md) - [e2e/test/scenarios/embedding/interactive-embedding.cy.spec.js](https://github.com/metabase/metabase/blob/main/e2e/test/scenarios/embedding/interactive-embedding.cy.spec.js) - [release/src/release-notes.ts](https://github.com/metabase/metabase/blob/main/release/src/release-notes.ts) - [frontend/test/metabase/lib/dom.unit.spec.js](https://github.com/metabase/metabase/blob/main/frontend/test/metabase/lib/dom.unit.spec.js) - [frontend/src/metabase/actions/containers/ActionCreator/FormCreator/Description/Description.tsx](https://github.com/metabase/metabase/blob/main/frontend/src/metabase/actions/containers/ActionCreator/FormCreator/Description/Description.tsx) - [enterprise/frontend/src/metabase-enterprise/embedding/components/InteractiveEmbeddingSettingsCard.tsx](https://github.com/metabase/metabase/blob/main/enterprise/frontend/src/metabase-enterprise/embedding/components/InteractiveEmbeddingSettingsCard.tsx) - [enterprise/frontend/src/embedding-sdk-package/cli/constants/messages.ts](https://github.com/metabase/metabase/blob/main/enterprise/frontend/src/embedding-sdk-package/cli/constants/messages.ts) - [LICENSE-EMBEDDING.txt](https://github.com/metabase/metabase/blob/main/LICENSE-EMBEDDING.txt) - [frontend/src/metabase/home/components/Onboarding/tests/premium.unit.spec.tsx](https://github.com/metabase/metabase/blob/main/frontend/src/metabase/home/components/Onboarding/tests/premium.unit.spec.tsx) - [enterprise/frontend/src/embedding-sdk-package/dev.md](https://github.com/metabase/metabase/blob/main/enterprise/frontend/src/embedding-sdk-package/dev.md)

# Embedding Metabase provides powerful and flexible options for embedding charts, dashboards, and even the entire Metabase application into other applications. This allows for seamless integration of analytics and data exploration capabilities within your own product. The embedding features range from simple, static embeds to fully interactive, customizable experiences. There are three primary methods for embedding: 1. **Static Embedding**: Embed a single chart or dashboard using a secure iframe URL. 2. **Interactive (Full-App) Embedding**: Embed the entire Metabase application, providing a rich, interactive experience for users. 3. **Embedded Analytics SDK**: A modern approach using a JavaScript library to embed individual Metabase components (charts, dashboards, query builder) with advanced customization and interactivity. Sources: [README.md:30-32](), [enterprise/frontend/src/metabase-enterprise/embedding/components/InteractiveEmbeddingSettingsCard.tsx:28-29](), [frontend/src/metabase/public/components/EmbedModal/StaticEmbedSetupPane/tests/common.unit.spec.tsx:55-57]() ## Setup and Configuration Embedding features can be configured during the initial Metabase setup and through the Admin settings panel. ### Onboarding During the initial setup of a new Metabase instance, if the `use_case` query parameter is set to `embedding`, the setup flow is streamlined. This quick setup hides the database connection step and, upon completion, directs the user to a homepage focused on getting started with embedding. ```mermaid graph TD A[Visit /setup?use_case=embedding] --> B{User Info Step}; B --> C{Password Creation}; C --> D[Finish Setup]; D --> E[Redirect to /]; E --> F[Display "Get started with Embedding" Homepage]; ``` *This diagram shows the simplified setup flow when the "embedding" use case is specified.* Sources: [e2e/test/scenarios/onboarding/setup/setup.cy.spec.ts:251-274](), [e2e/test/scenarios/onboarding/setup/setup.cy.spec.ts:390-435]() ### Admin Settings Embedding options are managed in the Admin settings section. * **Full App Embedding**: This can be enabled via a toggle in the "Embedding" settings. Once enabled, you must configure the authorized origins where the Metabase app can be embedded. *Sources: [enterprise/frontend/src/metabase-enterprise/embedding/components/InteractiveEmbeddingSettingsCard.tsx:30-31](), [enterprise/frontend/src/metabase-enterprise/embedding/components/InteractiveEmbeddingSettingsCard.tsx:43-45]()* * **SDK for React**: This is an Enterprise Edition feature that can be enabled in the "Embedding" settings. The settings card provides links to quick start guides and documentation. For security, using the SDK on sites other than `localhost` requires implementing JWT or SAML SSO. *Sources: [frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkSettings/EmbeddingSdkSettings.tsx:59-62](), [frontend/src/metabase/admin/settings/components/EmbeddingSettings/EmbeddingSdkSettings/EmbeddingSdkSettings.tsx:49-52]()* ## Static Embedding Static embedding allows you to place a specific question or dashboard into your application using an `