> For the complete documentation index, see [llms.txt](https://docs.magicsquare.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magicsquare.io/magic-store/for-project-owners-developers/how-to-add-app-widgets.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.magicsquare.io/magic-store/for-project-owners-developers/how-to-add-app-widgets.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.