• Home
• App Integrations
• Single Sign-On Integrations
• Webflow Microsoft Entra ID SSO Integration

Webflow SSO with Microsoft Entra ID

---

Webflow Microsoft Entra ID integration by miniOrange helps customers allow their users to access Microsoft Entra ID credentials for seamless access to Webflow using SSO. This solution ensures that you are ready to roll out secure access to Webflow using Microsoft Entra ID within minutes instead of managing users in Webflow. miniOrange also provides 30-days free trial to test out the solution on your own.

miniOrange Webflow integration is just not limited to Microsoft Entra ID but you can easily connect with any of your IDP (Okta, Ping, Microsoft, etc), Active & LDAP without migrating your users. Webflow SSO integration helps your organization's time and efforts with improved security to your data present in the cloud or on-premise.
Note: You don't need any enterprise plan or premium feature to enable SSO for Webflow.

Follow the step-by-step guide given below for Webflow Single Sign-On (SSO) with AzureAD

1. Configure Webflow in miniOrange

• Go to Apps and click on Add Application button.



• In Choose Application, select JWT from the application type dropdown.



• In the next step, search for Webflow application from the list. If your application is not found, search for JWT App and you can set up your Application.



• You can configure the following details in the application:

  Custom App Name	Enter the Application Name of your choice, and add a description if required.
  Redirect-URL	Enter the Redirect-URL (i.e. the endpoint where you want to send/post your JWT). You can add multiple redirect URLs by separating them with a ‘;’. E.g. abc.com;xyz.com
  Primary Identity Provider (optional)	Select your Identity Source from the dropdown. You can select miniOrange here as default IDP.




• Click on Save to complete the configuration.
• Click on Edit in the ' ' icon against your app.



• You can get further details about your recently added JWT application:

  Client ID	If your application provides its own client ID, you can configure it by clicking on the Customize button.
  App Secret	You can find App Secret by clicking on the copy icon. This is used in the HS265 Signature algorithm for generating the signature.
  Signature Algorithm	Select RSA-SHA256 as your signature algorithm from the dropdown.
  Primary Identity Provider	Select the default Identity Provider from the dropdown for the application. If not selected, users will see the screen of default IdP (miniOrange)
  Redirect URL	Enter your app’s URL here (This is the URL where you will receive your JWT.) <app-login-url>/?id_token=<token> eg: https://localhost:3000/home/?id_token=eyefb43bf.whfeeg.hfwf In this example, https://localhost:3000/home is my app’s URL where id_token will be posted after authentication.

• Scroll down to Endpoints.



• SSO URL for using miniOrange as Authentication Source: If you are going to store users in miniOrange and use miniOrange as your authentication source,then, copy and save this URL somewhere as it will be used in further steps.
• SSO URL for using External Providers as Authentication Source: If you are going to use any External Provider as your authentication source, then, Copy this one and save somewhere as it will be used in further step.

2. Adding Script on Webflow's End

• To enable SSO on Webflow's end, all you need to do is add a Single Sign-On URL and Customized Script to retrieve the required attributes from the JWT token.
• Please click here to contact us for the script which is to be added.

3. Setting up on Microsoft Entra ID

3.a. Configuring miniOrange as Service Provider (SP) in Microsoft Entra ID

• Log in to Microsoft Entra ID Portal.
• Select Microsoft Entra ID (Azure Active Directory) ⇒ Enterprise Applications.



• Click on New Application.




• Click on Create your own application section and enter the name for your app and click on Create button.



• Click on Single sign-on from the application's left-hand navigation menu. The next screen presents the options for configuring single sign-on. Click on SAML.



• Go to miniOrange Admin Console and navigate to Identity Providers in the left navigation menu. Then, click on Add Identity Provider button.



• Now click on the Click here link to get miniorange metadata as shown in Screen below.



• Here you will see 2 options, if you are going to initiate SSO from the Application copy the metadata details related to miniOrange from the SP - Initiated SSO section otherwise go for the metadata details from the IDP - Initiated section.



• For Basic SAML configuration you need to get the Entity ID, ACS URL, and the Single Logout URL from miniOrange. You will be able to find the necessary details here.



• Enter the values in basic SAML configuration as shown in below screen

Identifier (Entity ID)	Entity ID or Issuer copied from the miniOrange metadata section mentioned in the previous step.
Reply URL (Assertion Consumer Service URL)	ACS URL copied from the miniOrange metadata section mentioned in the previous step.
Logout URL	Single Logout URL copied from the miniOrange metadata section mentioned in the previous step.



• By default, the following Attributes will be sent in the SAML token. You can view or edit the claims sent in the SAML token to the application under the Attributes tab.




• Download Federation Metadata xml, and copy the Logout URL as well. This will be used while configuring the Microsoft Entra ID as IDP in Step 3.b.

3.b. User/Group Assignment

• Assign users and groups to your SAML application.
• As a security control, Microsoft Entra ID will not issue a token allowing a user to sign in to the application unless Microsoft Entra ID has granted access to the user. Users may be granted access directly, or through group membership.
• Click on Users and groups from the applications left-hand navigation menu. The next screen presents the options for assigning the users/groups to the application.



• After clicking on Add user, Select Users and groups in the Add Assignment screen.
• The next screen presents the option for selecting user or invite an external user. Select the appropriate user and click on the Select button.



• Here, you can also assign a role to this user under Select Role section. Finally, click on Assign button to assign that user or group to the SAML application.

3.c. Configure Microsoft Entra ID as Identity Provider (IDP) in miniOrange

• Go to miniOrange Admin Console.
• From the left navigation bar select Identity Providers.
• Click on Add Identity Provider button.



• Select SAML. Click on Import IDP metadata.



• Choose appropriate IDP name. Browse for the file downloaded in step 1.a.
• Click on Import.



• As shown below the, IDP Entity ID, SAML SSO Login URL and x.509 Certificate will be auto filled via the imported metadata file. You can also enter the Logout URL copied from Microsoft Entra ID in the Single Logout URL field.



• Few other optional features that can be enabled are listed below:

Domain Mapping	Enable to redirect domain specific user to a specific IDP
Show IdP to Users	Enable this option if you wish to show this IDP as a button on the login page. Eg : Login with Microsoft Entra ID.
Send Configured Attributes	Enable this option if you wish to send user attributes from the IDP to WebFlow while SSO.

• Click on Save.

3.d. Test IDP Connection

• Go to Identity Providers tab.
• Click on Select>>Test Connection option against the Identity Provider you configured.





• On entering valid Microsoft Entra ID credentials you will see a pop-up window which as shown in below screen.



• Hence your configuration of Microsoft Entra ID as IDP in miniOrange is successfully completed.

4. Test SSO Configuration

• On accessing the Single sign-On URL, you will be asked for Microsoft Entra ID credentials.



• On entering the valid credentials, you will be successfully logged into Webflow.

External References

• What is SSO and How does it work?
• What is Customer Identity and Access Management (CIAM)?
• Know more about Social Login Solution
• What is JWT and How does it works?
• Know how Microsoft Entra ID as SAML IDP for SSO works

Frequently Asked Questions