Setup Guide to Sync Microsoft Outlook Calendar with WordPress Securely

Overview

The miniOrange Embed Outlook & Teams Calendar Events Plugin allows you to seamlessly display Outlook and Microsoft Teams calendar events, including shared and group calendars, directly on your WordPress website. It integrates with Microsoft 365 using the Microsoft Graph API, ensuring that your Teams and Outlook calendars stay updated in real time.

To ensure a secure connection, this plugin works alongside the miniOrange Login with Azure/Microsoft 365 & Entra ID Single Sign-On (SSO) Plugin. This SSO plugin enables secure authentication between WordPress and Microsoft Entra ID (Azure AD), ensuring that only authorized users and applications can access your shared calendar data. (After the first mention, we’ll simply refer to it as SSO.)

When both plugins are used together, WordPress can authenticate via Microsoft, manage permissions through SSO, and display shared or team calendars directly on your site. For example, a Microsoft Teams project calendar can be embedded on a team updates page in WordPress, automatically reflecting the latest events and changes from Microsoft 365.

Pre-requisites : Download And Installation

Before you begin, ensure you have the following:

• Administrator access to your Microsoft Entra ID (Azure AD) tenant to configure app registrations and permissions.
• The miniOrange Login with Azure / Microsoft 365 & Entra ID Single Sign On Plugin is installed on WordPress to enable secure SSO integration.
• A WordPress site with the miniOrange Embed Outlook Teams Calendar Events Plugin installed.

Configuration Steps

This plugin manages authentication between WordPress and Microsoft Entra ID, allowing WordPress to securely access Microsoft 365 calendar data. Follow these steps carefully to complete the configuration:

Step 1: Configure the All-in-One Microsoft SSO plugin

• Download the Login with Azure/ Microsoft 365 & Entra ID Single Sign On (SSO) Plugin from the WordPress plugin directory.
• Navigate to Plugins >> Add New >> Upload Plugin. Select the downloaded ZIP file, Install and Activate the plugin.
• Copy the Redirect or Callback URI that appears after activation.

• Sign in to the Azure portal and open Microsoft Entra ID. From there, go to App Registrations and either select the application you used for Outlook.
• Add the Redirect URI under Redirect URLs or Authentication, then save your changes.

• Locate the required credentials in the same App Registration from the Overview tab in the left pane. Note down your Client ID and Tenant ID.

• From the left navigation pane, navigate to the Certificates & secrets tab..
• Copy the value of Secret Key. This will be your Client Secret Key.

• Enter the credentials into the plugin settings in WordPress. Paste the Client ID, Client Secret, and Tenant ID into their respective fields.
• Enter openid profile email offline_access as a value in the Scope field.

• Save configurations and click Test Configuration. (If the test is successful, your WordPress site is now securely connected to Microsoft 365.)

After successful configuration, WordPress can authenticate with Microsoft Entra ID and fetch your Outlook and Teams calendar data in real time.

Step 2: Configure the miniOrange Outlook plugin

Once Single Sign On is active, you can configure the Outlook plugin to display a shared or group calendar directly on your WordPress site.

• Log in to the Azure portal from portal.azure.com and open Microsoft Entra ID.

• Go to App Registrations and select the application you used for setting up the Outlook plugin.
• Navigate to the API Permissions and click on Add a Permission.

• Select Microsoft Graph.

• Select the Delegated Permissions and in the search bar, find Group.

• Select Group.Read.All, and click on Add Permissions.

• Click on Grant admin consent for Default Directory and click on Yes on the grant admin consent confirmation.

• From the left navigation pane, click Groups to view all available groups in your organization.

• Find the correct group associated with the shared calendar you want to embed using the search bar.

• Select the group containing your shared calendar and copy the Object ID.

• Now, go to WordPress dashboard, then navigate to the miniOrange Embed Outlook Teams Calendar Events Plugin >> Group Calendar tab.

• Click Add (+) icon to add the Group ID then paste the Object ID into the input field. Click Save button.

• Copy the generated shortcode that appears after saving.

• Embed the calendar by pasting the shortcode into the content area of any WordPress page or post.

• Publish or Update the page to display your shared Outlook calendar. Any changes or new events added in Outlook or Teams will appear automatically on your WordPress site.

Related Articles

• WordPress Outlook and Microsoft Teams Integration
• Setup Guide for Free Plugin

Why Our Customers choose Embed Outlook Solutions?