Sharepoint and Teams Integration
Are you looking for a simple way to integrate SharePoint and Microsoft Teams at your company? In this guide, we’ll show you how to add a Microsoft Teams live chat widget directly to your SharePoint website, allowing you and your team to chat with visitors and employees right inside Teams — no extra tools or switching between apps required.
With this setup, your SharePoint intranet or communication site becomes an interactive hub where people can get instant help, ask questions, and connect with your team in real time.
Why Integrate SharePoint and Microsoft Teams?
SharePoint is a great platform for sharing company resources and managing internal communication, while Microsoft Teams is where collaboration and real-time conversation happen. Integrating the two gives you:
- Seamless communication: Let users chat instantly from your SharePoint pages without leaving the site.
- Better engagement: Create a more interactive intranet or customer portal.
- Centralized workflows: Route chats directly to Teams channels your staff already use.
- Improved support: Offer live assistance or internal IT help desk chat from your SharePoint site.
Understanding SharePoint’s Script Limitations
By default, modern SharePoint communication sites disable custom scripting, meaning you can’t just drop a JavaScript snippet into a page. This security restriction prevents embedding external code, but it also makes adding custom integrations like live chat impossible without a workaround.
To fix this, we’ll use the SharePoint Framework (SPFx) and a Modern Script Editor Web Part that enables safe inline scripting.
Step 1: Extend Your SharePoint Site with SPFx
First, 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 with Node package manager, you can deploy the script editor to your SharePoint site with the app catalog. You should see the Modern Script Editor web part as in the screenshot below.
Step 2: Add the Microsoft Teams Live Chat Snippet
Now that you have the Script Editor installed, it’s time to add your Teams chat widget.
- Edit the SharePoint page where you want the live chat to appear.
- Add the Modern Script Editor Web Part.
- Click the Edit Markup button inside the web part.
- Paste in your Microsoft Teams Live Chat code snippet.
If you haven’t already, you can sign up for a free Live Chat for Microsoft Teams trial to get your personalized chat code.
After saving your changes, refresh your SharePoint page — you’ll now see your live chat bubble appear in the corner of your site.
If you haven't yet signed up for a Live Chat for Microsoft Teams free trial, you can set it up here. Once you've added the code snippet to your web part, you see the live chat bubble available on your SharePoint site.
Step 3: Start Chatting Right from Microsoft Teams
Once live chat is active on your SharePoint site, visitors can start conversations instantly.
When someone starts a chat, the message is routed directly to your Teams channel, allowing your team to respond right from Microsoft Teams.
There’s no need to log into another dashboard or manage a separate chat tool. Everything happens in Teams, where your support, sales, or HR teams already work every day.
Step 4: Customize and Test
You can customize your live chat widget’s colors, welcome message, and positioning to match your company’s SharePoint theme. Once configured, test it by sending yourself a message and verifying that it appears in your Teams channel.
That’s It — Your SharePoint Site Is Now Integrated with Microsoft Teams
Congratulations! Your SharePoint and Microsoft Teams integration is live. You’ve successfully turned your SharePoint site into a real-time communication hub powered by Microsoft Teams.
Your team can now chat with website visitors, internal staff, or customers directly from Teams, streamlining communication and improving productivity.
Frequently Asked Questions
Do I need admin rights in SharePoint to install the Script Editor?
Yes, you’ll need admin or developer permissions to deploy SPFx packages and use the App Catalog.
Will this work on modern SharePoint communication sites?
Yes, the Modern Script Editor Web Part is specifically designed for modern SharePoint sites.
Can I add this chat to multiple SharePoint pages?
Absolutely — just add the same Script Editor Web Part and paste your chat code on any page you’d like.
Does the chat work with Microsoft Teams mobile?
Yes, you can receive and reply to chats from your Teams mobile app just like any other Teams conversation.
Final Thoughts
Integrating Microsoft Teams live chat with SharePoint is one of the easiest ways to bring instant communication to your company’s intranet or customer portal. With this setup, visitors and employees can message your team right from your SharePoint site, and your team can respond instantly from Microsoft Teams.
If you’re using Social Intents for Microsoft Teams, setup takes only a few minutes and works seamlessly across all your SharePoint pages.
Start your free trial today and make your SharePoint site more interactive with real-time chat powered by Teams.