Add Modern SharePoint Site Page In Microsoft Teams

Microsoft Teams is a chat-based workspace that brings together people, conversations, content, and tools for easier collaboration. SharePoint sites include the modern page feature, which allows you to engage the team members with important or interesting stories.

Microsoft Teams is a chat-based workspace that brings together people, conversations, content, and tools for easier collaboration. SharePoint sites include the modern page features which allow you to engage the team members with important or interesting stories.

What is modern SharePoint?

 
Modern SharePoint is a whole new user experience. It's more than a fresh look, it's designed from the ground up to work on mobile devices, and it addresses dozens of nagging usability issues. 
 
Top reasons to use Modern Experience (As per Microsoft)
  • Mobile-friendly
    It's pretty standard these days that websites should work well on a mobile phone or tablet. Trying to do that in classic SharePoint was an exercise in frustration and sideways scrolling.

  • Faster, everywhere
    In Classic SharePoint, most of the page is created on the server, and the whole layout needs to be sent over the network for every page. That's the way the web worked in 2002. This creates a bottleneck in the servers and leads to large network payloads. If the server is halfway around the world, the speed of light slows things down even more.

  • List and Library improvements
    There have been many list improvements, including easier filtering, conditional formatting, and attention views, which once and for all provide a sensible way to show items that are missing required information. Modern lists also (finally!) address the dreaded "5,000 item view limit" that has frustrated SharePoint users for years. It does this by automatically creating indexes as they're needed, based on user interaction. It's not perfect, but for most situations, it removes this perennial pain point.

  • Expose new features
    Microsoft has introduced a number of cool new features that only work on Modern sites.

  • More secure
    Classic SharePoint sites would run any JavaScript you might want to put there; they even provided web parts for that purpose (the Script Editor Web Part and Content Editor Web Parts). That might seem benign enough, but in today's world, you can't be too careful. 
Here, I am going to show you how to display a SharePoint Modern Page within Teams as a tab.

I have created a SharePoint modern page as shown below.

Add Modern SharePoint Site Page In Microsoft Teams

Set up SharePoint Modern Page in Teams

  • In Teams, navigate to the team where you want your SharePoint page to appear.

Add Modern SharePoint Site Page In Microsoft Teams

  • Click the plus sign to add a new tab.

Add Modern SharePoint Site Page In Microsoft Teams

  • Click on Website.
    Add Modern SharePoint Site Page In Microsoft Teams
  • Provide a name and SharePoint Modern page URL and click "Save". Optionally, we can select "Post to the channel about this tab" checkbox to communicate this change with the users.

Add Modern SharePoint Site Page In Microsoft Teams

  • That’s it! Now, every time you visit your team, the newly-added tab will appear as part of the Teams, as shown below.

Add Modern SharePoint Site Page In Microsoft Teams

  • You can use the expand/collapse button to view the content the way you like

Add Modern SharePoint Site Page In Microsoft Teams

Notes

  • If you noticed, the out of the box SharePoint controls such as Suite Bar, Left Navigation, Search Box, Page Title Area and Command Bar are gone within teams.
  • If you have custom web parts within the page, you cannot edit properties of those within teams.
  • You cannot change the web part arrangement sequence within teams.
  • You cannot display a classic page.