> ## 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 Swagger with API Key – StackOne Hub

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

<Warning>Portal actions require a SwaggerHub SaaS Enterprise plan with Swagger Portal enabled and a Designer or Owner role. Registry actions work on any plan that exposes an API key.</Warning>

<section data-guide-section data-guide-scopes="">
  <h2>Copy your Swagger API key</h2>

  <p>Swagger (SwaggerHub) authenticates every Registry and Portal API request with a single<br />account-level API key from your SmartBear ID account.</p>

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

        <ul>
          <li>On the <strong>Welcome back</strong> screen, enter your SmartBear ID and click <strong>Continue</strong> — or use <strong>Continue with Google</strong>, <strong>Continue with Microsoft Account</strong>, or <strong>Continue with GitHub</strong>.</li>
        </ul>

        <img src="https://mintcdn.com/stackone-60/T8FgIoEPHwpSOCbP/connectors/swagger/images/custom-config-signin.png?fit=max&auto=format&n=T8FgIoEPHwpSOCbP&q=85&s=b3e3e5cbf4803a10fd0ba4248f2f3a12" alt="The SmartBear ID Welcome back sign-in screen for Swagger" width="1280" height="800" data-path="connectors/swagger/images/custom-config-signin.png" />
      </div>
    </Step>

    <Step title="Open the API Key page">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Open your API key from the account menu.</p>

        <ul>
          <li>Click the <strong>user profile</strong> icon in the top-right corner.</li>
          <li>Select <strong>API Key</strong> from the menu.</li>
        </ul>

        <img src="https://mintcdn.com/stackone-60/T8FgIoEPHwpSOCbP/connectors/swagger/images/custom-config-apikey-menu.png?fit=max&auto=format&n=T8FgIoEPHwpSOCbP&q=85&s=97865f3cd7d600daa8b4a3049a6de9b7" alt="The Swagger Studio user profile menu with the API Key item highlighted" width="1280" height="800" data-path="connectors/swagger/images/custom-config-apikey-menu.png" />
      </div>
    </Step>

    <Step title="Copy your API key">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>On the <strong>API Key</strong> page, reveal and copy your key.</p>

        <ul>
          <li>Click the <strong>show</strong> (eye) icon to reveal the key, or click <strong>Copy API Key</strong> to copy it to your clipboard.</li>
          <li>Paste it into the <strong>API Key</strong> field in StackOne.</li>
          <li>Use the <strong>options</strong> (⋯) menu on this page and choose <strong>Regenerate API Key</strong> to rotate the key later — regenerating invalidates the previous key and requires updating existing integrations.</li>
        </ul>

        <img src="https://mintcdn.com/stackone-60/T8FgIoEPHwpSOCbP/connectors/swagger/images/custom-config-apikey.png?fit=max&auto=format&n=T8FgIoEPHwpSOCbP&q=85&s=eb72553f26bb64e36baa7ffca0b420a1" alt="The Swagger Studio API Key page showing the masked key value, the Copy API Key button and the options menu" width="1280" height="800" data-path="connectors/swagger/images/custom-config-apikey.png" />
      </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="/connect/managing-connectors/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="/gateway/concepts/linked-accounts">Accounts</a> page.</p>
</div>
