Outlook 365 Calendar Integration

• Once the plugin is installed, Navigate to WordPress Admin Dashboard →Gravity booking → Settings.

• If you’re on the Settings page, click on Office 365 Calendar.

• A side-bar will appear once the Admin clicks on the Office 365 Calendar.

• First, enable the  Enable Office 365 Calendar’s checkbox.

• The admin must follow the steps below to find the Client ID and Secret Key.
• Go to the https://portal.azure.com/.
• Log in to your Outlook account.

• In the Azure services, Go to App registrations.

• An App Registrations page will appear. Click onthe New registration.

• Add the Name of the Application.

• Select the Supported Account types: Accounts in any organizational directory (Any Azure AD directory – Multitenant) and personal Microsoft accounts (e.g. Skype, Xbox).

• Select Web in the application type field under the header Redirect URI.

• Navigate to your WordPress dashboard and Copy your WordPress URL.

• Paste your specific URL type field under the header Redirect URI.

• Click the Register button.

• Once clicked on the Register button, an application will be created.
• Admin needs to enable add to my calendar functionality for customers, so on the Overview page, click on the Redirect URIs.

• Admin will be redirected to the Authentication page.

• On this page, add the URI by clicking the Add URI hyperlink.

• Another field will be available under the  Web Redirect URI header.

• To copy the URL, navigate to the specific page where the form is saved.

• Navigate to the Authentication page.
• Paste the URL under the Web Redirect URIs

NOTE: Remember the URL must not ends with a “/’

• Click on the Save button to save the changes.

• Now, from the left panel, click Certificates & Secrets

• Click on New client secret.

• Add Description and select Expires from the dropdown. We are keeping it default.

• Click the Add button.

• Once clicked, a client’s Secret Key will be created.

• Copy the value of the Client Secret.

• Once the value is copied, paste it under the Client ID field under the Office 365 Calendar settings.

• Navigate to the Application again and select the Overview page.

• On the Overview page, copy Application (Client) ID.

• Once the value is copied paste it under the Client ID field under the Office 365 Calendar settings.

• Go to API Permissions from the left panel.

• Click on Add Permission.

• Once clicked on the Add a permission, a tab will open on the right select Microsoft Graph from the right panel.

• After clicking on the Microsoft Graph, click on the Delegated Permissions tab.

• A Calendars tab will appear under the Permission section.
• Click on the Calendars tab.

• Once the Calendar is selected now enable the  checkboxes for Calendars.Read and Calendars.ReadWrite.

• Follow the same steps and add the delegated permission for MailboxSettings.
• Search the MailboxSettings and select MailboxSettings

• Once the MailboxSettings is selected now enable the  checkboxes for MailboxSettings.Read.

• Once the Calendar and MailboxSettings settings are done , click the Add permissions button.

• Admin can view the permission is granted.

• Now check mark the checkboxes to add Fields to be Sync with Outlook Calendar in the Outlook settings.

Staff Connectivity Outlook 365 Calendar

• The Staff will log in to the website.
• The Staff will land on the Dashboard page once logged in.

• In the Office 365 Calendar Integration tab, the Staff can Connect and Disconnect their Office 365 Calendar.
• Click on the Connect With Office 365 Calendar button.
• Staff will be redirected to the Outlook Signin page.

• After Logging in the staff need to accept the application access by clicking Accept button.

• The Staff can now view that the Office Calender is now connected.

• When appointment is made through the staff the appointment will be synced to the staff’s calender.

Frontend Impact

• Navigate to the form and enter the Form detail.

• Select the Location , Service and Staff.

• Select the Date, Slot and click the Submit button.

• Once the form is submitted, select the Add To Outlook Calendar hyperlink.

• User will be redirected to the Outlook page Sign in with the valid credentials or if the account is already logged in click the icon.

• Once clicked the appointment is saved and can be viewed in the Outlook’s Calendar
• Navigate to Outlook’s Calendar via  https://outlook.live.com/calendar/.