Setup Guide for Embeding Outlook Integration Plugin for WordPress

Overview

Embed Outlook Teams Calendar Events plugin provides feature to embed Outlook calendars on the wordpress site. The plugin uses micorsoft graph API to fetch these data from Microsoft Outlook.

Download Plugin Pricing Plans Demo

Pre-requisites : Download And Installation

To Embed Outlook Teams Calendar Events you would need the following Pre-requisites.

• You will need Azure AD Global Administrator Access.
• Our Embed Outlook Teams Calendar Events plugin.

Configuration Steps

Step 1: Configure the Azure AD App registration

• Log in to Azure AD Portal https://portal.azure.com/ as an Administrator.
• You will be represented with the home screen of Azure Active Directory.
• Under the Azure Services section, select Microsoft Entra ID.

• In the left tab, under the Manage section, select App registrations tab.

• Click on the New Registration option.

• Assign the Display Name in the name field and choose the account type.
• In the Redirect URI field, provide the URL of your WordPress site and click on Register button.

• After the registration of an application, Azure AD assigns an unique application ID to your application.
• Navigate to the Overview tab, in the left pane.
• Copy the Application ID and the Directory ID, this will be your Client ID and Tenant ID.

• From the left navigation pane, navigate to the Certificates & secrets tab.
• Click on New client secret. Enter the description and expiration time and click on the ADD option.

• Copy the value of Secret Key. This will be your Client Secret Key.

Add API Permissions to your Azure AD Application:

• Go to API Permissions from the left navigation pane and click on Add a permission option.

• Select Microsoft Graph under the Microsoft APIs tab.
• Select Application Permissions then search for Calendars to add Calendars.Read permission and then click on the Add Permissions button.

• Search for Mailbox Settings to add MailboxSettings.Read permission then click on Add Permissions button.

• Equally, look for Mail option to add Mail.Send permission, and once again, click the Add Permission button.

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

You have successfully configured Azure AD app to integrate the Embed Outlook Events and Calendar plugin into your WordPress Site.

Step 2: Configure the miniOrange Outlook plugin

Choose plan type:

• Free Plugin
• Enterprise Plugin

• Navigate to the miniOrange Outlook plugin.
• Under the Manage Application tab, paste the information from the Azure AD App.

Application ID	Paste the Application ID from Azure AD App.
Client Secrets	Paste the Client Secret from the Azure AD App.
Tenant ID	Paste the Directory ID from Azure AD App.
Test UPN/ID	Enter the Principal name or Object ID of any valid Outlook user whose calendar you want to view.

• Click on Save button to save the configurations.
• Once the configurations are saved, click on Test Connection.
• After a successful test connection, you would be able to see a success message in test window.

• Now you can navigate to the Calendar Preview tab in the plugin to view the calendar of the Test user.

• Finally, you can navigate to the Shortcode tab of the plugin and copy the shortcode using the button as below and embed calendar to any page and post.

• Navigate to the miniOrange Outlook plugin.
• Under the Manage Application tab, paste the information from the Azure AD App.

Application ID	Enter the Application ID obtained from the Azure AD application.
Client Secrets	Enter the Client Secret generated in the Azure AD application.
Tenant ID	Enter the Directory (Tenant) ID from the Azure AD application.
Test UPN/ID	Enter the User Principal Name (UPN) or Object ID of a valid Outlook user whose calendar you want to access.

• Click on the Save button to save the configuration.
• After saving the configuration, click on Test Connection.

• After a successful test connection, a success message will be displayed in the test window.
• Navigate to the Calendar Preview tab to view the calendar events of the configured test user.

Generate Calendar Shortcodes

• Navigate to the Manage Shortcodes tab in the plugin to generate shortcodes for User and Teams/Group calendars.

• Select User Calendar as the calendar type.
• Enter the Object ID in the Object ID field.
• Click on Default embed view to generate shortcodes for different calendar views such as Month, Week, Day, and List.
• Select Month view and click on Add Calendar.

• Copy the generated shortcode from the Configured Calendars section.

Embed the Calendar in WordPress

• Navigate to the WordPress page or post where you want to display the calendar.
• Paste the copied shortcode into the content editor.
• Save or publish the page. The selected Outlook calendar view will now be displayed on the page.

• The Month view of the embedded Outlook calendar will appear on your WordPress page as shown below.

• You can similarly generate and embed shortcodes for Week, Day, and List views.
• To display a Team/Group calendar, navigate to the Manage Shortcodes tab and select Team/Group Calendar as the calendar type. Generate the required shortcode using the preferred calendar view and embed it on a WordPress page or post using the same steps described above.

Related Articles

• I receive this error “The mailbox is either inactive, soft-deleted, or is hosted on-premise.”

Why Our Customers choose Embed Outlook Solutions?

24/7 Support

Get prompt support from our technical experts, accessible around the clock for direct assistance

 Sign Up

Customer Reviews

Unbiased Reviews that speak for themselves. Click below to check our more.

 Reviews

Documentation

Get access to our detailed knowledge base, which includes comprehensive guides and instructional videos.

 Watch Now