MARKETPLACE
PLUGINS
MICROSOFT CONNECT
Microsoft Connect logo

Microsoft Connect

Published March 2026
   •    Updated this month

Plugin details

Tired of wrestling with Microsoft's complex OAuth 2.0 documentation? Microsoft Connect is the ultimate, plug-and-play solution for integrating Microsoft login into your Bubble app.
Whether your users are enterprise clients using Microsoft Entra ID (formerly Azure AD) or everyday consumers using personal Microsoft accounts (@hotmail, @outlook, Skype, Xbox Live), this plugin handles the authentication flow flawlessly.

Microsoft Entra Login (Office 365 / Azure AD) - V3.0 Revamp

The ultimate, enterprise-ready Microsoft login solution for Bubble. Version 3.0 is a complete architectural revamp designed to bypass Bubble's native database limitations.

Previously, logging in users from large Educational or Corporate tenants caused a "Text too long for this field" error because Bubble couldn't handle massive tokens filled with Group IDs. We fixed it. By leveraging Microsoft's official MSAL.js library, the token is now securely stored in the browser's memory, completely eliminating database limits.

✨ Key Features:

Zero Token Limits: Works flawlessly with users who belong to 100+ Azure Active Directory groups.

Dynamic Scopes: Ask for permissions on-the-fly. Need User.Read for login, but Calendars.Read only when the user opens the calendar page? Now you can!

Passwordless Bubble Session: Uses Bubble's Magic Link trick under the hood to log users in seamlessly without ever sending them an email or asking for a password.

6 Pre-configured Graph API Calls: Get User Profile, Profile Photo, User Groups, Calendar Events, and Teams Presence instantly by passing the dynamic token.

Frictionless Setup: Global Client ID settings and a clean, visual workflow element.

Demo Page: https://demo-app-56978.bubbleapps.io/version-test/microsoftconnect/1773313927000x700920952785889800

Free

For everyone

stars   •   0 ratings
6 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   •   83 Plugins
View contributor profile

Instructions

Because we are bypassing Bubble's native system to give you unlimited token sizes (fixing the "Text too long" error), we don't save passwords. Once the user authenticates via the Microsoft pop-up, you must log them into your Bubble database.
Choose one of the two passwordless workflows below:

⚡ Option A: The Direct Login Method (Recommended for seamless UX)
This method uses a clever "temporary password" workaround to instantly log the user in without them leaving the page.

1. The Trigger:

When Button Login is clicked ➡️ Add action: Trigger Microsoft Login (Define your scopes, e.g., openid profile email User.Read).

2. The Login Event:

Create a new workflow event: When a Microsoft Entra Login User Logged In.

3. Action 1: Auto-Provision New Users

Add action: Account > Sign the user up.

Email: This MicrosoftEntraLogin's Email

Password: Calculate formula > Generate random string (e.g., 12 characters).

Only when: Do a search for Users (Email = This MicrosoftEntraLogin's Email):count is 0 (This creates the account and logs them in if it's their first time).

4. Action 2: Generate Password for Returning Users

Add action: Account > Assign a temp password to a user.

Email: This MicrosoftEntraLogin's Email

Only when: Do a search for Users (Email = This MicrosoftEntraLogin's Email):count > 0

5. Action 3: Log Returning Users In

Add action: Account > Log the user in.

Email: This MicrosoftEntraLogin's Email

Password: Result of step 2 (Assign a temp password)

Only when: Do a search for Users (Email = This MicrosoftEntraLogin's Email):count > 0

6. Action 4: Redirect

Add action: Navigation > Go to page (e.g., Dashboard).

📧 Option B: The Secure Email Magic Link Method
If you prefer strict verification, you can force the user to click a magic link sent to their Microsoft email inbox.

1. The Trigger:

When Button Login is clicked ➡️ Add action: Trigger Microsoft Login.

2. The Login Event:

Create a new workflow event: When a Microsoft Entra Login User Logged In.

3. Action 1: Auto-Provision New Users

Add action: Account > Sign the user up (Use the exact same setup as Step 3 in Option A).

4. Action 2: Send the Magic Link

Add action: Account > Assign a magic login link.

Email: This MicrosoftEntraLogin's Email

Just create link, don't send email: ❌ UNCHECKED (Bubble requires this to be unchecked to successfully send the link for front-end workflows).

Navigate on login: Choose your destination page (e.g., Dashboard).

5. Action 3: Show a Notification

Add an alert or text to your page: "Success! Please check your Microsoft email inbox and click the magic link to enter the app."

📡 Making API Calls (Fetching Data)
Now that your user is securely logged in, you can fetch their Microsoft data (Profile, Photo, Groups, etc.) without hitting database limits!

In your workflow or dynamic text, select Get data from an external API.

Choose one of our pre-configured calls (e.g., Microsoft Login - Get My Groups).

The Bubble editor will prompt you for an access_token.

Pass the token directly from the visual element's memory: This Microsoft Entra Login's Access Token.

Types

This plugin can be found under the following types:
Api   •   Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Email   •   Productivity   •   Technical   •   Social Network   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble