> ## Documentation Index
> Fetch the complete documentation index at: https://snapwidget.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# How do I add an Instagram widget to my Studio website?

> Add your SnapWidget Instagram widget to a Studio.Design page with a Blank Embed box.

Paste your SnapWidget code into an **Embed** box where you want the widget to show. The same steps work for Facebook, X, TikTok and YouTube widgets.

### In SnapWidget

1. [Create your widget](/docs/getting-started/create-an-instagram-widget), or open an existing widget from your [dashboard](https://snapwidget.com/dashboard).
2. Click **Get Widget**. For an existing widget, click **Update & Get Widget**.
3. In the **You're One Step Away** window, click **Copy To Clipboard**.

### In Studio

1. On your Studio dashboard, open your project in the Design Editor. Go to the page where you want the widget.

2. Click the **Add** icon. On the **Basic** tab, under **Embed**, drag **Blank** onto the page.

   ![The Blank box in the Embed group of the Add panel](https://mintcdn.com/snapwidget/QJTE73Rcy1kqujES/images/install/studio/4.png?fit=max\&auto=format\&n=QJTE73Rcy1kqujES\&q=85\&s=47b6365b53aade23c397994008fd4ff4)

3. Select the Embed box. In the right panel, open the **Embed** tab. Under **Embed code**, click **Open editor**.

4. Paste your code and click **Save**.

5. Drag the corners of the box until the whole widget fits.

6. Publish your site. If the site is already live, update it from the publish panel.

> [!TIP]
>
> Studio runs embedded code inside the Embed box. If your widget uses **Lightbox** as **Photo Link**, the lightbox can only open inside the box. On a Pro widget, set **Photo Link** to **Photo Popup** on the **Advanced** tab. The photo then opens in its own window.

### Check your widget

Open the page on your live site. The widget shows your latest Instagram posts.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.