> 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="/files/9bw7VntserLuBX3jjrwQ" 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="/files/kzGwF9rBIFLZl6f9hmQr" 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="/files/loNyKT3mix1msX01drRg" alt=""><figcaption></figcaption></figure>

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

Copy Widget ID generated in app&#x20;

<figure><img src="/files/VwyHF63lhn8xb2q0ZLl9" alt=""><figcaption></figcaption></figure>

Fill the ID into the input

<figure><img src="/files/FgAEma9yaGi64HPnbQnA" 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="/files/yQ5fyl3ak22q1qNoqeXP" alt=""><figcaption></figcaption></figure>

Click **Save**. ALL DONE 🎉

<figure><img src="/files/Upos6nX6VgNo0CNsmBg5" alt=""><figcaption></figcaption></figure>

Go to your storefront and check the output 😊

<figure><img src="/files/ysfBvCTbLcXL4c0ZbiaI" alt=""><figcaption></figcaption></figure>