Created a new page for the App Badge in Microsoft Store documents (#4638)

* Created a new page for the App Badge in Microsoft Store documents

This page describes the new badge, including the upcoming release date and instructs developers on the right link and methods to make the most of their app badge.

* Update microsoft-store-app-badge.md

* Update microsoft-store-app-badge.md

* Update microsoft-store-app-badge.md

* Update microsoft-store-app-badge.md

* Update toc.yml

* Moving the file to apps > publish

Author: desigrit

hub/apps/publish/microsoft-store-app-badge.md

@@ -0,0 +1,36 @@
+---
+description: This section announces the new Store badge and describes how you can use it for your app
+title: The new Microsoft Store app badge
+ms.topic: article
+author: desigrit
+ms.author: raober
+ms.date: 05/07/2024
+keywords: uwp, microsoft store, store badge, app badge
+ms.localizationpriority: medium
+---
+
+# The new Microsoft Store badges are here
+
+We’ve refreshed the Microsoft Store badge to feature the new logo, with a more refined call-to-action to give users more confidence to acquire your app. These will go live on our [badge creator page](https://apps.microsoft.com/badge) on **August 12, 2024** in all supported languages.
+
+If you’re a developer with an app published on the Microsoft Store, and if you’ve been using these badges externally, you should switch to the new design once they’re live.
+
+## Old
+
+| ![old-badge-dark](https://github.com/user-attachments/assets/01b8dcdc-e002-4b3b-9a99-a02ad3887f52) | ![old-badge-light](https://github.com/user-attachments/assets/c4d2e80d-0eff-4cc0-b2c5-50c7a21f8816)  |
+| ------------- | ------------- |
+
+## New
+
+| <img src="https://github.com/user-attachments/assets/a33d46aa-9406-4f8c-bd25-f982d25dff7b" width="256" alt="new-badge-dark">  | <img src="https://github.com/user-attachments/assets/ea1118ca-da09-4107-a7c9-913416f925e8" width="256" alt="new-badge-light"> |
+| ------------- | ------------- |
+
+
+If you don’t have a badge yet, visit the [Microsoft Store badge creator page](https://apps.microsoft.com/badge) to choose the options that work best for your badge and hit Generate to create one for your app.
+
+### Some tips to make the most of your badge
+* We’ll have a different badge color for dark and light modes, and you should pick what works best for your website or allow it to be automatically detected.
+* We recommend using the standard JavaScript-based badge, but if your website doesn’t use JavaScript, you’ll be able to create a non-JS version too.
+* Remember to add a campaign ID with a unique string so you can better track your traffic sources on the Microsoft Store Partner Center dashboard.
+
+Please avoid altering the badge – including changing the color, the text, or the elements within.

hub/apps/toc.yml

@@ -639,6 +639,8 @@ items:
                         href: publish/app-marketing-guidelines.md
                       - name: Link to your app
                         href: publish/link-to-your-app.md
+                      - name: Get the updated Microsoft Store Badge
+                        href: publish/microsoft-store-app-badge.md
                       - name: Make your app easier to promote
                         href: publish/make-your-app-easier-to-promote.md
                   - name: Engage with your customers