Microsoft Teams

How to integrate Microsoft Teams with Webflow

Connecting Microsoft Teams with Webflow lets your team receive instant notifications when visitors submit forms, eliminating the need to constantly check the dashboard. This can be done via third-party automation platforms, using the share to Teams button, and API integration.

Microsoft Teams lacks a native Webflow app, but you can connect platforms through:

• Automation tools (Zapier, Make) handle authentication and error handling automatically  
• Share to Teams button lets visitors share content to their channels  
• Direct API integrations provides maximum control for custom workflows and bidirectional sync

For API integration, consult the Microsoft Graph Teams API documentation and authentication guide, as well as the Webflow API introduction and API reference for developers.

Use automation platforms

Zapier offers six pre-built templates for Teams-Webflow integration. Make provides similar capabilities with multiple pricing tiers. n8n enables self-hosted automation workflows.

These platforms use OAuth authentication — connect accounts with a single click rather than managing API keys. Configure triggers (e.g., "New Form Submission") and actions (e.g., "Send Channel Message"), and the platform handles data formatting, error handling, and retries.

The available Zapier templates include the following:

• Form notification template: Routes submissions to team channels in real time  
• Chat message template: Delivers notifications to individuals or private groups  
• Content update template: Modifies published content from Teams channels  
• Mention-triggered template: Converts @mentions into new Webflow collection items

Use the Share to Teams button

Microsoft's official JavaScript widget adds a "Share to Teams" button to your pages. This is the recommended approach for web-to-Teams content sharing.

Add a custom code embed element and paste:

<script async defer src="https://teams.microsoft.com/share/launcher.js"></script>
<div class="teams-share-button" data-href="https://your-content-url-to-share"></div>

Customization options:

• data-href (required): URL to share  
• data-icon-px-size: button size in pixels  
• data-msg-text: pre-populated message text  
• data-preview: set to false to disable URL previews

The button works on desktop browsers. Test with your target audience before deploying site-wide.

Build with Webflow and Microsoft Teams API

The Microsoft Graph API provides programmatic access to Teams for custom integrations. Use when automation platforms can't handle requirements like adaptive cards, real-time bidirectional sync, or complex conditional logic.

Requires registering an Azure AD application and implementing OAuth authentication.  

Incoming webhooks for Microsoft Teams channel messages

Incoming webhooks provide straightforward integration without OAuth configuration. Generate a webhook URL in Teams, then POST JSON messages from your Webflow site or backend.

The setup includes the following steps:

1. Open the target Teams channel  
2. Click ••• next to the channel name → Connectors  
3. Search "Incoming Webhook" → Configure  
4. Name your webhook and copy the generated URL

Store this URL securely. Use in Zapier workflows, custom code embed implementations, or backend services. Send text messages or rich adaptive cards.

Note: Webhooks work for one-way notifications. For bidirectional communication, use the Graph API or automation platforms.

What you can build

Integrating Microsoft Teams with Webflow enables real-time notifications for form submissions, CMS updates, and website activity, delivered directly to team channels via automation platforms like Zapier and Make.

• Form submission notifications: Forms trigger automatic Teams messages with submission details  
• CMS update notifications: Content updates generate Teams notifications via Zapier/Make  
• Department-specific routing: Different forms route to relevant department channels  
• Bidirectional CMS sync: Teams messages create or update Webflow collection items