> ## 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.

# Connect Attio with API Key – StackOne Hub

> Link a Attio account in the StackOne Hub using API Key. End-user guide to authorize the integration and start using Attio actions.

<Warning>Admin access to your Attio workspace is required to generate an API key.</Warning>

<Panel>
  <div className="not-prose guides-scope-selector" data-guides-scope-selector data-guide-actions-json="[{&#x22;id&#x22;:&#x22;attio_list_attributes&#x22;,&#x22;label&#x22;:&#x22;List Attributes&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_attribute&#x22;,&#x22;label&#x22;:&#x22;Get Attribute&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_attribute&#x22;,&#x22;label&#x22;:&#x22;Create Attribute&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_update_attribute&#x22;,&#x22;label&#x22;:&#x22;Update Attribute&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_statuses&#x22;,&#x22;label&#x22;:&#x22;List Statuses&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_status&#x22;,&#x22;label&#x22;:&#x22;Create Status&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_update_status&#x22;,&#x22;label&#x22;:&#x22;Update Status&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_comment&#x22;,&#x22;label&#x22;:&#x22;Get Comment&#x22;,&#x22;scopes&#x22;:[&#x22;comment:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_comment&#x22;,&#x22;label&#x22;:&#x22;Create Comment&#x22;,&#x22;scopes&#x22;:[&#x22;comment:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_delete_comment&#x22;,&#x22;label&#x22;:&#x22;Delete Comment&#x22;,&#x22;scopes&#x22;:[&#x22;comment:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_companies&#x22;,&#x22;label&#x22;:&#x22;List Companies&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_company&#x22;,&#x22;label&#x22;:&#x22;Get Company&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_company&#x22;,&#x22;label&#x22;:&#x22;Create Company&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read-write&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_update_company&#x22;,&#x22;label&#x22;:&#x22;Update Company&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read-write&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_delete_company&#x22;,&#x22;label&#x22;:&#x22;Delete Company&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read-write&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_lists&#x22;,&#x22;label&#x22;:&#x22;List Lists&#x22;,&#x22;scopes&#x22;:[&#x22;list_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_list&#x22;,&#x22;label&#x22;:&#x22;Get List&#x22;,&#x22;scopes&#x22;:[&#x22;list_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_list&#x22;,&#x22;label&#x22;:&#x22;Create List&#x22;,&#x22;scopes&#x22;:[&#x22;list_configuration:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_update_list&#x22;,&#x22;label&#x22;:&#x22;Update List&#x22;,&#x22;scopes&#x22;:[&#x22;list_configuration:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_list_entries&#x22;,&#x22;label&#x22;:&#x22;List List Entries&#x22;,&#x22;scopes&#x22;:[&#x22;list_entry:read&#x22;,&#x22;list_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_list_entry&#x22;,&#x22;label&#x22;:&#x22;Get List Entry&#x22;,&#x22;scopes&#x22;:[&#x22;list_entry:read&#x22;,&#x22;list_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_list_entry&#x22;,&#x22;label&#x22;:&#x22;Create List Entry&#x22;,&#x22;scopes&#x22;:[&#x22;list_entry:read-write&#x22;,&#x22;list_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_update_list_entry&#x22;,&#x22;label&#x22;:&#x22;Update List Entry&#x22;,&#x22;scopes&#x22;:[&#x22;list_entry:read-write&#x22;,&#x22;list_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_delete_list_entry&#x22;,&#x22;label&#x22;:&#x22;Delete List Entry&#x22;,&#x22;scopes&#x22;:[&#x22;list_entry:read-write&#x22;,&#x22;list_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_notes&#x22;,&#x22;label&#x22;:&#x22;List Notes&#x22;,&#x22;scopes&#x22;:[&#x22;note:read&#x22;,&#x22;object_configuration:read&#x22;,&#x22;record_permission:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_note&#x22;,&#x22;label&#x22;:&#x22;Get Note&#x22;,&#x22;scopes&#x22;:[&#x22;note:read&#x22;,&#x22;object_configuration:read&#x22;,&#x22;record_permission:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_note&#x22;,&#x22;label&#x22;:&#x22;Create Note&#x22;,&#x22;scopes&#x22;:[&#x22;note:read-write&#x22;,&#x22;object_configuration:read&#x22;,&#x22;record_permission:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_delete_note&#x22;,&#x22;label&#x22;:&#x22;Delete Note&#x22;,&#x22;scopes&#x22;:[&#x22;note:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_objects&#x22;,&#x22;label&#x22;:&#x22;List Objects&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_object&#x22;,&#x22;label&#x22;:&#x22;Get Object&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_object&#x22;,&#x22;label&#x22;:&#x22;Create Object&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_update_object&#x22;,&#x22;label&#x22;:&#x22;Update Object&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_people&#x22;,&#x22;label&#x22;:&#x22;List People&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_person&#x22;,&#x22;label&#x22;:&#x22;Get Person&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_person&#x22;,&#x22;label&#x22;:&#x22;Create Person&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read-write&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_update_person&#x22;,&#x22;label&#x22;:&#x22;Update Person&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read-write&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_delete_person&#x22;,&#x22;label&#x22;:&#x22;Delete Person&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read-write&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_records&#x22;,&#x22;label&#x22;:&#x22;List Records&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_record&#x22;,&#x22;label&#x22;:&#x22;Get Record&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_record&#x22;,&#x22;label&#x22;:&#x22;Create Record&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read-write&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_update_record&#x22;,&#x22;label&#x22;:&#x22;Update Record&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read-write&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_delete_record&#x22;,&#x22;label&#x22;:&#x22;Delete Record&#x22;,&#x22;scopes&#x22;:[&#x22;object_configuration:read&#x22;,&#x22;record_permission:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_search_records&#x22;,&#x22;label&#x22;:&#x22;Search Records&#x22;,&#x22;scopes&#x22;:[&#x22;record_permission:read&#x22;,&#x22;object_configuration:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_tasks&#x22;,&#x22;label&#x22;:&#x22;List Tasks&#x22;,&#x22;scopes&#x22;:[&#x22;task:read&#x22;,&#x22;object_configuration:read&#x22;,&#x22;record_permission:read&#x22;,&#x22;user_management:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_task&#x22;,&#x22;label&#x22;:&#x22;Get Task&#x22;,&#x22;scopes&#x22;:[&#x22;task:read&#x22;,&#x22;object_configuration:read&#x22;,&#x22;record_permission:read&#x22;,&#x22;user_management:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_task&#x22;,&#x22;label&#x22;:&#x22;Create Task&#x22;,&#x22;scopes&#x22;:[&#x22;task:read-write&#x22;,&#x22;object_configuration:read&#x22;,&#x22;record_permission:read&#x22;,&#x22;user_management:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_update_task&#x22;,&#x22;label&#x22;:&#x22;Update Task&#x22;,&#x22;scopes&#x22;:[&#x22;task:read-write&#x22;,&#x22;object_configuration:read&#x22;,&#x22;record_permission:read&#x22;,&#x22;user_management:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_delete_task&#x22;,&#x22;label&#x22;:&#x22;Delete Task&#x22;,&#x22;scopes&#x22;:[&#x22;task:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_threads&#x22;,&#x22;label&#x22;:&#x22;List Threads&#x22;,&#x22;scopes&#x22;:[&#x22;comment:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_thread&#x22;,&#x22;label&#x22;:&#x22;Get Thread&#x22;,&#x22;scopes&#x22;:[&#x22;comment:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_webhooks&#x22;,&#x22;label&#x22;:&#x22;List Webhooks&#x22;,&#x22;scopes&#x22;:[&#x22;webhook:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_webhook&#x22;,&#x22;label&#x22;:&#x22;Get Webhook&#x22;,&#x22;scopes&#x22;:[&#x22;webhook:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_create_webhook&#x22;,&#x22;label&#x22;:&#x22;Create Webhook&#x22;,&#x22;scopes&#x22;:[&#x22;webhook:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_update_webhook&#x22;,&#x22;label&#x22;:&#x22;Update Webhook&#x22;,&#x22;scopes&#x22;:[&#x22;webhook:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_delete_webhook&#x22;,&#x22;label&#x22;:&#x22;Delete Webhook&#x22;,&#x22;scopes&#x22;:[&#x22;webhook:read-write&#x22;]},{&#x22;id&#x22;:&#x22;attio_list_workspace_members&#x22;,&#x22;label&#x22;:&#x22;List Workspace Members&#x22;,&#x22;scopes&#x22;:[&#x22;user_management:read&#x22;]},{&#x22;id&#x22;:&#x22;attio_get_workspace_member&#x22;,&#x22;label&#x22;:&#x22;Get Workspace Member&#x22;,&#x22;scopes&#x22;:[&#x22;user_management:read&#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>Generate an API key</h2>

  <p>An API key authenticates requests to Attio on behalf of your workspace.</p>

  <Steps>
    <Step title="Sign in to Attio">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Sign in to your <a href="https://app.attio.com/" target="_blank" rel="noopener noreferrer">Attio account</a>.</p>

        <ul>
          <li>Click the dropdown menu in the top-left corner beside your workspace name.</li>
          <li>Navigate to <strong>Workspace settings</strong> > <strong>Developers</strong>.</li>
        </ul>
      </div>
    </Step>

    <Step title="Create a new access token">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Click <strong>+ New access token</strong> and enter a descriptive name (e.g., `StackOne Integration`).</p>
      </div>
    </Step>

    <Step title="Configure scopes">
      <div data-guide-step data-guide-scopes="record_permission:read,record_permission:read-write,object_configuration:read,object_configuration:read-write,list_entry:read,list_entry:read-write,list_configuration:read,list_configuration:read-write,user_management:read,note:read,note:read-write,task:read,task:read-write,comment:read,comment:read-write,webhook:read,webhook:read-write" data-guide-display-scopes-list="record_permission:read,record_permission:read-write,object_configuration:read,object_configuration:read-write,list_entry:read,list_entry:read-write,list_configuration:read,list_configuration:read-write,user_management:read,note:read,note:read-write,task:read,task:read-write,comment:read,comment:read-write,webhook:read,webhook:read-write">
        <div className="connector-guide-actions-badge" data-guide-actions-badge data-guide-actions-badge-scopes="record_permission:read,record_permission:read-write,object_configuration:read,object_configuration:read-write,list_entry:read,list_entry:read-write,list_configuration:read,list_configuration:read-write,user_management:read,note:read,note:read-write,task:read,task:read-write,comment:read,comment:read-write,webhook:read,webhook:read-write" 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>Create Attribute, Create Comment, Create Company, Create List, Create List Entry, Create Note, Create Object, Create Person, Create Record, Create Status, Create Task, Create Webhook, Delete Comment, Delete Company, Delete List Entry, Delete Note, Delete Person, Delete Record, Delete Task, Delete Webhook, Get Attribute, Get Comment, Get Company, Get List, Get List Entry, Get Note, Get Object, Get Person, Get Record, Get Task, Get Thread, Get Webhook, Get Workspace Member, List Attributes, List Companies, List List Entries, List Lists, List Notes, List Objects, List People, List Records, List Statuses, List Tasks, List Threads, List Webhooks, List Workspace Members, Search Records, Update Attribute, Update Company, Update List, Update List Entry, Update Object, Update Person, Update Record, Update Status, Update Task, Update Webhook</span>
        </div>

        <p>Enable the scopes required for your use case and save your configuration:</p>

        <div style={{ marginTop: '8px' }} data-guide-display-scopes>
          <div className="connector-guide-scopes-container connector-guide-scopes-container--scrollable">
            <ul className="not-prose" style={{ listStyleType: "'- '", paddingLeft: '1em', margin: 0 }}>
              <li style={{ overflowWrap: 'anywhere', wordBreak: 'break-word' }} data-guide-display-scope="record_permission:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy record_permission:read" title="Copy scope" data-copy="record_permission:read">
                  <span className="connector-guide-scope-copy__label">record\_permission:read</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="record_permission:read-write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy record_permission:read-write" title="Copy scope" data-copy="record_permission:read-write">
                  <span className="connector-guide-scope-copy__label">record\_permission:read-write</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="object_configuration:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy object_configuration:read" title="Copy scope" data-copy="object_configuration:read">
                  <span className="connector-guide-scope-copy__label">object\_configuration:read</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="object_configuration:read-write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy object_configuration:read-write" title="Copy scope" data-copy="object_configuration:read-write">
                  <span className="connector-guide-scope-copy__label">object\_configuration:read-write</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="list_entry:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy list_entry:read" title="Copy scope" data-copy="list_entry:read">
                  <span className="connector-guide-scope-copy__label">list\_entry:read</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="list_entry:read-write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy list_entry:read-write" title="Copy scope" data-copy="list_entry:read-write">
                  <span className="connector-guide-scope-copy__label">list\_entry:read-write</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="list_configuration:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy list_configuration:read" title="Copy scope" data-copy="list_configuration:read">
                  <span className="connector-guide-scope-copy__label">list\_configuration:read</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="list_configuration:read-write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy list_configuration:read-write" title="Copy scope" data-copy="list_configuration:read-write">
                  <span className="connector-guide-scope-copy__label">list\_configuration:read-write</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="user_management:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy user_management:read" title="Copy scope" data-copy="user_management:read">
                  <span className="connector-guide-scope-copy__label">user\_management:read</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="note:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy note:read" title="Copy scope" data-copy="note:read">
                  <span className="connector-guide-scope-copy__label">note:read</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="note:read-write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy note:read-write" title="Copy scope" data-copy="note:read-write">
                  <span className="connector-guide-scope-copy__label">note:read-write</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="task:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy task:read" title="Copy scope" data-copy="task:read">
                  <span className="connector-guide-scope-copy__label">task:read</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="task:read-write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy task:read-write" title="Copy scope" data-copy="task:read-write">
                  <span className="connector-guide-scope-copy__label">task:read-write</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="comment:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy comment:read" title="Copy scope" data-copy="comment:read">
                  <span className="connector-guide-scope-copy__label">comment:read</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="comment:read-write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy comment:read-write" title="Copy scope" data-copy="comment:read-write">
                  <span className="connector-guide-scope-copy__label">comment:read-write</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="webhook:read">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy webhook:read" title="Copy scope" data-copy="webhook:read">
                  <span className="connector-guide-scope-copy__label">webhook:read</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="webhook:read-write">
                <button type="button" className="connector-guide-scope-copy" aria-label="Copy webhook:read-write" title="Copy scope" data-copy="webhook:read-write">
                  <span className="connector-guide-scope-copy__label">webhook:read-write</span>
                  <span className="connector-guide-scope-copy__icon" aria-hidden="true">⧉</span>
                </button>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </Step>

    <Step title="Copy the API key">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Once created, copy your API key and store it securely for use later.</p>

        <ul>
          <li>Click the token to copy it, or use the eye icon to view it.</li>
        </ul>
      </div>
    </Step>
  </Steps>
</section>

<div data-whitelabel-hide>
  <h2>Linking the Account from the Hub</h2>

  <Steps>
    <Step title="Navigate to the Hub">
      Use one of the three <a href="/guides/accounts-section#linking-accounts">Linking Account Methods</a> to access the Hub.
    </Step>

    <Step title="Fill out the fields">
      Fill out the following fields using details from your provider:

      <ul>
        <li><strong>API Key</strong></li>
      </ul>
    </Step>

    <Step title="Connect">
      <ul>
        <li>Click <strong>Connect</strong></li>
        <li>If applicable, the provider will redirect you to a sign-in or authorization page. Complete the provider's authorization flow.</li>
        <li>Once authorization is successful, you will see a confirmation popup</li>
      </ul>
    </Step>
  </Steps>

  <p>If the account linking is successful, you will see the newly linked account in your <a href="/guides/accounts-section">Accounts</a> page.</p>
</div>
