Get 75% OFF as Early Birds Discount when you use code WELCOME75  Limited spots available!

Integration with Google Calendar

  • This feature allows the admin to seamlessly integrate Bookify with Google Calendar on behalf of their staff members. The admin can sync staff calendars with Google directly or permit staff to manage their calendar synchronization. Additionally, the admin can enable customers to sync their Google Calendar with Bookify.

Back-End Settings (Admin’s Side)

  • To integrate Bookify with Google Calendar, you must first set up the Client ID and Client Secret.
  • Go to the Google Cloud Console.
  • Click the menu displaying your current project name to start a new project.
  • Once you click, a new window will open. Click the New Project button.
  • Enter the project name and click on Create.
  • Next, click Select Project in the notification, and the project will open automatically. Since this is a new project, there will be no available APIs, so we’ll need to create them.
  • Now, navigate to the library section on the left-side menu.
  • Search for Google Calendar API and choose it from the results.
  • Next, click on the Enable button.
  • When the API is enabled, you will be taken back to the Enabled APIs & services screen. Click on the Create credentials button in the top right corner.
  • This will open the Credentials setup window. In this window, choose:
    • Google Calendar API
    • User data
  • Then, click Next to continue.
  • After clicking Next, step 2 will appear. Enter the App Name, choose an email from the User support email dropdown, and provide the App Developer’s email (usually the same as the support email).
  • Once done, click the Save and Continue button.
  • Skip the Scopes step by clicking the Save and Continue button.
  • Select Web application under Application type.
  • Provide a name for your application.
  • Once all settings are done, click + Add URI to continue.
  • Under Authorized redirect URIs, add the Bookify admin dashboard URL and the front-end Bookify URL.
    i.e.
    • Backend URI: domain/wp-admin/
    • Frontend URI: domain/bookify
  • Once added, click the Create button.
  • Next, copy the Client ID and click Done.
  • Navigate to the Credentials tab.
  • Click the Edit (pencil) icon.
  • Copy the Client Secret.
  • Now, navigate to the Audience tab.
  • Finally, click the Publish button.
  • Once the Publish button is clicked, a new window will appear. Click on the Confirm button to proceed.

Please note: Before proceeding, ensure the publishing status is set to In production and the User Type is External.

  • The Google Cloud setup is now complete. Next, we’ll proceed to the WordPress admin dashboard.
  • Now, go to the Admin Dashboard > Bookify > Settings.
  • Select the Integration Settings tab.
  • Activate the Enable Google Calendar toggle button.
  • Once enabled, additional fields will be displayed. Activate the Enable Add to Calendar for Customer toggle button.
  • Next, paste the copied Client ID and Client Secret in their respective fields.
  • Enable the toggle buttons for the fields you want to sync with Google Calendar. The available fields include:
    • Customer/Staff Name
    • Customer/Staff Email
    • Customer/Staff Phone Number
    • Appointment ID
    • Appointment Date
    • Appointment Time
    • Timezone 
    • Location
    • Service
    • Staff
    • Slot Quantity
    • Cost

Note: The admin can scroll the sidebar to access each field.

For this documentation, all fields have been activated.
  • Once done, click the Save button.
  • Now navigate to Admin Dashboard > Bookify > Staff.
  • Select a staff member and click on the edit icon.
  • Scroll in the Staff Details section and click the Sign in with Google button.
  • After clicking, the admin will be redirected to the Google authentication page to enter the staff’s credentials.
  • Now, click the Next button.
  • Once clicked, the staff will be synced with Google Calendar.

Please note: If the app isn’t verified in Google Cloud Console, the admin will see a Google hasn’t verified this app warning when syncing with Google Calendar. To resolve this, the admin must configure the OAuth consent screen, set the app to In Production, and submit it for verification. If the admin doesn’t verify the app, the admin can still proceed by clicking Advanced > Go to app (unsafe), but this is not recommended for production environments due to potential security risks. Verification ensures safe and seamless syncing.

  • After the staff is successfully synced with Google, a Sign out from Google button will become visible. Clicking this button allows the admin to sign out of Google.

Back-End Settings (Staff’s Side)

  • Access the staff dashboard by logging in.
  • Go to My Profile.
  • Select the edit icon in the Action section.
  • Scroll in the Staff Details section and click the Sign in with Google button.

Note: If the admin has already synced the staff with Google, the staff will see a Sign Out from Google button.

  • After clicking, the staff will be redirected to the Google authentication page to enter the staff’s credentials.
  • Now, click the Next button.
  • Once clicked, the staff will be synced with Google Calendar.
  • After the staff is successfully synced with Google, a Sign out from Google button will become visible. Clicking this button allows the staff to sign out from Google.

Front-End Impact (Staff’s Side)

  • Go to the website.
  • Navigate to the Bookify page and book an appointment with the staff member synced with Google.
  • Now, log in to the Google Calendar account. As you can see, the appointment is visible on the staff’s Google calendar.

Front-End Impact (Customer’s Side)

  • Go to the website.
  • Navigate to the Bookify page and book an appointment with the staff member synced with Google.
  • Now click the Add to Calendar(s) button.
  • After clicking, the Google Calendar button will appear. Click it to be redirected to the Google authentication page.
  • Next, enter your Google authentication credentials.
  • Now, click the Next button.
  • Finally, log in to the Google Calendar account. The appointment is visible on the customer’s Google calendar.

On this page

    Scroll to Top