1. Create a Google Cloud Project:
- Go to the Google Cloud Console.
- Click on the project drop-down menu at the top left of the page and select “New Project.”
- Enter a name for your project and choose an organization (if applicable). Click “Create.”
2. Enable the Calendar API:
- In the Google Cloud Console, navigate to “APIs & Services” > “Library” from the left-hand menu.
- Search for “Google Calendar API” and click on it.
- Click the “Enable” button to enable the API for your project.
3. Create API Credentials:
- In the Google Cloud Console, navigate to “APIs & Services” > “Credentials” from the left-hand menu.
- Click the “Create Credentials” button and select “OAuth client ID.”
- Select “Web Application”.
- For Authorized JavaScript origins enter your website address by clicking “ADD URI”.
- For Authorized redirect URIs enter your website address by appending “/google-auth”. It should look like this: https://example.com/google-auth
- You will also need to copy the “Client ID” and “Client Secret” later for your website.
4. Authenticate gAppointments:
- Go to the admin section of your website and navigate to gAppointments Settings and choose “Google Calendar”.
- Enter “Client ID” and “Client Secret” from Google Cloud and save the settings.
- After you save the settings click the button “Generate access code” to automaticaly get the code. You will be redirected to verify your Google account and after successful verification you will be returned to the same page. You should now see the “Access code” field filled in and you can save your settings.
After successful authorization, you should also see your Calendar ID.
- Calendar ID – Select the calendar id to sync the appointments, by default primary calendar is used.
- Synchronization mode – One-way sync pushes new appointments and any further changes to Google Calendar.
– Two-way front-end sync will fetch events from Google Calendar and remove corresponding time slots before displaying them in the calendar availability (this will lead to form loading delay). - Event summary – Appointment title showed in google calendar event.
- Event description – Appointment description showed in google calendar event.
- Add attendee – Add client name & email to google event. Google blocks creating too many events from same client email at the same. We recommend setting to No, and add the client information to event description.
- Colors – Highlight color when synching an event.