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.
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/.
