Microsoft Teams Sharepoint Integration

Microsoft Teams and SharePoint Integration Made Simple

Want to include Microsoft Teams in your SharePoint site? This guide will walk you through embedding a Live Chat for Microsoft Teams chat into your SharePoint site so you can engage with site visitors directly from your Teams channel. Let's get started!

The steps to enable Teams in your SharePoint site are as follows:

1. Extend SharePoint to allow inline code snippets.
2. Add Live Chat for Microsoft Teams to your Teams Channel
3. Add your Live Chat Code Snippet to SharePoint
4. Talk to your SharePoint site visitors right from Microsoft Teams.

Step 1: Extend SharePoint to allow inline Javascript code snippets

By default SharePoint doesn't allow you to add a code snippet to your modern communication website and disables scripting in general.  We'll show you how to extend your SharePoint communication site to allow inline javascript code snippets so that you can embed your Microsoft Teams Live Chat into SharePoint.

First, you can use the SharePoint Framework (SPfx) to extend your SharePoint pages with a Modern Script Editor web part.  This web part enables embedding of a JavaScript code snippet into your pages.  We aren't going to cover this step here, but there is a good guide on GitHub:   https://pnp.github.io/sp-dev-fx-webparts/gettingstarted/

Once you have cloned and packaged the Script Editor web part using Node package manager, you can deploy the script editor to your SharePoint site with the app catalog.

Now, click the 'Edit markup' button to customize your web part.

Step 2: Add Live Chat for Teams to your Teams Channel

Next, sign up for a Live Chat for Microsoft Teams free trial if you haven't already. Adding this feature to your Teams channel will make sure that every time someone starts a chat on your SharePoint site, it’s sent directly to your Microsoft Teams.

If you haven't yet signed up for a Live Chat for Microsoft Teams free trial, you can set it up here.  

Step 3: Add Teams Live Chat Code Snippet to SharePoint

Once you've added the code snippet to your web part, you see the live chat icon available on your SharePoint communication site.  Now when you start a chat, the chat request is sent directly to your Teams Channel and you can chat with your website visitors right from Microsoft Teams!

Step 4: Start Engaging with Visitors

Once the code is added, a live chat icon will appear on your SharePoint communication site. Now, whenever someone starts a conversation, the request will be routed straight to your Teams channel—making it easy for you to chat with website visitors right from Teams.

Ready to Get Started?

Integrating Microsoft Teams with SharePoint lets you provide real-time support and engage effectively with visitors. Follow these steps and bring seamless communication to your SharePoint site today.

If you need more help setting this up or have questions, don’t hesitate to reach out!