# 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.&#x20;

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.&#x20;

<figure><img src="https://2796168757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxHoa5gVYlmhKhIwGqwUT%2Fuploads%2FdVGQKft9WBWKgKdtSizC%2FScreenshot%202024-03-06%20at%2012.40.13%E2%80%AFPM.png?alt=media&#x26;token=4e057c11-96c7-4db3-b313-6b0dc40129ad" 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="https://2796168757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxHoa5gVYlmhKhIwGqwUT%2Fuploads%2Fvc3llQvgBnrVkK2w7XrL%2Fimage.png?alt=media&#x26;token=72df7191-b7df-4a98-bd4d-b10ffdd2cf51" 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="https://2796168757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxHoa5gVYlmhKhIwGqwUT%2Fuploads%2FRtI7MLRSDK6RYeUsI1Xz%2Fimage.png?alt=media&#x26;token=8379d9a2-7818-490e-a341-c55988832ff1" 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="https://2796168757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxHoa5gVYlmhKhIwGqwUT%2Fuploads%2FGwp2x6G1QMBzzazYxOh0%2Fimage.png?alt=media&#x26;token=d1c88fcc-efce-46b6-86fe-24f745038760" alt=""><figcaption><p>Select Project to create a widget</p></figcaption></figure>

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