{"id":902,"date":"2026-07-17T06:14:14","date_gmt":"2026-07-17T06:14:14","guid":{"rendered":"https:\/\/documentation.iqonic.design\/frezka-saas\/?p=902"},"modified":"2026-07-17T06:23:28","modified_gmt":"2026-07-17T06:23:28","slug":"how-to-do-google-cloud-console-setup-for-google-calendar-sync","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/frezka-saas\/how-to-do-google-cloud-console-setup-for-google-calendar-sync\/","title":{"rendered":"How to setup Google Cloud Console for Google Calendar Sync?"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>This guide provides step-by-step instructions to set up their Google Developer Console, enable the Google Calendar API, configure the OAuth Consent Screen, and generate the credentials required for the Google Calendar integration in their application.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-content-prerequisites\">Prerequisites<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A\u00a0<strong>Google\/Gmail account<\/strong>.<\/li>\n\n\n\n<li>A live website with an\u00a0<strong>HTTPS<\/strong>\u00a0connection (Google OAuth does not permit\u00a0<code>http:\/\/<\/code>\u00a0for redirect URIs in production).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-content-step-1-create-a-project-in-google-cloud-console\">Step 1: Create a Project in Google Cloud Console<\/h2>\n\n\n\n<p>1. Open the\u00a0<a href=\"https:\/\/console.cloud.google.com\/\" target=\"_blank\" rel=\"noopener\">Google Cloud Console<\/a>.<\/p>\n\n\n\n<p>2. Log in with your Google account.<\/p>\n\n\n\n<p>3. In the top-left menu (next to the logo), click the project dropdown and click\u00a0<strong>New Project<\/strong>.<\/p>\n\n\n\n<p>4. Enter a\u00a0<strong>Project Name<\/strong>\u00a0(e.g.,\u00a0<code>Salon Booking Calendar<\/code>).<\/p>\n\n\n\n<p>5. Choose your Billing Account and Organization (optional, you can leave it as &#8220;No organization&#8221;).<\/p>\n\n\n\n<p>6. Click\u00a0<strong>Create<\/strong>.<\/p>\n\n\n\n<p>7. Once created, make sure the new project is selected from the project dropdown at the top.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-content-step-2-enable-the-google-calendar-api\">Step 2: Enable the Google Calendar API<\/h2>\n\n\n\n<p>1. In the search bar at the top, search for\u00a0<strong>Google Calendar API<\/strong>.<\/p>\n\n\n\n<p>2. Click on\u00a0<strong>Google Calendar API<\/strong>\u00a0from the search results.<\/p>\n\n\n\n<p>3. Click the\u00a0<strong>Enable<\/strong>\u00a0button.<\/p>\n\n\n\n<p>4. (Optional) If you also need Google Login, search for\u00a0<strong>Google People API<\/strong>\u00a0and enable it too.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-content-step-3-configure-the-oauth-consent-screen\">Step 3: Configure the OAuth Consent Screen<\/h2>\n\n\n\n<p>Before generating credentials, you must configure how the consent screen looks to your users.<\/p>\n\n\n\n<p>1. In the left-hand navigation sidebar, click on\u00a0<strong>APIs &amp; Services<\/strong>\u00a0&gt;\u00a0<strong>OAuth consent screen<\/strong>.<\/p>\n\n\n\n<p>2. Select the\u00a0<strong>User Type<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose\u00a0<strong>External<\/strong>\u00a0(this allows any Google account holder to authenticate).<\/li>\n\n\n\n<li>Click\u00a0<strong>Create<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p><strong>3. App Information<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>App name<\/strong>: Enter your business\/app name (e.g.,\u00a0<code>Frezka Salon Sync<\/code>).<\/li>\n\n\n\n<li><strong>User support email<\/strong>: Select your email address.<\/li>\n\n\n\n<li><strong>App logo<\/strong>: (Optional) Upload your business logo.<\/li>\n<\/ul>\n\n\n\n<p>4. <strong>App Domain<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Application home page<\/strong>:\u00a0<code>https:\/\/your-domain.com<\/code><\/li>\n\n\n\n<li><strong>Application privacy policy link<\/strong>:\u00a0<code>https:\/\/your-domain.com\/privacy<\/code><\/li>\n\n\n\n<li><strong>Application terms of service link<\/strong>:\u00a0<code>https:\/\/your-domain.com\/terms<\/code><\/li>\n\n\n\n<li><strong>Authorized domains<\/strong>: Enter your root domain (e.g.,\u00a0<code>your-domain.com<\/code>).\u00a0<em>Do not include\u00a0<code>https:\/\/<\/code>\u00a0or\u00a0<code>www.<\/code>.<\/em><\/li>\n<\/ul>\n\n\n\n<p>5. <strong>Developer contact information<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter your email address and click\u00a0<strong>Save and Continue<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"user-content-add-scopes\">Add Scopes<\/h3>\n\n\n\n<p>1. On the\u00a0<strong>Scopes<\/strong>\u00a0page, click\u00a0<strong>Add or Remove Scopes<\/strong>.<\/p>\n\n\n\n<p>2. In the panel that opens, search for and select the following scopes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>...\/auth\/calendar<\/code>\u00a0(Google Calendar API &#8211; View and edit calendars)<\/li>\n\n\n\n<li><code>...\/auth\/userinfo.email<\/code>\u00a0(OAuth2 API &#8211; View your email address)<\/li>\n<\/ul>\n\n\n\n<p>3. Click\u00a0<strong>Update<\/strong>\u00a0at the bottom of the panel.<\/p>\n\n\n\n<p>4. Verify both scopes are listed in your selected scopes table, then click\u00a0<strong>Save and Continue<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"user-content-add-test-users-crucial-for-testing\">Add Test Users (Crucial for Testing)<\/h3>\n\n\n\n<p>Because your app is not yet verified by Google, only added test users can link their calendars.<\/p>\n\n\n\n<p>1. On the\u00a0<strong>Test users<\/strong>\u00a0page, click\u00a0<strong>Add Users<\/strong>.<\/p>\n\n\n\n<p>2. Enter the Gmail addresses of the users (e.g., your admin email, test staff, test customers) that you want to use for testing.<\/p>\n\n\n\n<p>3. Click\u00a0<strong>Save and Continue<\/strong>.<\/p>\n\n\n\n<p>4. Review your configuration summary and click\u00a0<strong>Back to Dashboard<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-content-step-4-create-oauth-20-credentials\">Step 4: Create OAuth 2.0 Credentials<\/h2>\n\n\n\n<p>1. In the left navigation bar, click on\u00a0<strong>APIs &amp; Services<\/strong>\u00a0&gt;\u00a0<strong>Credentials<\/strong>.<\/p>\n\n\n\n<p>2. Click the\u00a0<strong>+ Create Credentials<\/strong>\u00a0button at the top and select\u00a0<strong>OAuth client ID<\/strong>.<\/p>\n\n\n\n<p>3. Select the\u00a0<strong>Application type<\/strong>\u00a0as\u00a0<strong>Web application<\/strong>.<\/p>\n\n\n\n<p>4. Enter a\u00a0<strong>Name<\/strong>\u00a0for the client (e.g.,\u00a0<code>Frezka Web App<\/code>).<\/p>\n\n\n\n<p>5. Scroll down to\u00a0<strong>Authorized JavaScript origins<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click\u00a0<strong>+ Add URI<\/strong>.<\/li>\n\n\n\n<li>Enter your base website URL (e.g.,\u00a0<code>https:\/\/your-domain.com<\/code>).<\/li>\n<\/ul>\n\n\n\n<p>6. Scroll down to\u00a0<strong>Authorized redirect URIs<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click\u00a0<strong>+ Add URI<\/strong>.<\/li>\n\n\n\n<li>Enter the exact callback URL of your application:\n<ul class=\"wp-block-list\">\n<li><strong>For Google Calendar Sync<\/strong>:\u00a0<code>https:\/\/your-domain.com\/calendar\/callback<\/code><\/li>\n\n\n\n<li><strong>For Google Login (if applicable)<\/strong>:\u00a0<code>https:\/\/your-domain.com\/auth\/google\/callback<\/code>\u00a0<em>Note: Replace\u00a0<code>your-domain.com<\/code>\u00a0with your actual domain.<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>7. Click\u00a0<strong>Create<\/strong>.<\/p>\n\n\n\n<p>8. A popup will appear showing your\u00a0<strong>Client ID<\/strong>\u00a0and\u00a0<strong>Client Secret<\/strong>. Copy these values immediately; you will need them in the next step.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-content-step-5-configure-the-environment-settings\">Step 5: Configure the Environment Settings<\/h2>\n\n\n\n<p>Log in to your server or open the project&#8217;s&nbsp;<code>.env<\/code>&nbsp;file to apply the credentials.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"user-content-option-a-via-the-env-file\">Option A: Via the&nbsp;<code>.env<\/code>&nbsp;File<\/h3>\n\n\n\n<p>Add or update the following keys with the copied credentials:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">GOOGLE_CALENDAR_CLIENT_ID=your_copied_client_id<br>GOOGLE_CALENDAR_CLIENT_SECRET=your_copied_client_secret<br>GOOGLE_CALENDAR_REDIRECT_URI=https:\/\/your-domain.com\/calendar\/callback<br>GOOGLE_CALENDAR_ID=primary<\/pre>\n\n\n\n<p><em>Note: Ensure&nbsp;<code>GOOGLE_CALENDAR_REDIRECT_URI<\/code>&nbsp;matches exactly what you entered in the Google Cloud Console redirect URIs list.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1189\" height=\"500\" src=\"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-content\/uploads\/sites\/7\/2026\/07\/image-1.png\" alt=\"\" class=\"wp-image-905\" style=\"aspect-ratio:2.3780245056840803;width:767px;height:auto\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"user-content-option-b-via-the-admin-panel\">Option B: Via the Admin Panel<\/h3>\n\n\n\n<p>1. Log in as an\u00a0<strong>Admin<\/strong>\u00a0to your application dashboard.<\/p>\n\n\n\n<p>2. Navigate to\u00a0<strong>Settings<\/strong>\u00a0&gt;\u00a0<strong>Integrations<\/strong>\u00a0\/\u00a0<strong>Google Settings<\/strong>.<\/p>\n\n\n\n<p>3. Enter the\u00a0<strong>Google Calendar Client ID<\/strong>\u00a0and\u00a0<strong>Google Calendar Client Secret<\/strong>.<\/p>\n\n\n\n<p>4. Enable\u00a0<strong>Google Calendar Auto Sync<\/strong>.<\/p>\n\n\n\n<p>5. Save the settings.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1912\" height=\"937\" src=\"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-content\/uploads\/sites\/7\/2026\/07\/image.png\" alt=\"\" class=\"wp-image-904\" style=\"aspect-ratio:2.0406149174416397;width:762px;height:auto\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-content-step-6-move-to-production-publish-app\">Step 6: Move to Production (Publish App)<\/h2>\n\n\n\n<p>To remove the &#8220;Google hasn&#8217;t verified this app&#8221; warning page when users connect their calendars:<\/p>\n\n\n\n<p>1. Go back to the\u00a0<strong>OAuth consent screen<\/strong>\u00a0tab in the Google Cloud Console.<\/p>\n\n\n\n<p>2. Under\u00a0<strong>Publishing status<\/strong>, click\u00a0<strong>Publish App<\/strong>.<\/p>\n\n\n\n<p>3. Confirm the push to production.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Note:<\/em>\u00a0Google might ask you to submit for verification if you use restricted scopes. However, you can still use the app in &#8220;production&#8221; mode without verification if you only have a few users (there is a limit of 100 logins before verification is enforced). Users will simply click &#8220;Advanced&#8221; and &#8220;Go to your-domain (unsafe)&#8221; during authorization.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>This guide provides step-by-step instructions to set up their Google Developer Console, enable the Google Calendar API, configure the OAuth Consent Screen, and generate the credentials required for the Google Calendar integration in their application. Prerequisites Step 1: Create a Project in Google Cloud Console 1. Open the\u00a0Google Cloud Console. 2. Log in with your [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":584,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-902","post","type-post","status-publish","format-standard","hentry","category-frezka-saas"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/frezka-saas\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-json\/wp\/v2\/posts\/902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-json\/wp\/v2\/comments?post=902"}],"version-history":[{"count":7,"href":"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-json\/wp\/v2\/posts\/902\/revisions"}],"predecessor-version":[{"id":914,"href":"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-json\/wp\/v2\/posts\/902\/revisions\/914"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-json\/wp\/v2\/posts\/584"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-json\/wp\/v2\/media?parent=902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-json\/wp\/v2\/categories?post=902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka-saas\/wp-json\/wp\/v2\/tags?post=902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}