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

# Configuration

> T3AC uses T3AF for provider setup, model selection, shared prompts, and core AI services. Complete the T3AF setup first, then return to T3AC for chatbotspecific…

T3AC uses T3AF for provider setup, model selection, shared prompts, and core AI services.
Complete the T3AF setup first, then return to T3AC for chatbot-specific configuration.

Helpful T3AF references:

* [T3AF Configuration](/en/latest/en/latest/ExtNsT3AF/Configuration/Index)
* [AI Providers](/en/latest/en/latest/ExtNsT3AF/Configuration/AIProviders/Index)
* [AI Features](/en/latest/en/latest/ExtNsT3AF/Configuration/AIFeatures/Index)
* AI Prompts

## Step 1: Open AI Features in T3AF

<div className="t3-embed">
  <iframe src="https://app.supademo.com/embed/cmrabse4l0btvqmhx59tvn83q?utm_source=link" loading="lazy" title="AI FileMeta Overview Demo" allow="clipboard-write; fullscreen" frameBorder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen />
</div>

Shared AI settings for T3AC are managed in T3AF — not under **Admin Tools > Settings > Configure Extensions**.

1. Go to the **TYPO3 backend**.
2. Open **T3AF** → **AI Features**.
3. Open the **T3AC** (`ns_t3ac`) feature card.
4. Configure provider/model overrides and feature options used for chatbot and training workflows.
5. Click **Save**.
6. Return to the **T3AC** module for chatbot, data source, and training-specific settings.

For the shared module overview, see [T3AF AI Features](/en/latest/en/latest/ExtNsT3AF/Configuration/AIFeatures/Index).

## Step 2: Add Required API Keys

Ensure that the required provider API keys are configured in T3AF.

* **OpenAI** — [Create an API key](https://platform.openai.com/api-keys) in your OpenAI account. For full technical details, see the [OpenAI API reference](https://platform.openai.com/docs/api-reference/introduction).

## AI Chatbot Features

T3AC focuses on chatbot-related AI workflows built on top of the shared T3AF setup.
Use these features when you want to control how the chatbot answers questions, how data is trained, and how the chatbot is shown on your site or external websites.

Key T3AC capabilities include:

* Chatbot configuration and behavior control
* Training and data-source-based answer generation
* Dashboard, logs, and analytics for chatbot activity
* External embed support for approved domains

For shared model routing and central AI behavior, see [T3AF AI Features](/en/latest/en/latest/ExtNsT3AF/Configuration/AIFeatures/Index).

## Step 4: Chatbot Configuration

<div className="t3-embed">
  <iframe src="https://app.supademo.com/embed/cmjcy43b44pnzf6zpnlmzp7nj?embed_v=2&utm_source=embed" loading="lazy" title="AI FileMeta Overview Demo" allow="clipboard-write; fullscreen" frameBorder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen />
</div>

* **Show and Hide Chatbot on Specific Pages**

<img src="https://mintcdn.com/t3planet/7vzgkyGo0iYgfZc6/en/latest/ExtNsT3AC/Configuration/images/chatbot-general-configuration.webp?fit=max&auto=format&n=7vzgkyGo0iYgfZc6&q=85&s=0af95e4cc17bda2f90fbcb8f102cb3b5" alt="Chatbot General configuration with page visibility and live preview" width="1024" height="448" data-path="en/latest/ExtNsT3AC/Configuration/images/chatbot-general-configuration.webp" />

Configure page visibility, source links, and custom CSS under **Chatbot → General**, with Live Preview on the right.

* **Show Chatbot on Specific Pages**
  * Enter the Page IDs where the chatbot should be visible (e.g., 10, 22, 35).
* **Hide Chatbot on Specific Pages**
  * Enter the Page IDs where the chatbot should be hidden, even if it is enabled globally (e.g., 45, 60, 72).
* **Internal CSS Configuration**
* **Custom CSS**
  * Use your own styles to customize the chatbot appearance.

<Note>
  Make sure your CSS files are available inside the public directory, and the path should start with `fileadmin/`.
</Note>

## Step 5: External Chatbot Configuration

To configure chatbot embedding for external domains:

1. Go to the **T3AC** module.
2. Navigate to **Chatbot > External Embed**.

Available options:

* **Custom CSS**
  Use your own styles to customize the chatbot appearance.
* **Allowed Domains for Embedding**
  Specify the domains where the chatbot can be embedded, e.g. `example.com`, `trusted-domain.com`.
* **Allow Any Domain**
  Enable this option to permit embedding on any domain without restrictions.

## Providers & MCP Tools

<div className="t3-embed">
  <iframe src="https://app.supademo.com/embed/cmrabygkm0chzqmhx3nanm13o?utm_source=link" loading="lazy" title="T3AC Providers and MCP Tools Demo" allow="clipboard-write; fullscreen" frameBorder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen />
</div>

T3AC uses T3AF for provider selection and any shared MCP-based integrations.
Review this setup when you want to confirm the active provider, available models, and connected MCP tools that support chatbot workflows.

See also:

* [AI Providers](/en/latest/en/latest/ExtNsT3AF/Configuration/AIProviders/Index)
* MCP Server
* MCP Tools

<img src="https://mintcdn.com/t3planet/7vzgkyGo0iYgfZc6/en/latest/ExtNsT3AC/Configuration/images/Enable_chatbot_globally.webp?fit=max&auto=format&n=7vzgkyGo0iYgfZc6&q=85&s=ca87c16d5a4441cee366084f4fa6cb8e" alt="Enable_chatbot_globally" width="1904" height="351" data-path="en/latest/ExtNsT3AC/Configuration/images/Enable_chatbot_globally.webp" />

<img src="https://mintcdn.com/t3planet/7vzgkyGo0iYgfZc6/en/latest/ExtNsT3AC/Configuration/images/Show_chatbot.webp?fit=max&auto=format&n=7vzgkyGo0iYgfZc6&q=85&s=0d4fc235baddbf1bc462f0a3c555b303" alt="Show_chatbot" width="1919" height="421" data-path="en/latest/ExtNsT3AC/Configuration/images/Show_chatbot.webp" />

<img src="https://mintcdn.com/t3planet/7vzgkyGo0iYgfZc6/en/latest/ExtNsT3AC/Configuration/images/Internal_css.webp?fit=max&auto=format&n=7vzgkyGo0iYgfZc6&q=85&s=e91b31a2035096e7d5376151908c21ee" alt="Internal_css" width="1919" height="409" data-path="en/latest/ExtNsT3AC/Configuration/images/Internal_css.webp" />

<img src="https://mintcdn.com/t3planet/7vzgkyGo0iYgfZc6/en/latest/ExtNsT3AC/Configuration/images/External-chatbot.webp?fit=max&auto=format&n=7vzgkyGo0iYgfZc6&q=85&s=4f4f05f338f729d8f885fbb0fee32175" alt="External-chatbot" width="1915" height="585" data-path="en/latest/ExtNsT3AC/Configuration/images/External-chatbot.webp" />
