# 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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;token=750cd329-cae4-423d-8f56-e076ff915485" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://omegatheme-contact.gitbook.io/omega-instagram-feed/how-to-add-widgets-into-theme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.