Skip to main content
CANVASESMICROSOFTTEAMS

Personal tabs

Create embedded web experiences for individual users

Tabs are Microsoft Teams-aware webpages embedded in Microsoft Teams. They can be added as part of a channel or a group chat inside a team or as a personal app for an individual user.

As part of your app, you can add custom tabs to embed your own web content in Teams.

Microsoft Teams tabs can be build in numerous different ways using different technologies.

  • Scenarios

    What can you use personal tabs in Microsoft Teams for?

    Bring an existing web-based resource inside Teams.

    You create a personal tab in your Teams app that presents an informational corporate website to users.

    Add support pages to a Teams bot or messaging extension.

    You create personal tabs that provide about and help webpage content to users.

    Provide access to items that your users interact with regularly for cooperative dialogue and collaboration.

    You create a channel/group tab with deep linking to individual items.

  • Samples

    Sample personal tabs in Microsoft Teams

    Attendance

    The Attendance app is a Power Apps tab that can be pinned in a team. It is designed to record presence, typically in settings such as learning and training environments. Users can mark or edit attendance for up to 30 days in the past and view summarized attendance reports for an entire group or individual attendees.

    Goal Tracker

    The Goal Tracker app is a comprehensive solution for your organization to support establishing goals, observing progress, and acknowledging success within Microsoft Teams. The app enables users to set, track, and update objectives on a professional, personal, and team level. Team members also receive timely reminders and status updates to remain focused and stay on track.

    Me experience

    A Me-experience in Microsoft Teams using SharePoint Framework where users can start their day and see their personal information

  • Documentation

    Get started building tabs for Microsoft Teams

    What are Microsoft Teams custom tabs?

    A quick overview of what Microsoft Teams custom tabs are and when you'd use them.

    Learning path: Create embedded web experiences with tabs for Microsoft Teams

    Tabs are Microsoft Teams-aware webpages embedded in Microsoft Teams. They can be added as part of a channel or a group chat inside a team or as a personal app for an individual user. As part of your app, you can add custom tabs to embed your own web content in Teams. Two types of tabs are available in Teams, channel/group and personal. In this module, you'll learn how to create tabs and add them to your Microsoft Teams app.

    Quick start: Build a personal tab for Microsoft Teams

    Tabs are a simple way to surface content in your app by essentially embedding a webpage in Teams. There are two types of tabs in Teams. In this tutorial, you'll build basic a personal tab, a full-screen content page for individual users. (Personal tabs are the closest thing to a traditional website experience in Teams.)

    Building Microsoft Teams tabs using SharePoint Framework

    You can build Microsoft Teams tabs also using SharePoint Framework with automated solution hosting.

  • Conceptual representation of what tabs look like in the Teams client.