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

# Help centers

> Create and manage customizable knowledge bases for your users.

Help centers allow you to create, manage, and deliver a self-service knowledge base tailored for your users. They support multiple independent knowledge spaces, deep customization, and structured publishing workflows.

## Create multiple help centers

<CardGroup cols={2}>
  <Card title="Organize at scale" icon="layer-group">
    Segment your knowledge base into distinct help centers. Each can serve a unique audience, product, or region.
  </Card>

  <Card title="Tailored configuration" icon="sliders">
    Customize each help center's branding, layout, and domain independently.
  </Card>
</CardGroup>

### Step-by-step: creating a help center

<Steps>
  <Step title="Access help centers menu">
    Click on new help center from the help centers menu.
  </Step>

  <Step title="Add branding">
    Upload a logo and enter a name.
  </Step>

  <Step title="Launch">
    Click create to launch the new help center.
  </Step>
</Steps>

## Customizable public help center

<Card>
  <div className="border-l-4 border-blue-400 dark:border-blue-600 pl-4">
    <h3 className="font-medium m-0">Design and launch a fully hosted, public-facing help center.</h3>
  </div>

  <p className="mt-4 font-medium">You can customize:</p>

  <div className="mt-2 space-y-3">
    <div className="flex items-start">
      <div className="flex-shrink-0 text-blue-600 dark:text-blue-400 mr-2 mt-0.5">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5">
          <path d="M10 12a2 2 0 100-4 2 2 0 000 4z" />

          <path fillRule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clipRule="evenodd" />
        </svg>
      </div>

      <div>Fonts - choose typography that matches your brand.</div>
    </div>

    <div className="flex items-start">
      <div className="flex-shrink-0 text-purple-600 dark:text-purple-400 mr-2 mt-0.5">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5">
          <path fillRule="evenodd" d="M4 2a2 2 0 00-2 2v11a3 3 0 106 0V4a2 2 0 00-2-2H4zm1 14a1 1 0 100-2 1 1 0 000 2zm5-1.757l4.9-4.9a2 2 0 000-2.828L13.485 5.1a2 2 0 00-2.828 0L10 5.757v8.486zM16 18H9.071l6-6H16a2 2 0 012 2v2a2 2 0 01-2 2z" clipRule="evenodd" />
        </svg>
      </div>

      <div>Colors - apply your brand colors throughout the help center.</div>
    </div>

    <div className="flex items-start">
      <div className="flex-shrink-0 text-green-600 dark:text-green-400 mr-2 mt-0.5">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5">
          <path d="M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z" />
        </svg>
      </div>

      <div>Hero section - create an engaging welcome area.</div>
    </div>

    <div className="flex items-start">
      <div className="flex-shrink-0 text-indigo-600 dark:text-indigo-400 mr-2 mt-0.5">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5">
          <path d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" />
        </svg>
      </div>

      <div>Homepage layout - organize content for optimal navigation.</div>
    </div>

    <div className="flex items-start">
      <div className="flex-shrink-0 text-red-600 dark:text-red-400 mr-2 mt-0.5">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5">
          <path fillRule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z" clipRule="evenodd" />
        </svg>
      </div>

      <div>Collection and article page styles - consistent reading experience.</div>
    </div>

    <div className="flex items-start">
      <div className="flex-shrink-0 text-orange-600 dark:text-orange-400 mr-2 mt-0.5">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5">
          <path fillRule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clipRule="evenodd" />
        </svg>
      </div>

      <div>Footer content - add important links and information.</div>
    </div>
  </div>

  <div className="mt-6 pt-4 border-t border-gray-200 dark:border-gray-800">
    <p className="font-medium">Other configuration options include:</p>

    <div className="mt-2 space-y-3">
      <div className="flex items-start">
        <div className="flex-shrink-0 text-gray-600 dark:text-gray-400 mr-2 mt-0.5">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5">
            <path fillRule="evenodd" d="M6.672 1.911a1 1 0 10-1.932.518l.259.966a1 1 0 001.932-.518l-.26-.966zM2.429 4.74a1 1 0 10-.517 1.932l.966.259a1 1 0 00.517-1.932l-.966-.26zm8.814-.569a1 1 0 00-1.415-1.414l-.707.707a1 1 0 101.415 1.415l.707-.708zm-7.071 7.072l.707-.707A1 1 0 003.465 9.12l-.708.707a1 1 0 001.415 1.415zm3.2-5.171a1 1 0 00-1.3 1.3l4 10a1 1 0 001.823.075l1.38-2.759 3.018 3.02a1 1 0 001.414-1.415l-3.019-3.02 2.76-1.379a1 1 0 00-.076-1.822l-10-4z" clipRule="evenodd" />
          </svg>
        </div>

        <div>Custom domain setup</div>
      </div>

      <div className="flex items-start">
        <div className="flex-shrink-0 text-gray-600 dark:text-gray-400 mr-2 mt-0.5">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5">
            <path fillRule="evenodd" d="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clipRule="evenodd" />
          </svg>
        </div>

        <div>SEO meta fields</div>
      </div>

      <div className="flex items-start">
        <div className="flex-shrink-0 text-gray-600 dark:text-gray-400 mr-2 mt-0.5">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5">
            <path fillRule="evenodd" d="M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z" clipRule="evenodd" />
          </svg>
        </div>

        <div>Open graph image configuration</div>
      </div>

      <div className="flex items-start">
        <div className="flex-shrink-0 text-gray-600 dark:text-gray-400 mr-2 mt-0.5">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" className="h-5 w-5">
            <path fillRule="evenodd" d="M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 0l-2 2a1 1 0 101.414 1.414L8 10.414l1.293 1.293a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
          </svg>
        </div>

        <div>Analytics integrations (e.g. Google Analytics)</div>
      </div>
    </div>
  </div>
</Card>

## Help center publication options

<CardGroup cols={3}>
  <Card title="Draft mode" icon="eye-slash">
    Keep your help center private for internal review before publishing.
  </Card>

  <Card title="SEO optimization" icon="magnifying-glass">
    Configure meta titles, descriptions, and OG images on a per-article level.
  </Card>

  <Card title="Preview changes" icon="image">
    Review how your help center will look before making changes live.
  </Card>
</CardGroup>

## Use cases

<CardGroup cols={2}>
  <Card title="Product documentation" icon="book">
    Create comprehensive guides for your product features and functionality.
  </Card>

  <Card title="Customer support" icon="headset">
    Reduce support ticket volume with self-service troubleshooting resources.
  </Card>

  <Card title="Onboarding resources" icon="graduation-cap">
    Help new users get started with step-by-step tutorials and guides.
  </Card>

  <Card title="Internal knowledge" icon="building-user">
    Build a private help center for your team's internal processes and resources.
  </Card>
</CardGroup>

## Access control

You can control the visibility of your help center content at both the collection and the global level.

<AccordionGroup>
  <Accordion title="Make a collection private">
    You can restrict access to specific collections, requiring users to log in to view the articles within them.

    <Steps>
      <Step title="Navigate to the collection">
        From the help center view, locate the collection you want to make private.
      </Step>

      <Step title="Open edit options">
        Click the three-dot menu icon next to the collection's name and select **Edit**.
      </Step>

      <Step title="Enable authentication">
        In the settings modal, check the box for **Require authentication to access this collection**.
      </Step>

      <Step title="Save changes">
        Click **Save** to apply the new setting. The collection will now be private.
      </Step>
    </Steps>
  </Accordion>

  <Accordion title="Make the entire help center private">
    For internal-only knowledge bases, you can require authentication for the entire help center.

    <Steps>
      <Step title="Go to help center settings">
        Navigate to the main **Help center** page and click on the **Settings** tab.
      </Step>

      <Step title="Find access control settings">
        In the settings menu, go to the **Authentication** section and find **Access Control**.
      </Step>

      <Step title="Enable global authentication">
        Turn on the toggle for **Require authentication to access this help center**.
      </Step>
    </Steps>

    Once enabled, all collections and articles in the help center will require users to log in before they can be viewed.
  </Accordion>
</AccordionGroup>