# How to add App Widgets?

The App Score Widget presents the **User Score** of your project. It will show your average rating and the total number of reviews. 

You may view your Project's User Score on your project page, right under the logo. To view the number of reviews, scroll down to the Review Score section. 

<figure><img src="/files/aYdHn6njgu80ideFjq9S" alt="" width="375"><figcaption><p>User Score</p></figcaption></figure>

## How to add Score Widgets for your Project?&#x20;

First, navigate to the "[Developer Settings](https://magicsquare.io/store/profile/developer-info)" in your Magic Store account. The App Widget will be displayed on the right-hand side of the screen.

<figure><img src="/files/w9wrG1mISUATosWpACDH" alt=""><figcaption><p>Developer Settings</p></figcaption></figure>

Click on the "See All" button, and you will be directed to a new page where you can copy the widget's code. You have the option to select from various available styles.

<figure><img src="/files/VjZBER9FuHCwsJbD1wQQ" alt=""><figcaption><p>Copy Widget Code</p></figcaption></figure>

If you have multiple projects listed on the Magic Store, you can filter by project. This will automatically update the code to reflect the exact score your project has on the Magic Store.

<figure><img src="/files/pVr02wNfqbkToG56afgo" alt=""><figcaption><p>Select Project to create a widget</p></figcaption></figure>

Choose your favorite style and add it to your website! :star:


---

# 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://docs.magicsquare.io/magic-store/for-project-owners-developers/how-to-add-app-widgets.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.