> ## 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 Webflow with Site Token – StackOne Hub

> Link a Webflow account in the StackOne Hub using Site Token. End-user guide to authorize the integration and start using Webflow actions.

<Warning>Site Token cannot access Custom Code endpoints (registered scripts, site/page custom code). Use OAuth 2.0 if you need Custom Code access.</Warning>

<section data-guide-section data-guide-scopes="">
  <h2>Generating a Site API Token</h2>

  <p>To connect Webflow with StackOne using a Site Token, you need to generate an API token from your site settings. Each token is scoped to a single site.</p>

  <Steps>
    <Step title="Open Site Settings">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Sign in to your <a href="https://webflow.com/dashboard" target="_blank" rel="noopener noreferrer">Webflow Dashboard</a> and select your <strong>Site</strong>.</p>

        <ul>
          <li>Click on the site you want to connect</li>
          <li>Click <strong>Site Settings</strong> (gear icon) in the top bar</li>
        </ul>
      </div>
    </Step>

    <Step title="Navigate to Apps & Integrations">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>In the left sidebar of Site Settings, find the Apps & Integrations section.</p>

        <ul>
          <li>In the left sidebar, click <strong>Apps & Integrations</strong></li>
          <li>Scroll down past Google tag, Google Maps, Meta Pixel, and Connected Apps sections</li>
          <li>Find the <strong>API access</strong> section at the bottom</li>
        </ul>
      </div>
    </Step>

    <Step title="Generate API Token">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>In the <strong>API access</strong> section, click <strong>Generate API token</strong>.</p>

        <ul>
          <li>Enter a <strong>Token name</strong> (e.g., StackOne Integration)</li>
          <li>Under <strong>Permissions</strong>, set the required access level for each resource</li>
          <li>Grant <strong>Edit and read access</strong> for resources you need (Assets, Comments, CMS, Components, Ecommerce, Forms, Pages, Sites, Site config, User Accounts, Workspace)</li>
          <li><strong>Important:</strong> Ensure <strong>Authorized user</strong> has at least <strong>Read-only access</strong> - this is required for the connection test</li>
          <li>Click <strong>Generate token</strong></li>
        </ul>
      </div>
    </Step>

    <Step title="Copy the token">
      <div data-guide-step data-guide-scopes="" data-guide-display-scopes-list="">
        <p>Copy the generated token immediately and store it securely for use later.</p>

        <ul>
          <li>The token is only displayed once at the time of generation</li>
          <li>If lost, you must generate a new token and revoke the old one</li>
          <li>Maximum 5 tokens per site</li>
          <li>API tokens expire after 365 consecutive days of inactivity</li>
          <li>This token provides access to this specific site only</li>
          <li>Custom Code permission can be granted but the API will not allow access with Site Tokens (use OAuth instead)</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>Site Token</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>