---
title: "Introduction"
manual: "Ai3 FAQ"
version: "0.9"
permalink: "https://docs.typo3.org/permalink/wegewerk/ai3_faq:introduction@0.9"
source: "Introduction/Index.rst"
rendered: "2026-10-23T16:31:05+00:00"
---

# Introduction {#introduction}

Ai3 FAQ enhanced the accordion elemtn provided by the bootstrap package.
Ai3_faq add a 'generate' button to it that generates
frequently asked questions and answers based on the page content via the ZAK-AI REST API.

## Features {#introduction-features}

-   **AI-generated FAQ** -- sends all page content to the ZAK-AI
    `faq` endpoint and returns structured question-answer pairs.
-   **Accordion presentation** -- the generated FAQ is displayed using
    Bootstrap accordion component.
-   **Preview functionality** -- editors can preview the generated FAQ
    before saving it to the content element.
-   **Schema.org markup** -- includes structured data markup for FAQ pages
    to improve SEO.
-   **Part of the Ai3 Suite** -- integrates with [`wegewerk/ai3_core`](https://packagist.org/packages/wegewerk/ai3_core)
    for API client and capability infrastructure.

## How it works {#introduction-how-it-works}

1.  An editor adds the **Page FAQ** content element (`CType: ai3_faq`)
    to a page.
1.  The custom FormEngine widget displays a language selector and a
    **"Generate FAQ"** button.
1.  On click, a backend AJAX request fetches all content records on the
    current page and sends them to the ZAK-AI `faq` API.
1.  The API response contains question-answer pairs that are displayed
    in a preview table.
1.  The editor can review the generated FAQ and click **"Use FAQ Elements"**
    to save the data to the content element.
1.  On the frontend, the element renders the FAQ as a Bootstrap accordion
    with proper schema.org markup for SEO benefits.

## Use cases {#introduction-use-cases}

-   **SEO optimization** -- generate schema.org compliant FAQ markup
    to enhance search engine visibility and rich snippets.