Secure an Exclusive 20% Discount on Lifetime Access - Limited Time Offer. Use code: LIFETIME20

Outlook 365 Calendar Integration

Estimated reading: 5 minutes 182 views
  • 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 dropdownWe 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.

  • 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 DateSlot 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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Outlook 365 Calendar Integration

Or copy link

CONTENTS
Scroll to Top