Search Results :

×

Azure B2C WordPress Login | WordPress Azure B2C SAML Single Sign-On (SSO)


Azure B2C WordPress Single Sign On (SSO) login with our WordPress SAML Single Sign-On (SSO) module. WordPress Azure B2C SSO allows your users to login to your WordPress and access the site by authenticating with their Azure B2C Identity Provider (IDP) credentials. You can also configure plugin using different IDPs such as Azure B2C / Azure AD, Office 365, and other custom providers. Our WordPress Azure AD B2C SSO solution will make WordPress (WP) SAML 2.0 compliant Service Provider (SP), establishing trust between the WordPress (WP) site and Azure B2C to securely authenticate and login users to the WordPress (WP) site.

It also provides Seamless support for advanced Windows SSO features like Attribute & Group Mapping, Populate Employee information from Azure B2C / Azure AD to WordPress (WP), Intranet SSO / Internet SSO, Mapping the profile picture from Azure B2C / Azure AD to your WordPress (WP) avatar, etc.

Here, we will go through a guide to configure SAML Single Sign-On SSO for WordPress Azure B2C login by considering Azure B2C as IDP (Identity Provider) and WordPress as SP (Service Provider). Our WordPress Azure AD B2C SSO solution provides Unlimited user authentications from Azure B2C. You can visit our WordPress SSO plugin to know more about the other features we provide.

Pre-requisites : Download And Installation

  • Log into your WordPress (WP) instance as an Admin.
  • Go to the WordPress DashboardPlugins and click on Add New.
  • Search for WordPress Single Sign-On (SSO) plugin and click on Install Now.
  • Once installed click on Activate.
  • Step-by-step video to setup WordPress Azure B2C SSO / Login with Azure B2C into WordPress (WP)


    Steps to configure Azure B2C WordPress login using Azure B2C as SAML IDP

    1. Setup Azure B2C as IdP (Identity Provider)

    Follow the steps below to configure Azure B2C as an Identity Provider

    WordPress Azure B2C SSO | miniorange img Configure Azure B2C as IdP
    • In the WordPress (WP) SAML SP SSO plugin, navigate to Service Provider Metadata tab. Here, you can find the SP metadata such as SP Entity ID and ACS ( AssertionConsumerService ) URL which are required to configure Azure B2C as the Identity Provider.
    • WordPress Azure B2C SSO | Single Sign On (SSO) for Azure B2C WordPress login - initiated sso

    2. Register Azure B2C Applications

    miniorange img Register the Identity Experience Framework application
    • Login into Azure B2C Portal
    • From the Azure AD B2C tenant, select App registrations, and then select New registration.
    • WordPress Azure B2C SSO | Single Sign On (SSO) for Azure B2C WordPress login - Identity Experience FrameWork
    • For Name, enter IdentityExperienceFramework.
    • Under Supported account types, select Accounts in this organizational directory only.
    • WordPress Azure B2C SSO | Single Sign On (SSO) for Azure B2C WordPress login - Register an Application
    • Under Redirect URI, select Web, and then enter https://your-tenant-name.b2clogin.com/your-tenant-name.onmicrosoft.com, where your-tenant-name is your Azure AD B2C tenant domain name.
    • NOTE:

      In the following step if the 'Permissions' section is not visible then it might be the reason that you don't have an active AzureAD B2C subscription for that tenant. You can find the details regarding the AzureAD B2C subscription here and you can create a new tenant by following the steps here.


    • Under Permissions, select the Grant admin consent to openid and offline_access permissions check box.
    • Select Register.
    • WordPress Azure B2C SSO | Single Sign On (SSO) for Azure B2C WordPress login - Redirect URL
    • Record the Application (client) ID for use in a later step.
    • WordPress Azure B2C SSO | Single Sign On (SSO) for Azure B2C WordPress login - Application Client ID
    miniorange img Register the Identity Experience Framework application
    • Under Manage, select Expose an API.
    • Select Add a scope, then select Save and continue to accept the default application ID URI.
    • WordPress Azure B2C SSO | Single Sign On (SSO) for Azure B2C WordPress login - Expose an api
    • Enter the following values to create a scope that allows custom policy execution in your Azure AD B2C tenant:
      1. Scope name: user_impersonation
      2. Admin consent display name: Access IdentityExperienceFramework
      3. Admin consent description: Allow the application to access IdentityExperienceFramework on behalf of the signed-in user.
    • Select Add scope
    • WordPress Azure B2C SSO | Single Sign On (SSO) for Azure B2C WordPress login - custom scopes
    miniorange img Register the ProxyIdentityExperienceFramework application
    • Select App registrations, and then select New registration.
    • For Name, enter ProxyIdentityExperienceFramework.
    • Under Supported account types, select Accounts in this organizational directory only.
    • Azure B2C WordPress login | Single Sign On (SSO) for Azure B2C WordPress login - Original Directory
    • Under Redirect URI, use the drop-down to select Public client/native (mobile & desktop).
    • For Redirect URI, enter myapp://auth.
    • Under Permissions, select the Grant admin consent to openid and offline_access permissions check box.
    • Select Register.
    • Azure B2C WordPress login | Single Sign On (SSO) for Azure B2C WordPress login - Register
    • Record the Application (client) ID for use in a later step.
    • Azure B2C WordPress login | Single Sign On (SSO) for Azure B2C WordPress login -  application proxy
    miniorange img Next, specify that the application should be treated as a public client
    • Under Manage, select Authentication.
    • Under Advanced settings, enable Allow public client flows (select Yes).
    • Select Save.
    • Azure B2C WordPress login | Single Sign On (SSO) for Azure B2C WordPress login - proxy authentication
    miniorange img Now, grant permissions to the API scope you exposed earlier in the IdentityExperienceFramework registration
    • Under Manage, select API permissions.
    • Under Configured permissions, select Add a permission.
    • Azure B2C WordPress login | Single Sign On (SSO) for Azure B2C WordPress login - authentication
    • Select the My APIs tab, then select the IdentityExperienceFramework application.
    • Azure B2C WordPress login | Single Sign On (SSO) for Azure B2C WordPress login - API permissions
    • Under Permission, select the user_impersonation scope that you defined earlier.
    • Select Add permissions. As directed, wait a few minutes before proceeding to the next step.
    • Azure B2C WordPress login | Single Sign On (SSO) for Azure B2C WordPress login - My APIs
    • Select Grant admin consent for (your tenant name).
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - Grant Admin
    • Select your currently signed-in administrator account, or sign in with an account in your Azure AD B2C tenant that's been assigned at least the Cloud application administrator role.
    • Select Yes.
    • Select Refresh, and then verify that "Granted for ..." appears under Status for the scopes - offline_access, openid and user_impersonation. It might take a few minutes for the permissions to propagate.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - B2C,Status og admin access
    miniorange img Register the WordPress Application
    • Select App registrations, and then select New registration.
    • Enter a Name for the application such as: WordPress.
    • Under Supported account types, select Accounts in any organizational directory or any identity provider. For authenticating users with Azure AD B2C.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - Supported account types
    • Under Redirect URI, select Web, and then enter the ACS URL from the Service Provider Metadata tab of the miniOrange SAML plugin.
    • Select Register.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - app Register
    • Under Manage, click on Expose an API.
    • Click on Set for the Application ID URI and then click on Save, accepting the default value.
    • WordPress SAML Azure B2C | SAML Single Sign-On (SSO) using Azure B2C as Identity Provider (IdP),for SAML 2.0 Azure B2C,WP-app Expose a sso login
    • Once saved, copy the Application ID URI and navigate to the Service Provider Metadata tab of the plugin.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - custom login page
    • Paste the copied value under the SP Entity ID / Issuer field provided in this tab.
    • Click on Save.

    3. Generate SSO Policies

    • From our Azure B2C portal, navigate to the Overview section of your B2C tenant and record your tenant name.
      NOTE: If your B2C domain is b2ctest.onmicrosoft.com, then your tenant name is b2ctest.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - B2C tenant ID Reco
    • Enter your Azure B2C tenant name below, along with the application ID for IdentityExperienceFramework and
      ProxyIdentityExperienceFramework apps as registered in the above steps.

    • Azure B2C tenant Name:
      IdentityExperienceFramework app ID:
      ProxyIdentityExperienceFramework app ID:
      Select additional attributes


    • Click on the Generate Azure B2C Policies button to download the SSO policies.
    • Extract the downloaded zip file. It contains the policy files and certificate (.pfx), which you will require in the following steps.

    4. Setup Certificates

    NOTE:

    In the following step if the 'Identity Experience Framework' is not clickable then it might be the reason that you don't have an active Azure AD B2C subscription for that tenant. You can find the details regarding the Azure AD B2C subscription here and you can create a new tenant by following the steps here.

    miniorange img Upload the Certificate
    • Sign in to the Azure portal and browse to your Azure AD B2C tenant.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - framework
    • Under Policies, select Identity Experience Framework and then Policy keys.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - Policy keys
    • Select Add, and then select Options > Upload
    • Enter the Name as SamlIdpCert. The prefix B2C_1A_ is automatically added to the name of your key.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - Create a Key
    • Using the upload file control, upload your certificate that was generated in the above steps along with the SSO policies (tenantname-cert.pfx).
    • Enter the certificate's password as your tenant name and click on Create. For example, if your tenant name is xyzb2c.onmicrosoft.com, enter the password as xyzb2c
    • You should be able to see a new policy key with the name B2C_1A_SamlIdpCert.
    miniorange img Create the signing key
    • On the overview page of your Azure AD B2C tenant, under Policies, select Identity Experience Framework.
    • Select Policy Keys and then select Add.
    • For Options, choose Generate.
    • In Name, enter TokenSigningKeyContainer.
    • For Key type, select RSA.
    • For Key usage, select Signature.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - Create the signing key
    • Select Create.
    miniorange img Create the encryption key
    • On the overview page of your Azure AD B2C tenant, under Policies, select Identity Experience Framework.
    • Select Policy Keys and then select Add.
    • For Options, choose Generate.
    • In Name, enter TokenEncryptionKeyContainer.
    • For Key type, select RSA.
    • For Key usage, select Encryption.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - Create the encryption key
    • Select Create.

    5. Upload the Policies

    • Select the Identity Experience Framework menu item in your B2C tenant in the Azure portal.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - Upload the Policies
    • Select Upload custom policy.
    • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - identity experience framework
    • As per the following order, upload the policy files downloaded in the above steps:
      • TrustFrameworkBase.xml
      • TrustFrameworkExtensions.xml
      • SignUpOrSignin.xml
      • ProfileEdit.xml
      • PasswordReset.xml
      • SignUpOrSigninSAML.xml
    • As you upload the files, Azure adds the prefix B2C_1A_ to each.

    You have successfully configured Azure B2C as SAML IdP (Identity Provider) for achieving WordPress Azure B2C Single Sign-On (SSO) Login, ensuring secure login into WordPress (WP) Site.

    6. Configure the plugin

    • Navigate to the Service Provider Setup tab of the plugin and click on the Upload IDP Metadata button.
      • Provide any IDP Name. For example, AzureB2C
      • Enter the Metadata URL as
        https://tenant-name.b2clogin.com/tenant-name.onmicrosoft.com/B2C_1A_signup_signin_saml/Samlp/metadata
      • (NOTE :You will need to replace the tenant-name in above URl with Azure B2C tenant name)

      • Click on the Fetch Metadata button.
    SAML Single Sign-On (SSO) using Azure AD B2C as Identity Provider (IdP),for SAML 2.0 Azure B2C,sp initiated sso

7. How to configure SAML Single Logout in Azure AD B2C?

  • To access SLO users would first require the SLO URL which is provided in the Service Provider Metadata tab of the Plugin. (Premium Feature)
  • WordPress Azure AD B2C SSO - Single Sign On (SSO) for Azure B2C WordPress login - SLO URL
  • Copy the SLO Url from the SAML Single Sign-On – SAML SSO Login Plugin.
  • Navigate to Azure AD B2C portal, navigate to the App ( connected to the WordPress (WP) ).
  • In the left panel and select the Manifest tab.
  • WordPress SAML Azure B2C |  Single Sign On (SSO) for Azure B2C WordPress login - Select manifest tab
  • Place the Single Logout URL in the manifest code by replacing the NULL value.
  • WordPress SAML Azure B2C | Single Sign On (SSO) for Azure B2C WordPress login - Replace NULL value
  • You have successfully configured Single Logout functionality with Azure B2C.

8. Attribute Mapping

  • In the free plugin, only NameID is supported for Email and Username attributes of the WordPress (WP) user.
  • When a user performs SSO, the NameID value sent by the IDP will get mapped to the email and username of the WordPress (WP) user.
  • Azure B2C WordPress login | attribute mapping

9. Role Mapping

  • In the free plugin, you can choose a default role which will be assigned to all the non-admin users when they perform SSO.
  • Go to Attribute/Role mapping tab and navigate to Role Mapping section.
  • Select the Default Role and click on the Update button.
  • Azure B2C WordPress login | role mapping

10. SSO settings

  • In the free plugin you can add a Single Sign-On button by enabling Add a Single Sign-On button on the WordPress (WP) Login Page toggle in Option 1.
  • Azure B2C WordPress login | SSO button
  • If your WordPress theme supports login widget, you can add a login widget to enable SP-Initiated SSO on your site.
  • Navigate to Redirection and SSO links tab and follow the given steps given under Option 2: Use a Widget to add a login widget on your site.
  • Azure B2C WordPress login | sso setting

8. Attribute Mapping

  • Attribute Mapping feature allows you to map the user attributes sent by the IDP during SSO to the user attributes at WordPress (WP).
  • In WordPress (WP) SAML plugin, go to Attribute/Role Mapping tab and fill up the following fields in Attribute Mapping section.
  • Azure B2C WordPress login | attribute mapping

    NOTE: If you click on Test Configuration button in Service Provider Setup tab and authenticate with your IDP, you can see a list of attributes sent by the IDP in the Attribute/Role mapping tab. This information can be used to provide the above mapping.

9: Role Mapping

    In the standard plugin, you can choose a default role which will be assigned to all the non-admin users when they perform SSO.

  • Go to Attribute/Role mapping tab and navigate to Role Mapping section.
  • Select the Default Role and click on the Save button.
  • Azure B2C WordPress login | role mapping

10: SSO settings

    In the Standard plugin you can enable SP-initiated SSO using the following options.

  • Auto-Redirection from site: If this option is enabled, any unauthenticated user trying to access your site will get redirected to the IDP login page and after successful authentication, they will be redirected back to the same page on your site which they were trying to access.
  • Steps:

      1.  Go to Redirection and SSO Links tab of the plugin and navigate to Option 1: Auto-      Redirection from site.

      2.  Enable Redirect to IdP if user not logged in [PROTECT COMPLETE SITE] option.

      Azure B2C WordPress login | Auto redirection from the site

  • Auto-Redirection from WordPress (WP) Login: If this option is enabled, any unauthenticated user trying to access the default WordPress (WP) login page will get redirected to the IDP login page for authentication. After successful authentication, they will be redirected back to the WordPress (WP) site.
  • Steps:

      1.  Go to Redirection and SSO Links tab of the plugin and navigate to Option 2: Auto-      Redirection from WordPress (WP) Login.

      2.  Enable Redirect to IdP from WordPress Login Page option.

      Azure B2C WordPress login | Auto redirection from WordPress

      NOTE: Please enable the Backdoor login and note down the backdoor URL. This will allow you to access the WordPress (WP) login page in case you get locked out of the IDP.



  • SSO Links: You can add SSO links anywhere on your site using the Shortcode and Widget provided in Redirection and SSO Links tab > Option 3: SSO Links section of the plugin
  • Azure B2C WordPress login | Redirection and SSO Links

8. Attribute Mapping

  • Attribute Mapping feature allows you to map the user attributes sent by the IDP during SSO to the user attributes at WordPress (WP).
  • In WordPress (WP) SAML plugin, go to Attribute/Role Mapping tab and fill up the following fields in Attribute Mapping section.
  • Azure B2C WordPress login | attribute mapping
  • Custom Attribute Mapping: This feature allows you to map any attribute sent by the IDP to the usermeta table of WordPress (WP).
  • Azure B2C WordPress login | custom attribute mapping

9. Role Mapping

    This feature allows you to assign and manage roles of the users when they perform SSO. Along with the default WordPress (WP) roles, this is compatible with any custom roles as well.

  • From the Attribute Mapping section of the plugin, provide a mapping for the field named Group/Role. This attribute will contain the role related information sent by the IDP and will be used for Role Mapping.
  • Navigate to role mapping section and provide the mappings for the highlighted roles.
  • Azure B2C WordPress login | role mapping
  • For example, If you want a user whose Group/Role attribute value is wp-editor to be assigned as an Editor in WordPress (WP), just provide the mapping as wp-editor in the Editor field of Role Mapping section.

10. SSO settings

    In the Premium plugin you can enable SP-initiated SSO using the following options.

  • Auto-Redirection from site: If this option is enabled, any unauthenticated user trying to access your site will get redirected to the IDP login page and after successful authentication they will be redirected back to the same page on your site which they were trying to access.
  • Steps:

      1.  Go to Redirection and SSO Links tab of the plugin and navigate to Option 1 : Auto-Redirection from site.
      2.  Enable Redirect to IdP if user not logged in [PROTECT COMPLETE SITE] option.

      Azure B2C WordPress login | Auto-redirection from the site

  • Auto-Redirection from WordPress (WP) Login: If this option is enabled, any unauthenticated user trying to access the default WordPress (WP) login page will get redirected to the IDP login page for authentication. After successful authentication, they will be redirected back to the WordPress (WP) site.
  • Steps:

      1.  Go to Redirection and SSO Links tab of the plugin and navigate to Option 2: Auto-      Redirection from WordPress (WP) Login.
      2.  Enable Redirect to IdP from WordPress Login Page option.

      Azure B2C WordPress login | Redirect to IDP from WordPress

      NOTE: Please enable the Backdoor login and note down the backdoor URL. This will allow you to access the WordPress (WP) login page in case you get locked out of the IDP login.

  • Login Button: You can add a customized login button anywhere on your site or WordPress (WP) login page by navigating to Option 3: Login Button section of Redirection and SSO Links tab.
  • Azure B2C WordPress login |  optin 3
  • SSO Links: You can add SSO links anywhere on your site using the Shortcode and Widget provided in Option 4: SSO Links section of Redirection and SSO Links tab.
  • Azure B2C WordPress login |  optin 4

In this Guide, you have successfully configured WordPress Azure B2C SSO [SAML] (Azure B2C WordPress SSO / Azure B2C WordPress Login), choosing Azure B2C as IDP and WordPress (WP) as SP. WordPress (WP) SAML Single Sign On – SSO solution ensures that you are ready to roll out secure access / Login into WordPress (WP) site using Azure B2C login credentials. Our solution WordPress Azure B2C SSO supports all kinds of SSO use cases such as WordPress Azure Active directory SSO, WordPress Office 365 SSO, WordPress Azure AD SSO.


Recommended Add-Ons

wp saml sso addons

SCIM User Provisioning

Allows syncing user's creation, updation and deletion from your IDP to WordPress site

Know more →
wp saml sso addons

Page and Post Restriction

Restricts WordPress pages and posts based on User Roles and User's Login Status

Know more →
wp saml sso addons

Learndash Integrator

Maps SSO users to LearnDash groups as per the group attributes sent by your IDP

Know more →


Additional Resources


If you are looking for anything which you cannot find, please drop us an email on samlsupport@xecurify.com

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com