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 

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

Generate FAQ 

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

    • A language selector (currently supports Deutsch)
    • A Generate FAQ button
  2. Select the desired language from the dropdown menu.
  3. Click the Generate FAQ button.
  4. Wait while the FAQ is being generated (Generating FAQ... is shown during processing).

  5. 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 

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

Accordion configuration 

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

  2. 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
  3. Each FAQ question becomes an accordion header, with the answer as content.

Frontend output 

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 

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 

  • 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 

  • 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