WordPress + Office 365

The plugin supports scenarios where you’d like your website visitor to sign into your website manually, e.g. when he or she is about to place an order and you’d like that user to create an account first. In this case you can offer the user – with the a simple shortcode – the option to Sign in with Microsoft by providing him or her with a simple button or link. When a user clicks the button or link he or she will be redirected to Microsoft, asked to authenticate and if successful, Microsoft will reply with an (Open Connect) ID token for that user.

In the following video tutorial the Private Pages feature of the WPO365 plugin is used to demonstrate how you can combine the Sign in with Microsoft shortcode and the Internet authentication mode to build a corporate website with a closed user group section.

You can customize the shortcode as illustrated with the following example.

From this example it follows that the redirection to the Microsoft login URL is invoked by calling window.wpo365.pintraRedirect.toMsOnline(). The shortcode will ensure that the necessary javascript library is loaded beforehand. It’s up to you to change the enclosing HTML template, but please note that any JavaScript tags will be filtered out.

[wpo365-sign-in-with-microsoft-v2-sc]
<style>
.wpo365-ms-signin {
display: block;
width: 215px;
height: 41px;
border: 0px;
padding: 0.5rem 0rem 0.5rem 0rem;
}
</style>
<div class=”wpo365-ms-signin”>
<input src=”__##PLUGIN_BASE_URL##__/images/ms-symbollockup_signin_light.png” type=”image” onclick=”window.wpo365.pintraRedirect.toMsOnline()”>
</div>
[/wpo365-sign-in-with-microsoft-v2-sc]

You can customize the shortcode as illustrated with the following example. Please note that the token __##OAUTH_URL##__ will be replaced with the Microsoft login url

[wpo365-sign-in-with-microsoft-sc]
<style>
.wpo365-ms-signin {
display: block;
width: 215px;
height: 41px;
border: 0px;
padding: 0.5rem 0rem 0.5rem 0rem;
}
</style>
<div class=”wpo365-ms-signin”>
<input src=”__##PLUGIN_BASE_URLL##__/images/ms-symbollockup_signin_light.png” type=”image” onclick=”window.location.href=’__##OAUTH_URL##__'”>
</div>
[/wpo365-sign-in-with-microsoft-sc]

Version	Available
Basic	No
Professional	No
Premium	Yes