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

# Editor {#editor}

This section describes how editors can use the **Page FAQ** content
element in the TYPO3 backend to generate AI-powered frequently asked
questions from page content.

## Add the Page FAQ element {#editor-add-element}

1.  Open the **Page** module and navigate to the page where you want to
    add a FAQ section.
1.  Click **\+ Content** to open the content element wizard.
1.  Select the **Page FAQ** element from the **AI3** group.
1.  The content element editor will open with the FAQ generator interface.

## Generate FAQ {#editor-generate-faq}

1.  In the **FAQ generator** field, you'll see:

    -   A language selector (currently supports Deutsch)
    -   A **Generate FAQ** button
1.  Select the desired **language** from the dropdown menu.
1.  Click the **Generate FAQ** button.
1.  Wait while the FAQ is being generated
    (**Generating FAQ...** is shown during processing).
1.  The generated FAQ appears in a preview table with:

    -   **Question** column showing the generated questions
    -   **Answer** column showing the corresponding answers

## Review and save FAQ {#editor-review-and-save}

1.  Review the generated question-answer pairs in the preview table.
1.  If you're satisfied with the generated FAQ, click
    **Use FAQ Elements**.
1.  The FAQ data is saved to the content element and the accordion
    configuration is automatically applied.
1.  **Save** the content element to store all changes.

> [!TIP]
> If you're not satisfied with the generated FAQ, you can click
> **Generate FAQ** again to create a new version. Each generation
> may produce different questions and answers based on the AI analysis.

## Accordion configuration {#editor-accordion-settings}

After saving the FAQ data, you can configure the accordion presentation
using the standard Bootstrap Package accordion settings:

1.  Navigate to the **Accordion** tab in the content element
1.  Configure accordion behavior options:

    -   **Flush** \- Remove borders for seamless appearance
    -   **Always open** \- Keep all accordion items expanded
    -   **Behavior** \- Single or multiple items can be open
1.  Each FAQ question becomes an accordion header, with the answer as content.

## Frontend output {#editor-frontend}

Once saved, the Page FAQ content element renders as a Bootstrap accordion
on the frontend with the following features:

-   **Interactive accordion** \- Users can click questions to expand/collapse answers
-   **SEO-optimized markup** \- Includes schema.org FAQPage structured data
-   **Responsive design** \- Works seamlessly on all device sizes
-   **Accessible** \- Follows WCAG guidelines for keyboard navigation and screen readers

## Best practices {#editor-best-practices}

### Content preparation {#content-preparation}

-   Ensure all relevant content is saved on the page before generating FAQ
-   Use descriptive headings and well-structured content for better FAQ generation
-   Remove or minimize irrelevant content that might confuse the AI analysis

### FAQ placement {#faq-placement}

-   Place FAQ sections near the end of the page after main content
-   Consider using FAQ on landing pages, product pages, and service descriptions
-   Use clear section headings to separate FAQ from other content

### Review and editing {#review-and-editing}

-   Always review generated FAQ for accuracy and relevance
-   Edit questions and answers if they need clarification
-   Remove duplicate or off-topic questions from the accordion items
-   Ensure answers are comprehensive but concise

> [!NOTE]
> The FAQ is generated from all content elements currently saved on
> the page. Make sure all relevant content is saved and published
> before generating the FAQ for the most comprehensive results.