HTML / CSS
FAQ-Generator
Gib Fragen und Antworten ein und erhalte ein aufklappbares FAQ für deine Website. Die Ausgabe benötigt kein JavaScript.
Anleitung: HTML-Dateien herunterladen, Mustertexte ersetzen und sicher veröffentlichen →
Deine Einstellungen
Lege bis zu sechs Fragen mit Antworten an. Die Vorschau aktualisiert sich sofort.
3 von 6 Fragen
So sieht es aus
Fertiger Code
Das FAQ nutzt die HTML-Elemente <details> und <summary>. Kopiere den vollständigen Code einschließlich CSS. Die Antworten werden als Text eingefügt, nicht als HTML.
Eine gute FAQ erstellen
Formuliere Fragen so, wie Besucher sie tatsächlich stellen. Halte Antworten kurz, verlinke bei Bedarf zu ausführlichen Informationen und teste die Bedienung per Tastatur und Smartphone.
Praxisbeispiel & wichtige Hinweise
Knappe Hilfe ohne Supportformular
Schreibe Fragen so, wie Besucher sie tatsächlich stellen. Die Antworten sollten direkt, kurz und verständlich sein.
Beachten: Ein allgemeines FAQ ersetzt bei geschäftlichen Angeboten keine gesetzlich erforderlichen Informationen.
Passende Schritt-für-Schritt-Anleitung →Antworten finden, ohne lange zu suchen
Gute FAQs beantworten Fragen in der Sprache der Nutzer. Beginne mit den häufigsten Anliegen und halte jede Antwort so knapp, dass sie auf einem Smartphone gut gelesen werden kann. Das HTML-Element details ist für aufklappbare Informationen eine einfache Lösung.
Für wichtige rechtliche Angaben, Versand- oder Widerrufsinformationen reicht ein versteckter FAQ-Bereich allein möglicherweise nicht. Prüfe, ob die Informationen zusätzlich an der vorgeschriebenen Stelle erscheinen müssen.