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

# How to add widgets into theme?

From Widgets manager table, click button **Add to theme**

<figure><img src="https://191806798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFVFEQLeD8GqieG9XM9Ie%2Fuploads%2F0Xq8wELFR11S5aXkjFbc%2Fimage.png?alt=media&amp;token=9b4dc7f4-8f0f-462b-91a4-5a570e38b8fe" alt=""><figcaption></figcaption></figure>

### **Step 1:** Add block

Clicking into the button **Add to theme** directs to store theme.&#x20;

Click **Add section** any where you wan&#x74;**.** Please check to make sure you add section in the correct page that has been setup in app.&#x20;

<figure><img src="https://191806798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFVFEQLeD8GqieG9XM9Ie%2Fuploads%2FvGt9tslKIoei62fP7eqy%2Fimage.png?alt=media&amp;token=81cf0507-5a7f-4afa-8db3-d51c66c9816c" alt=""><figcaption></figcaption></figure>

Choose **Apps**, then select the type of template Carousel or Grid corresponding to the widgets you've created in app&#x20;

<figure><img src="https://191806798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFVFEQLeD8GqieG9XM9Ie%2Fuploads%2FxJ3FOUOXq0b1Rs32aQeh%2Fimage.png?alt=media&amp;token=04ca167d-72a5-4ebd-ab95-46b9c7997547" alt=""><figcaption></figcaption></figure>

### **Step 2:** Input Widget ID&#x20;

Copy Widget ID generated in app&#x20;

<figure><img src="https://191806798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFVFEQLeD8GqieG9XM9Ie%2Fuploads%2FwlRlmyc99zf8uDhW3nue%2Fimage.png?alt=media&amp;token=e9e7a437-e933-4a82-9f22-f7e9ae615111" alt=""><figcaption></figcaption></figure>

Fill the ID into the input

<figure><img src="https://191806798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFVFEQLeD8GqieG9XM9Ie%2Fuploads%2FEZ7lehGneLNpvnJNuxGW%2Fimage.png?alt=media&amp;token=62938595-958c-4430-b25f-f1b93b8bdd6b" alt=""><figcaption></figcaption></figure>

### **Step 3:** Drag and drop the added block to place the widget exactly where you want it

Here you can hold the app block and move to the place you want.

<figure><img src="https://191806798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFVFEQLeD8GqieG9XM9Ie%2Fuploads%2F3hgWbJD71mXnMcAYnVKy%2Fimage.png?alt=media&amp;token=d9220352-68ed-46a3-817b-d63258206dba" alt=""><figcaption></figcaption></figure>

Click **Save**. ALL DONE 🎉

<figure><img src="https://191806798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFVFEQLeD8GqieG9XM9Ie%2Fuploads%2FZ6Q6L4aRPFbFYiwG8vEl%2Fimage.png?alt=media&amp;token=02075d6d-f2a3-46e0-a90e-1b5a51218252" alt=""><figcaption></figcaption></figure>

Go to your storefront and check the output 😊

<figure><img src="https://191806798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFVFEQLeD8GqieG9XM9Ie%2Fuploads%2FUplcBZsGQhILoJNBgmcO%2Fimage.png?alt=media&amp;token=750cd329-cae4-423d-8f56-e076ff915485" alt=""><figcaption></figcaption></figure>
