> ## Documentation Index
> Fetch the complete documentation index at: https://docs.stackone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Google Contacts OAuth 2.0 connector profile – StackOne setup guide

> Set up the OAuth 2.0 connector profile for Google Contacts in StackOne. One-time admin setup required before your users can link Google Contacts accounts via Hub.

<Warning>The steps in this guide require Admin or Owner privileges within Google Cloud.</Warning>

<Panel>
  <div className="not-prose guides-scope-selector" data-guides-scope-selector data-guide-actions-json="[{&#x22;id&#x22;:&#x22;googlecontacts_list_contacts&#x22;,&#x22;label&#x22;:&#x22;List Contacts&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts.readonly&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_get_contact&#x22;,&#x22;label&#x22;:&#x22;Get Contact&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts.readonly&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_create_contact&#x22;,&#x22;label&#x22;:&#x22;Create Contact&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_update_contact&#x22;,&#x22;label&#x22;:&#x22;Update Contact&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_delete_contact&#x22;,&#x22;label&#x22;:&#x22;Delete Contact&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_search_contacts&#x22;,&#x22;label&#x22;:&#x22;Search Contacts&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts.readonly&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_batch_get_contacts&#x22;,&#x22;label&#x22;:&#x22;Batch Get Contacts&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts.readonly&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_batch_create_contacts&#x22;,&#x22;label&#x22;:&#x22;Batch Create Contacts&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_batch_update_contacts&#x22;,&#x22;label&#x22;:&#x22;Batch Update Contacts&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_batch_delete_contacts&#x22;,&#x22;label&#x22;:&#x22;Batch Delete Contacts&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_update_contact_photo&#x22;,&#x22;label&#x22;:&#x22;Update Contact Photo&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_delete_contact_photo&#x22;,&#x22;label&#x22;:&#x22;Delete Contact Photo&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_list_contact_groups&#x22;,&#x22;label&#x22;:&#x22;List Contact Groups&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts.readonly&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_get_contact_group&#x22;,&#x22;label&#x22;:&#x22;Get Contact Group&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts.readonly&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_create_contact_group&#x22;,&#x22;label&#x22;:&#x22;Create Contact Group&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_update_contact_group&#x22;,&#x22;label&#x22;:&#x22;Update Contact Group&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_delete_contact_group&#x22;,&#x22;label&#x22;:&#x22;Delete Contact Group&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_modify_contact_group_members&#x22;,&#x22;label&#x22;:&#x22;Modify Contact Group Members&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_list_other_contacts&#x22;,&#x22;label&#x22;:&#x22;List Other Contacts&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts.other.readonly&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_search_other_contacts&#x22;,&#x22;label&#x22;:&#x22;Search Other Contacts&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts.other.readonly&#x22;]},{&#x22;id&#x22;:&#x22;googlecontacts_copy_other_contact&#x22;,&#x22;label&#x22;:&#x22;Copy Other Contact To My Contacts&#x22;,&#x22;scopes&#x22;:[&#x22;https://www.googleapis.com/auth/contacts&#x22;]}]" style={{ borderRadius: '8px', padding: '16px', marginBottom: '24px' }}>
    <div className="guides-scope-selector__title" style={{ fontSize: '16px', fontWeight: '600', marginBottom: '12px' }}>Select Actions to adjust the guide</div>
    <div className="guides-scope-selector__muted" style={{ fontSize: '13px', marginBottom: '12px' }}>Some actions may require additional configuration in the provider to be accessible. Choose the actions you need and the guide will be updated.</div>

    <div style={{ display: 'flex', gap: '8px', marginBottom: '12px', flexWrap: 'wrap' }}>
      <input type="text" placeholder="Search actions..." className="guides-scope-selector__input" data-guide-action-search style={{ padding: '8px 12px', borderRadius: '6px', fontSize: '13px', flex: 1, minWidth: '160px' }} />

      <button type="button" className="guides-scope-selector__quick-btn" data-guide-select-all style={{ padding: '6px 10px', borderRadius: '6px', fontSize: '12px', cursor: 'pointer' }}>Select all</button>
      <button type="button" className="guides-scope-selector__quick-btn" data-guide-clear style={{ padding: '6px 10px', borderRadius: '6px', fontSize: '12px', cursor: 'pointer' }}>Clear</button>
    </div>

    <div className="guides-scope-selector__list" style={{ maxHeight: '240px', overflowY: 'auto', borderRadius: '6px', marginBottom: '12px' }}>
      <div className="guides-scope-selector__list-header" style={{ display: 'flex', alignItems: 'center', gap: '10px', padding: '8px 12px', fontSize: '12px', fontWeight: '600', position: 'sticky', top: 0, zIndex: 1 }}>
        <div style={{ width: '16px', flexShrink: 0 }} />

        <div style={{ flex: 1, textAlign: 'left' }}>Action</div>
        <div style={{ minWidth: '120px', marginLeft: 'auto', textAlign: 'right' }}>Scope(s)</div>
      </div>

      <div className="guides-scope-selector__muted" data-guide-loading style={{ padding: '16px', textAlign: 'center', fontSize: '13px' }}>Loading actions...</div>
      <div className="guides-scope-selector__muted" data-guide-no-results hidden style={{ padding: '16px', textAlign: 'center', fontSize: '13px' }}>No actions match your search.</div>
    </div>

    <div className="guides-scope-selector__url-section" style={{ marginTop: '12px', paddingTop: '12px' }}>
      <div className="guides-scope-selector__muted" style={{ fontSize: '12px', fontWeight: '500', marginBottom: '6px' }}>Dynamic Guide URL</div>

      <div style={{ display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'wrap' }}>
        <input type="text" readOnly className="guides-scope-selector__input" data-guide-url style={{ flex: 1, minWidth: '200px', padding: '8px 10px', borderRadius: '6px', fontSize: '12px', fontFamily: 'monospace' }} />

        <button type="button" className="guides-scope-selector__copy-btn" data-guide-copy-url style={{ width: '120px', padding: '8px 14px', borderRadius: '6px', fontSize: '13px', fontWeight: '500', cursor: 'pointer', whiteSpace: 'nowrap', marginLeft: 'auto' }}>Copy URL</button>
      </div>

      <div style={{ marginTop: '12px' }}>
        <div className="guides-scope-selector__muted" style={{ fontSize: '12px', fontWeight: '500', marginBottom: '6px' }}>Scopes Selected</div>

        <div style={{ display: 'flex', alignItems: 'stretch', gap: '8px', flexWrap: 'wrap' }}>
          <pre className="guides-scope-selector__input" role="textbox" aria-readonly="true" tabIndex={0} data-guide-scopes-output style={{ flex: 1, minWidth: '200px', minHeight: '88px', maxHeight: '120px', overflowY: 'auto', margin: 0, padding: '8px 10px', borderRadius: '6px', fontSize: '12px', fontFamily: 'monospace', whiteSpace: 'pre-wrap' }} />

          <div className="guides-scope-selector__muted" style={{ display: 'flex', flexDirection: 'column', gap: '8px', fontSize: '12px', fontWeight: '500', flexShrink: 0, alignItems: 'flex-start' }}>
            <div style={{ whiteSpace: 'nowrap' }}>Separator</div>

            <select className="guides-scope-selector__input" data-guide-scope-delimiter style={{ width: '100%', padding: '6px 10px', borderRadius: '6px', fontSize: '12px' }}>
              <option value="space">Space</option>
              <option value="comma">Comma</option>
              <option value="semicolon">Semicolon</option>
              <option value="pipe">Pipe</option>
              <option value="newline">Newline</option>
            </select>

            <button type="button" className="guides-scope-selector__copy-btn" data-guide-copy-scopes style={{ width: '120px', padding: '8px 14px', borderRadius: '6px', fontSize: '13px', fontWeight: '500', cursor: 'pointer', whiteSpace: 'nowrap' }}>Copy scopes</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</Panel>

<section data-guide-section data-guide-scopes="">
  <h2>Create or select a Google Cloud project</h2>

  <p>To use the Google People API with OAuth 2.0, you need a Google Cloud project.</p>

  <Steps>
    <Step title="Sign in to Google Cloud">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Sign in to your <a href="https://console.cloud.google.com/" target="_blank" rel="noopener noreferrer">Google Cloud Console</a>.</p>

        <img src="https://mintcdn.com/stackone-60/0lBgKtQHfsiPSuJq/connectors/googlecontacts/images/oauth2-setup-login.png?fit=max&auto=format&n=0lBgKtQHfsiPSuJq&q=85&s=9289f920b959195d1ce7573779c3ed4f" alt="Google Cloud Console Sign In" width="1276" height="802" data-path="connectors/googlecontacts/images/oauth2-setup-login.png" />
      </div>
    </Step>

    <Step title="Create or select a project">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Select an existing project from the dropdown at the top of the page, or create a new one by clicking <strong>New Project</strong> and filling in the <strong>Project name</strong>, <strong>Organization</strong>, and <strong>Parent resource</strong> fields, then clicking <strong>Create</strong>.</p>

        <img src="https://mintcdn.com/stackone-60/0lBgKtQHfsiPSuJq/connectors/googlecontacts/images/oauth2-setup-create-project.png?fit=max&auto=format&n=0lBgKtQHfsiPSuJq&q=85&s=d66b3b9db90eb20fc1b9b91e75468f23" alt="Google Cloud Console Create Project" width="924" height="689" data-path="connectors/googlecontacts/images/oauth2-setup-create-project.png" />
      </div>
    </Step>
  </Steps>
</section>

<section data-guide-section data-guide-scopes="">
  <h2>Enable the Google People API</h2>

  <p>Enable the Google People API for your project. This step is required whether you created a new project or selected an existing one.</p>

  <img src="https://mintcdn.com/stackone-60/0lBgKtQHfsiPSuJq/connectors/googlecontacts/images/oauth2-setup-enable-people-api.png?fit=max&auto=format&n=0lBgKtQHfsiPSuJq&q=85&s=61013254b6908dd32595a5c0110ae7d4" alt="Google Cloud Console Enable Google People API" width="1024" height="649" data-path="connectors/googlecontacts/images/oauth2-setup-enable-people-api.png" />

  <Steps>
    <Step title="Open the API Library">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>In the Google Cloud Console, navigate to <strong>APIs & Services</strong> > <strong>Library</strong>.</p>
      </div>
    </Step>

    <Step title="Enable Google People API">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Search for "Google People API" and click on it.</p>

        <ul>
          <li><strong>New project</strong>: Click <strong>Enable</strong> to activate the API.</li>
          <li><strong>Existing project</strong>: If the API is already enabled, the button will show <strong>Manage</strong>. If it shows <strong>Enable</strong>, click it to enable the API.</li>
        </ul>
      </div>
    </Step>
  </Steps>
</section>

<section data-guide-section data-guide-scopes="">
  <h2>Configure Google Auth Platform</h2>

  <p>Before creating OAuth credentials, ensure the Google Auth Platform is configured.</p>

  <Steps>
    <Step title="Navigate to Google Auth Platform">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>In the Google Cloud Console, go to <strong>APIs & Services</strong> > <strong>OAuth consent screen</strong> from the left sidebar. This will open the Google Auth Platform overview page.</p>
      </div>
    </Step>

    <Step title="Start configuration">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>If you have already configured the Auth Platform (the OAuth Overview page with usage metrics is shown), skip this step and navigate to the <strong>Branding</strong> page from the sidebar. Otherwise, you will see a <strong>Get started</strong> button — click it to begin the configuration process.</p>
      </div>
    </Step>

    <Step title="Enter app information">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Fill in the required fields.</p>

        <ul>
          <li><strong>App name</strong>: Enter a name for your application (e.g., StackOne Integration).</li>
          <li><strong>User support email</strong>: Select an email address for user enquiries.</li>
          <li>Click <strong>Next</strong> to continue.</li>
          <li><strong>Note:</strong> If you already have an existing OAuth consent screen configuration, you can edit the details in this and the following steps.</li>
        </ul>

        <img src="https://mintcdn.com/stackone-60/0lBgKtQHfsiPSuJq/connectors/googlecontacts/images/oauth2-setup-branding-info.png?fit=max&auto=format&n=0lBgKtQHfsiPSuJq&q=85&s=4514f486cdc705dbc976e3f2f74612bf" alt="Enter branding information" width="1113" height="1096" data-path="connectors/googlecontacts/images/oauth2-setup-branding-info.png" />
      </div>
    </Step>

    <Step title="Select audience">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Choose the appropriate user type, or go to the <strong>Audience</strong> page from the left sidebar to select the user type.</p>

        <ul>
          <li><strong>Internal</strong>: Only users within your Google Workspace organisation can authorise (no app verification required).</li>
          <li><strong>External</strong>: Any Google account can authorise (requires app verification for production use).</li>
        </ul>

        <img src="https://mintcdn.com/stackone-60/0lBgKtQHfsiPSuJq/connectors/googlecontacts/images/oauth2-setup-select-audience.png?fit=max&auto=format&n=0lBgKtQHfsiPSuJq&q=85&s=d8aff97abf719b5c44d66a96c425aa60" alt="Select audience" width="953" height="835" data-path="connectors/googlecontacts/images/oauth2-setup-select-audience.png" />
      </div>
    </Step>

    <Step title="Enter contact information">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Provide email addresses for Google to notify you about any changes to your project. Click <strong>Next</strong> to continue.</p>
      </div>
    </Step>

    <Step title="Finish configuration">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Review your settings, agree to the Google API Services User Data Policy, and click <strong>Create</strong> to complete the setup.</p>
      </div>
    </Step>
  </Steps>
</section>

<section data-guide-section data-guide-scopes="">
  <h2>Configure scopes</h2>

  <p>In the Google Auth Platform, go to <strong>Data Access</strong> and click <strong>Add or Remove Scopes</strong> to configure the OAuth scopes your application needs.</p>

  <img src="https://mintcdn.com/stackone-60/0lBgKtQHfsiPSuJq/connectors/googlecontacts/images/oauth2-setup-select-scopes.png?fit=max&auto=format&n=0lBgKtQHfsiPSuJq&q=85&s=52f9d97690c70b89c11168fe81443e36" alt="Select scopes" width="952" height="897" data-path="connectors/googlecontacts/images/oauth2-setup-select-scopes.png" />

  <Steps>
    <Step title="Add scopes">
      <div data-guide-step data-guide-scopes="https://www.googleapis.com/auth/contacts,https://www.googleapis.com/auth/contacts.readonly,https://www.googleapis.com/auth/contacts.other.readonly" data-guide-display-scopes-list="https://www.googleapis.com/auth/contacts,https://www.googleapis.com/auth/contacts.readonly,https://www.googleapis.com/auth/contacts.other.readonly">
        <div className="connector-guide-actions-badge" data-guide-actions-badge data-guide-actions-badge-scopes="https://www.googleapis.com/auth/contacts,https://www.googleapis.com/auth/contacts.readonly,https://www.googleapis.com/auth/contacts.other.readonly" style={{ display: 'block', width: 'fit-content', maxWidth: '100%', padding: '2px 8px', borderRadius: '8px', fontSize: '12px', marginBottom: '8px', marginTop: '-10px', whiteSpace: 'nowrap', overflowX: 'auto', overflowY: 'hidden', msOverflowStyle: 'none', scrollbarWidth: 'none' }}>
          <span>Enables actions: </span><span data-guide-actions-badge-labels>Batch Create Contacts, Batch Delete Contacts, Batch Get Contacts, Batch Update Contacts, Copy Other Contact To My Contacts, Create Contact, Create Contact Group, Delete Contact, Delete Contact Group, Delete Contact Photo, Get Contact, Get Contact Group, List Contact Groups, List Contacts, List Other Contacts, Modify Contact Group Members, Search Contacts, Search Other Contacts, Update Contact, Update Contact Group, Update Contact Photo</span>
        </div>

        <p>Add the required Google Contacts scopes for your integration.</p>

        <div style={{ marginTop: '8px' }} data-guide-display-scopes>
          <div className="connector-guide-scopes-container">
            <ul className="not-prose" style={{ listStyleType: "'- '", paddingLeft: '1em', margin: 0 }}>
              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="https://www.googleapis.com/auth/contacts">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy https://www.googleapis.com/auth/contacts" title="Copy scope" data-copy="https://www.googleapis.com/auth/contacts">
                  <span className="connector-guide-scope-copy__label">[https://www.googleapis.com/auth/contacts](https://www.googleapis.com/auth/contacts)</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="https://www.googleapis.com/auth/contacts.readonly">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy https://www.googleapis.com/auth/contacts.readonly" title="Copy scope" data-copy="https://www.googleapis.com/auth/contacts.readonly">
                  <span className="connector-guide-scope-copy__label">[https://www.googleapis.com/auth/contacts.readonly](https://www.googleapis.com/auth/contacts.readonly)</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>

              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="https://www.googleapis.com/auth/contacts.other.readonly">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy https://www.googleapis.com/auth/contacts.other.readonly" title="Copy scope" data-copy="https://www.googleapis.com/auth/contacts.other.readonly">
                  <span className="connector-guide-scope-copy__label">[https://www.googleapis.com/auth/contacts.other.readonly](https://www.googleapis.com/auth/contacts.other.readonly)</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </Step>

    <Step title="Select scopes from the list">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>In the <strong>Update selected scopes</strong> side panel that opens, check the required scopes from the list.</p>

        <img src="https://mintcdn.com/stackone-60/0lBgKtQHfsiPSuJq/connectors/googlecontacts/images/oauth2-setup-select-scopes-side-panel.png?fit=max&auto=format&n=0lBgKtQHfsiPSuJq&q=85&s=fbbd37d95986724b49948f4df96a8805" alt="Select scopes from side panel" width="1485" height="988" data-path="connectors/googlecontacts/images/oauth2-setup-select-scopes-side-panel.png" />
      </div>
    </Step>

    <Step title="Manually add scopes (if needed)">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>If a required scope is not shown in the list, use the <strong>Manually add scopes</strong> section.</p>

        <ul>
          <li>Enter the full scope URL in the input field.</li>
          <li>Click <strong>Add to table</strong>.</li>
        </ul>
      </div>
    </Step>

    <Step title="Apply and save">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Confirm and save your scope configuration.</p>

        <ul>
          <li>Click <strong>Update</strong> to apply the selected scopes. The side panel will close.</li>
          <li>On the <strong>Data Access</strong> page, click <strong>Save</strong> to persist the scope configuration.</li>
        </ul>
      </div>
    </Step>
  </Steps>
</section>

<section data-guide-section data-guide-scopes="">
  <h2>Create OAuth 2.0 client credentials</h2>

  <p>Set up OAuth client credentials to authenticate with the Google People API. If you already have an existing OAuth 2.0 client, you can reuse it by adding the StackOne redirect URI and generating a new secret.</p>

  <img src="https://mintcdn.com/stackone-60/0lBgKtQHfsiPSuJq/connectors/googlecontacts/images/oauth2-setup-create-oauth-navigation.png?fit=max&auto=format&n=0lBgKtQHfsiPSuJq&q=85&s=267d6f66fc29cb2fc7fda956b7afdc03" alt="Create OAuth 2.0 navigation" width="977" height="566" data-path="connectors/googlecontacts/images/oauth2-setup-create-oauth-navigation.png" />

  <Steps>
    <Step title="Navigate to Credentials">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>In the Google Cloud Console, go to <strong>APIs & Services</strong> > <strong>Credentials</strong>.</p>

        <img src="https://mintcdn.com/stackone-60/0lBgKtQHfsiPSuJq/connectors/googlecontacts/images/oauth2-setup-create-oauth-form.png?fit=max&auto=format&n=0lBgKtQHfsiPSuJq&q=85&s=9a9d7366bc052fec001b0b0bf8290fe6" alt="Create OAuth 2.0 form" width="953" height="1005" data-path="connectors/googlecontacts/images/oauth2-setup-create-oauth-form.png" />
      </div>
    </Step>

    <Step title="Option A — Create a new OAuth client">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Skip this step if you are using an existing client.</p>

        <ul>
          <li>Click <strong>+ Create Credentials</strong> and select <strong>OAuth client ID</strong>.</li>
          <li>Select <strong>Web application</strong> as the application type.</li>
          <li>Enter a <strong>Name</strong> for your OAuth client (e.g., StackOne Contacts Integration).</li>
          <li>Under <strong>Authorized redirect URIs</strong>, click <strong>Add URI</strong> and enter `https://api.stackone.com/connect/oauth2/googlecontacts/callback`.</li>
          <li>Click <strong>Create</strong>. A dialogue will display your <strong>Client ID</strong> and <strong>Client Secret</strong> — copy and store them securely.</li>
        </ul>

        <img src="https://mintcdn.com/stackone-60/0lBgKtQHfsiPSuJq/connectors/googlecontacts/images/oauth2-setup-create-new-client.png?fit=max&auto=format&n=0lBgKtQHfsiPSuJq&q=85&s=d0fb9ab28800bdd441946a946b8aa616" alt="Create a new OAuth client" width="1091" height="953" data-path="connectors/googlecontacts/images/oauth2-setup-create-new-client.png" />
      </div>
    </Step>

    <Step title="Option B — Use an existing OAuth client">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Skip this step if you created a new client above.</p>

        <ul>
          <li>Click on your existing OAuth 2.0 client ID from the list.</li>
          <li>Under <strong>Authorized redirect URIs</strong>, click <strong>Add URI</strong>, enter `https://api.stackone.com/connect/oauth2/googlecontacts/callback`, and click <strong>Save</strong>.</li>
          <li>Under <strong>Client secrets</strong>, click <strong>+ Add secret</strong> to generate a new secret. Copy and store it securely — it will not be shown again.</li>
          <li>Your <strong>Client ID</strong> is shown on the same page under <strong>Additional information</strong>.</li>
        </ul>

        <img src="https://mintcdn.com/stackone-60/0lBgKtQHfsiPSuJq/connectors/googlecontacts/images/oauth2-setup-existing-client.png?fit=max&auto=format&n=0lBgKtQHfsiPSuJq&q=85&s=e92a37256a906617f0d09eb11fa69da7" alt="Use an existing OAuth client" width="1485" height="936" data-path="connectors/googlecontacts/images/oauth2-setup-existing-client.png" />
      </div>
    </Step>
  </Steps>
</section>

## Creating the StackOne Connector Profile

To create the Connector Profile in StackOne for <strong>Google Contacts</strong>:

<Steps>
  <Step title="Navigate to Connector Profiles">
    Login to StackOne and navigate to [Connector Profiles](https://app.stackone.com/connector_profiles)
  </Step>

  <Step title="Create New Connector Profile">
    <ul>
      <li>Click <strong>+ Connector Profile</strong></li>
      <li>Search for and select <strong>Google Contacts</strong></li>
      <li>Select <strong>Type</strong> as <strong>OAuth 2.0</strong></li>

      <li>
        Fill out the fields using details retrieved from your provider:

        <ul style={{ marginLeft: '20px' }}>
          <li><strong>Client ID</strong></li>
          <li><strong>Client Secret</strong></li>
          <li><strong>Scopes</strong> (Optional)</li>
        </ul>
      </li>

      <li>(Optional) Select <strong>Actions</strong> to be enabled for this Connector Profile</li>
      <li>Click <strong>Create profile</strong></li>
    </ul>
  </Step>
</Steps>

Congratulations! The new Connector Profile will now show up in your project ready to be used. You can now continue to <a href="/guides/accounts-section#linking-accounts">Link Accounts</a> for <strong>Google Contacts</strong>.
