> For the complete documentation index, see [llms.txt](https://getsitecontrol.gitbook.io/gsc-instagram-feed/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://getsitecontrol.gitbook.io/gsc-instagram-feed/add-widget-to-theme.md).

# Add widget to theme

To use **Instafeed Widgets**, you need to first activate the app in the theme. Then you can place a widget wherever your theme allows for inserting **app blocks**. You can rearrange, hide, or remove app blocks in the same way as any other blocks in your theme. [**Learn how to manage app blocks in Shopify.**](https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/apps#app-blocks)

### Activate the Instagram Feed app in a theme

Hit **Activate** in the app admin notification to quickly access the **GSC Instagram Feed** app embed of your **published theme.** This notification disappears once you activate the app. Don’t forget to **Save** the changes in the theme editor.

<div data-with-frame="true"><img src="https://160550378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtVF5WI0aGYltjKyQrnWn%2Fuploads%2FQyMs3MS4hkGIDckFPyFw%2Fimage_4166.png?alt=media" alt=""></div>

Alternatively, you can activate the app in a theme manually:

1. From your Shopify admin, go to **Online Store** > [**Themes**](https://admin.shopify.com/themes).
2. Choose the theme, and click **Edit theme**.
3. On the top bar of the theme editor, click the **App embeds** icon.
4. Find the app in the list of installed apps.
5. Click the toggle beside the app name to activate it.
6. **Save** the changes in the theme editor.

### Add the widget to a theme section

{% hint style="warning" %}
Some of your theme sections might not support app blocks. Refer to your theme’s documentation or contact a theme developer to learn which sections support app blocks.
{% endhint %}

1. Open the relevant page.
2. Choose a section. If it supports app blocks, they will appear in the block picker.
3. Add the **Instafeed Widget** app block through **Add block > Apps.**
4. Copy the **Widget ID** from the app admin and paste it into the Widget ID field of the app block.

<div data-with-frame="true"><img src="https://160550378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtVF5WI0aGYltjKyQrnWn%2Fuploads%2FCfAjPOEg97aDeVKg3Q0j%2FFrame_2087325875_(1).png?alt=media" alt=""></div>

### Add the widget to a page

1. Open the relevant page.
2. Add the **Instafeed Widget** app block through **Add section > Apps.**
3. Copy the **Widget ID** from the app admin and paste it into the Widget ID field of the app block.

<div data-with-frame="true"><img src="https://160550378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtVF5WI0aGYltjKyQrnWn%2Fuploads%2FCfAjPOEg97aDeVKg3Q0j%2FFrame_2087325875_(1).png?alt=media" alt=""></div>