{"id":48433,"date":"2025-07-24T08:59:20","date_gmt":"2025-07-24T08:59:20","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=48433"},"modified":"2026-02-27T14:20:22","modified_gmt":"2026-02-27T14:20:22","slug":"how-to-set-up-two-way-appointment-sync-with-google-calendar","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-set-up-two-way-appointment-sync-with-google-calendar\/","title":{"rendered":"How to Set Up Two-Way Appointment Sync with Google Calendar"},"content":{"rendered":"\n

Step by step, we will set up the integration between Google Calendar<\/strong> and JetAppointment<\/em>, review the local post settings, and test how the integration works.<\/p>\n\n\n\n

Adjust Google Calendar Integration<\/h2>\n\n\n\n
\n

First, we should build a new Google Cloud <\/strong>project. <\/p>\n\n\n\n

To do so, proceed to your Google Cloud<\/strong><\/a> <\/strong>account and press the name of the current project in the upper left corner. Press \u201cMy First Project\u201d if you haven\u2019t built any projects before.<\/p>\n\n\n\n

In the opened Select a project <\/strong>pop-up, press the \u201cSelect a project<\/strong>\u201d button.<\/p>\n\n\n\n

\"create<\/a><\/div>\n\n\n\n

Complete the Project name <\/strong>and pick its Location<\/strong>, then hit the \u201cCreate<\/strong>\u201d button.<\/p>\n\n\n\n

\"name<\/a><\/div>\n\n\n\n

Now, return to the list of projects and click on the one you have just created to edit it.<\/p>\n\n\n\n

\"new<\/a><\/div>\n\n\n\n

On the opened page, find and click the Library <\/strong>tab. You will be redirected to the API Library<\/strong>.<\/p>\n\n\n\n

Here, search for the \u201cGoogle Calendar API\u201d in the search bar located in the middle of the screen.<\/p>\n\n\n\n

\"google<\/a><\/div>\n\n\n\n

You will be redirected to the Product details <\/strong>page of the Google Calendar API<\/strong>.<\/p>\n\n\n\n

Press the \u201cEnable<\/strong>\u201d button.<\/p>\n\n\n\n

\"google<\/a><\/div>\n\n\n\n

When the API is activated, you will be redirected to the API\/Service Details <\/strong>page.<\/p>\n\n\n\n

Above the Google Calendar API <\/strong>name, you will see the notification highlighting that you have to create credentials to use this API. So, press the \u201cCreate credentials<\/strong>\u201d button to proceed to the Credentials <\/strong>creation page.<\/p>\n\n\n\n

\"create<\/a><\/div>\n\n\n\n

In the first Credential Type <\/strong>section, pick the \u201cGoogle Calendar API\u201d option in the Select an API <\/strong>dropdown.<\/p>\n\n\n\n

Also, select the \u201cUser data\u201d in the following radio filter. It is necessary to enable the synchronization between the website and the individual user\u2019s Google Account<\/strong>.<\/p>\n\n\n\n

Hit \u201cNext<\/strong>\u201d to move to the next customization section.<\/p>\n\n\n\n

\"credential<\/a><\/div>\n\n\n\n

In the OAuth Consent Screen <\/strong>section, complete the App name<\/strong> and select the User support email<\/strong>. <\/p>\n\n\n\n

Also, mind completing the Developer contact information<\/strong>, the Email address <\/strong>specifically.<\/p>\n\n\n

<\/svg><\/div>
Things to know<\/div>

These email fields are needed to comply with Google\u2019s user data policy. You can add the same email address in these fields if needed.<\/p><\/div><\/div>\n\n\n\n

Once done, press the \u201cSave and continue<\/strong>\u201d button.<\/p>\n\n\n\n

\"oauth<\/a><\/div>\n\n\n\n

The Scopes <\/strong>section is optional for completion, so we skip it by pressing the \u201cSave and continue<\/strong>\u201d button.<\/p>\n\n\n\n

\"scope<\/a><\/div>\n\n\n\n

Now, go to the OAuth consent screen <\/strong>tab on the sidebar, and once it opens, open the Audience <\/strong>tab.<\/p>\n\n\n\n

Here, press the \u201cPublish app<\/strong>\u201d button under the Testing <\/strong>title. Then, confirm that you want to push an app to production. It will remove the testing restrictions of your app.<\/p>\n\n\n\n

\"audience<\/a><\/div>\n\n\n\n

Return to the APIs & Services > Credentials<\/em><\/strong> <\/strong>tab and click the \u201cCreate credentials<\/strong>\u201d button.<\/p>\n\n\n\n

From the dropdown, select the \u201cOAuth client ID\u201d option.<\/p>\n\n\n\n

On the opened page, select the \u201cWeb application\u201d Application type<\/strong> and give it a Name<\/strong>.<\/p>\n\n\n\n

\"create<\/a><\/div>\n\n\n\n

Open your WordPress website in a new tab. Proceed to the WordPress Dashboard > Appointments > Settings <\/em><\/strong>directory, open the Integrations <\/strong>tab, and activate the Google Calendar <\/strong>toggle.<\/p>\n\n\n\n

Copy the link in the Redirect URL <\/strong>section.<\/p>\n\n\n\n

\"redirect<\/a><\/div>\n\n\n\n

Now, return to the Google Cloud <\/strong>account and press the \u201cAdd URI<\/strong>\u201d button in the Authorized redirect URIs <\/strong>section.<\/p>\n\n\n\n

Paste the copied URL in the URIs 1 <\/strong>field. Click the \u201cCreate<\/strong>\u201d button.<\/p>\n\n\n\n

The OAuth client created <\/strong>pop-up with the needed credentials will appear.<\/p>\n\n\n

<\/svg><\/div>
Warning<\/div>

Do not close this pop-up until you have copied the Client ID<\/strong> and Client secret<\/strong> to a safe place. This pop-up appears only once, and you will not be able to access these credentials later.<\/p><\/div><\/div>\n\n\n\n

\"oauth<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Set Up Integration on Your Website<\/h2>\n\n\n\n
\n

Come back to your website and paste the copied credentials in the Client ID <\/strong>and Client secret <\/strong>fields accordingly.<\/p>\n\n\n\n

Then, activate the Use global Calendar connection <\/strong>toggle and press the \u201cConnect<\/strong>\u201d button to connect your Google Account <\/strong>to the website.<\/p>\n\n\n\n

\"connect<\/a><\/div>\n\n\n\n

Once you connect your Google Account<\/strong>, you will be redirected back to this page.<\/p>\n\n\n\n

Pick the calendar you want to work with in the Select Calendar to sync events with<\/strong>.<\/p>\n\n\n\n

Next, you can activate the Create Meet <\/strong>toggle to automatically generate a Google Meet<\/strong> link once the calendar event is created.<\/p>\n\n\n\n

After that, you can also enable the Sync events from Google Calendar <\/strong>toggle to sync events from the selected calendar, which helps exclude reserved slots if desired. If the second toggle is activated, you can also specify the Calendar synchronization interval<\/strong>.<\/p>\n\n\n\n

\"google<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Match Time Zone Settings<\/h2>\n\n\n\n

For synchronization to work correctly, ensure that the time zones on your WordPress website and Google Calendar are set to match.<\/p>\n\n\n\n

Navigate to the WordPress Dashboard > Settings > General <\/em><\/strong>tab and check the Timezone<\/strong>. Change it if needed and press the \u201cSave Changes<\/strong>\u201d button.<\/p>\n\n\n\n

\"timezone<\/a><\/div>\n\n\n\n

Now, go to your Google Calendar <\/strong>and open its settings.<\/p>\n\n\n\n

In the Language and region <\/strong>tab, find the Time zone <\/strong>section and make sure that the time zone matches the one set on the WordPress website.<\/p>\n\n\n\n

\"timezone<\/a><\/div>\n\n\n\n

Check Local Post Settings<\/h2>\n\n\n\n
\n

Proceed to one of the posts of the post type assigned as \u201cService\u201d or \u201cProvider\u201d in the JetAppointment <\/em>settings. In our case, it\u2019s a \u201cService\u201d post type built with JetEngine<\/a><\/em>, but you can use any post type configured in your settings.<\/p>\n\n\n\n

Here, if you scroll down, you will find the Google Calendar Sync <\/strong>section with the following settings:<\/p>\n\n\n\n

\"google<\/a><\/div>\n\n\n\n