Microsoft 365

How to integrate Microsoft 365 with Webflow

Integrating Microsoft 365 with Webflow has three methods. These include: embed Microsoft documents and forms directly into your Webflow site using OneDrive sharing features, connect through automation platforms like Zapier or Make to sync data without code, or build with Webflow and Microsoft Graph APIs for custom solutions requiring backend development.

Each method varies in complexity and capability. Embedding is simplest for displaying content, automation platforms handle most common workflows, and custom API development offers maximum flexibility for enterprise requirements.

Embed Microsoft documents and forms

Upload files to OneDrive → right-click → Embed → Generate → paste iframe into Webflow custom code embed element.

Options:

• Excel: Interactive workbooks with URL parameters (wdHideGridlines=True, AllowTyping=False)
• PowerPoint: Slide decks with navigation
• Microsoft Forms: Share → embed option (\< > icon)

Notes: Set OneDrive links to "Anyone with the link" for public embeds. Excel limit: 10 MB, 1,000 concurrent viewers. Code embed max: 50,000 characters.

Connect through automation platforms

Various platforms handle authentication and data mapping without code.

Example workflows:

• Webflow + Outlook: Send emails from form submissions
• Webflow + Excel: Log submissions to spreadsheets
• Webflow + SharePoint: Sync to SharePoint lists
• Webflow + Teams: Channel notifications

Platforms include:

• Zapier: 28 pre-built templates
• Make: Conditional logic and batch processing
• n8n: Self-hosted option

Build with Webflow and Microsoft Graph APIs

Custom integration requires backend infrastructure for OAuth 2.0, token management, and data transformation.

Authenticate with OAuth 2.0

Register app in Azure portal, configure redirect URIs and permissions. Use authorization code flow for web apps, client credentials flow for background services. Tokens expire in 1 hour.

Critical: OAuth endpoint doesn't support CORS.

Sync files with OneDrive and SharePoint

Both use driveItem endpoints. OneDrive: /me/drive/items/{item-id} | SharePoint: /drives/{drive-id}/items/{item-id}

Operations:

• Get metadata: GET /drives/{drive-id}/items/{item-id}
• List contents: GET /me/drive/items/{item-id}/children
• Upload ≤250 MB: PUT /me/drive/items/{item-id}/content
• Upload >250 MB: Use upload sessions
• Create links: POST /me/drive/items/{item-id}/createLink

Permissions: Delegated (Files.ReadWrite) for user context | Application (Files.ReadWrite.All) for background services

Manage calendar events and email

Calendar:

• Create: POST /users/{id}/events
• Update: PATCH /users/{id}/events/{id}
• Cancel: POST /users/{id}/events/{id}/cancel

Mail:

• Send: POST /me/messages/{id}/send
• Reply: POST /me/messages/{id}/reply

Requires Calendars.ReadWrite and Mail.Send permissions.

Process Excel data

Create sessions with POST /me/drive/items/{id}/workbook/createSession for multiple operations. Access worksheets by name/ID. Files must be on OneDrive for Business, 10 MB embed limit.

Handle webhooks and real-time sync

Webflow: Configure via Webhooks API with triggers (form_submission, site_publish, CMS events). Respond 200 OK within 3 seconds.

Microsoft Graph: Create subscriptions via POST https://graph.microsoft.com/v1.0/subscriptions. Validate endpoint within 10 seconds. Subscriptions expire ~3 days — implement renewal.

Configure Webflow API access

Webflow API v2: Site tokens for single-site, OAuth 2.0 for multi-site. CMS operations support staged/live states and bulk processing. Use List Collection Items to retrieve content programmatically.

What you can build

Integrating Microsoft 365 with Webflow lets you connect form submissions to Teams notifications, calendar events, and task management workflows.

• Form submission notifications: Webflow forms → Teams channel alerts + Excel logging (1-2 weeks with Zapier)
• Event registration system: Webflow forms → Outlook calendar invites + confirmation emails (1-2 weeks)
• Document showcase portal: Embedded Excel dashboards and PowerPoint presentations on Webflow pages (1 week)
• Lead capture pipeline: Forms → Microsoft 365 People + Planner tasks + SharePoint list (2-3 weeks with Make)