> ## Documentation Index
> Fetch the complete documentation index at: https://helpdocs.getthread.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Design a Custom Teams App for Your Customers

> Use the Thread Admin Panel Teams App Builder to design and deploy white-labeled, branded Microsoft Teams support apps for each of your MSP customers.

### Create a white-labeled Teams app for your customers

<Frame>
  <iframe src="https://www.loom.com/embed/50dfbf4149ab4b4ba8e8832789e6560a" width="100%" height="400" allowfullscreen />
</Frame>

From the Admin Panel, you have the ability to create a branded Teams experience that you can deploy to your customers. Best of all, you can create multiple different apps with different brandings, if you have customers that prefer their own branding in their Teams app.

<Frame>
  <img src="https://mintcdn.com/thread/juCyEL4f0qmxDa7M/images/073360f1-image.png?fit=max&auto=format&n=juCyEL4f0qmxDa7M&q=85&s=5560fa996e08ad71eadd1219bb9b11c2" alt="Thread Admin Panel Teams App Builder overview" width="1618" height="904" data-path="images/073360f1-image.png" />
</Frame>

To access the Teams App Builder:

<Steps>
  <Step title="Navigate to your Thread Admin Panel">
    Navigate to your Thread Admin Panel
  </Step>

  <Step title="Click on Messenger in the left navigation bar">
    Click on **Messenger** in the left navigation bar
  </Step>

  <Step title="Navigate to the Teams Apps tab">
    Navigate to the **Teams Apps** tab at the top-center of your browser window

    <Frame>
      <img src="https://mintcdn.com/thread/XL4w2StwzALuT8Pw/images/9e141e40-2022-10-30-10-10-33.png?fit=max&auto=format&n=XL4w2StwzALuT8Pw&q=85&s=084a217e8e5d3ea6fa107f531a00e54a" alt="Teams Apps tab in the Messenger section of the Admin Panel" width="721" height="186" data-path="images/9e141e40-2022-10-30-10-10-33.png" />
    </Frame>
  </Step>

  <Step title="Create, Edit, or Duplicate an app">
    Click **Create New** if you wish to create a new custom Teams App, or **Edit** or **Duplicate** an existing app
  </Step>

  <Step title="Open the Teams App Builder">
    If you clicked **Create New** on the previous screen, you will be brought to the Teams App Builder.

    1. Please follow these guidelines for the App icons [here](https://learn.microsoft.com/en-us/microsoftteams/platform/concepts/design/design-teams-app-icon-store-appbar)

    <Frame>
      <img src="https://mintcdn.com/thread/wn6TrV7GJB-j5H1g/images/d8c5705a-2022-10-30-10-12-50.png?fit=max&auto=format&n=wn6TrV7GJB-j5H1g&q=85&s=17f6d6fde2e51de00afb2ebf8ef0f17d" alt="Teams App Builder icon upload guidelines" width="614" height="916" data-path="images/d8c5705a-2022-10-30-10-12-50.png" />
    </Frame>
  </Step>

  <Step title="Customize and name your app">
    Now you can customize your app, the entire experience is brandable and customizable. *When naming your App, we recommend a name that can be recognized by your customers' users for the type of service you provide, e.g IT Support.*
  </Step>

  <Step title="Edit support pages and preview your design">
    Here you can edit the support pages displayed on your app, and also preview your app design. To change the color of these support buttons:You can go to the design page of the messenger settings and change the primary color. Then all you have to do is click "save" and then after a refresh of teams the color will change

    <Frame>
      <img src="https://mintcdn.com/thread/juCyEL4f0qmxDa7M/images/17d08571-image.png?fit=max&auto=format&n=juCyEL4f0qmxDa7M&q=85&s=f568a3d4863175b0a74cf13160876a99" alt="Teams App Builder support page editor" width="721" height="186" data-path="images/17d08571-image.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/thread/XL4w2StwzALuT8Pw/images/61c31f64-image.png?fit=max&auto=format&n=XL4w2StwzALuT8Pw&q=85&s=113e7e8b8590efce5da1f6dc0c16ccdc" alt="Teams App design preview" width="614" height="916" data-path="images/61c31f64-image.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/thread/juCyEL4f0qmxDa7M/images/312426ff-image.png?fit=max&auto=format&n=juCyEL4f0qmxDa7M&q=85&s=19d45f1337a85ed6a5d5a01cf2569565" alt="Teams App support buttons with customized color" width="614" height="916" data-path="images/312426ff-image.png" />
    </Frame>
  </Step>
</Steps>

<Note>
  The customizable Teams app embeds a version of Messenger on the right for your customers to open chats with your team. This inherits the Messenger branding settings you set at the parent level, or if you are overriding these settings at the customer level, it will inherit those settings for that Customer.
</Note>


## Related topics

- [How Notifications Work for your Customers](/notifications/how-notifications-work-externally.md)
- [Messenger Settings: Configure Chat, Design, and Hours](/inbox/messenger.md)
- [Customer Value Messaging for AI-Powered Support](/get-started/talking-to-customers-about-ai-powered-support-thread-customer-value-messaging.md)