Embed a Metabase iFrame

Embedding a Metabase iFrame in your HTML page requires creating a layer with the embed configuration and adding the visualization tag for that layer to your HTML file.

Create an Embed Layer for Metabase

Create a layer file in /layers. For example, create metabaseembed1.wld with the following contents:

<config>
{
    "type" : "metabase-embed",
    "embed_settings" : {
        "dashboard_id" : "123456" 
    }
}
</config>

Option	Example	Descripton
dashboard_id	`"123456"`	The ID of the Metabase dashboard you want to embed.

Add the Tag to Your HTML Page

Edit one of your HTML pages in /pages and add the following tag within that file:

<div>
   <metabaseembed1/>
</div>

Introduction

Configuring Your App

Users and Personas

Understanding Layers

Composing HTML Pages

Adding Page Filters

Embedding iFrames

Creating Native Visualizations

Advanced Features

Embed a Metabase iFrame

Create an Embed Layer for Metabase

Add the Tag to Your HTML Page