Ein Akkordeon mit Fragen und Antworten einrichten

Mit einem Akkordeon stellst du mehrere Fragen dar, bei denen Besucher einzelne Antworten aufklappen können. Das spart Platz auf deiner Seite und führt Nutzer gezielt zu den Informationen, die sie interessieren.

Voraussetzungen

Keine besonderen Voraussetzungen.

Aufbau des Akkordeons

Das Akkordeon besteht aus zwei Bereichen:

Allgemein: Hier stellst du Überschrift und Einleitung ein und entscheidest, ob die erste Frage beim Laden der Seite bereits offen sein soll.

Aktionen: Hier verwaltest du die einzelnen Fragen. Jede Frage wird als eine Karte angezeigt, unter der du ihr Symbol, ihre Überschrift, den Text der Antwort und eine Animation konfigurierst. Mit den Schaltflächen neben jeder Karte kannst du sie verschieben, kopieren oder entfernen.

So gehst du vor

Überschrift und Einleitung:

Trage unter Kleine Überschrift einen kurzen Vorlauf ein – das ist optional und wird über der Hauptüberschrift angezeigt.
Fülle das Feld Überschrift aus. Hier kannst du Formatierungen nutzen (fett, kursiv, Links).
Ergänze eine Einleitung – auch dies ist optional und bereitet deine Besucher auf die Fragen vor.
Entscheide mit dem Schalter Erste Karte immer öffnen, ob die oberste Frage-Antwort-Kombination bereits beim Seitenladen sichtbar sein soll. Das hilft Besuchern zu verstehen, wie das Akkordeon funktioniert.

Fragen und Antworten hinzufügen:

Klicke auf Karte hinzufügen, um eine neue Frage-Antwort-Kombination zu erstellen.
Wähle für die Karte ein Symbol: Klicke auf das Symbolfeld ganz links, um ein Icon aus einer Bibliothek auszuwählen. Das Symbol wird neben der Frage angezeigt.
Trage die Frage (Titel) ein – auch hier sind Formatierungen möglich.
Wähle optional eine Animation aus der Liste – die Antwort kann dann sanft einblenden oder mit anderen Effekten sichtbar werden. Wähle Keine Animation, wenn die Antwort sofort aufklappen soll.
Schreibe die Antwort (Text) in das große Textfeld. Formatierungen sind hier ebenfalls erlaubt.

Reihenfolge und Verwaltung:

Nutze die Schaltflächen oben rechts bei jeder Karte, um deren Reihenfolge anzupassen:
- Nach unten verschieben: Die Karte rückt eine Position nach unten (deaktiviert für die letzte Karte).
- Nach oben verschieben: Die Karte rückt eine Position nach oben (deaktiviert für die erste Karte).
- Kopieren: Erstellt eine Kopie dieser Karte direkt darunter – praktisch, wenn mehrere Fragen einen ähnlichen Aufbau haben.
- Entfernen: Löscht die Karte vollständig.
Speichere deine Änderungen mit der grünen Schaltfläche Speichern oben rechts.

Was danach passiert

Das Akkordeon wird auf deiner Website angezeigt. Besucher sehen die Überschrift und Einleitung, können dann einzelne Fragen anklicken, um die Antworten zu lesen. Wenn du Erste Karte immer öffnen aktiviert hast, ist bereits eine Antwort sichtbar. Mit einer aktivierten Animation lädt die Antwort sanft ein, statt abrupt zu erscheinen.

Du kannst jederzeit in diese Einstellung zurückkommen und Fragen ergänzen, ändern oder löschen – deine Website wird sofort aktualisiert, sobald du speicherst.

Tipps und Hinweise

Überschriften in der Liste: Im Bereich Aktionen werden Fragen mit ihrem Titel angezeigt – nutze aussagekräftige Überschriften, damit du später leicht die richtige Frage findest.
Symbole wählen: Die Icon-Auswahl ist optional. Wenn du kein Symbol wählst, wird die Frage trotzdem angezeigt – nur ohne visuelles Erkennungszeichen.
Formatierung: Sowohl bei Überschrift, Einleitung als auch bei den Fragen und Antworten kannst du Fettdruck, Kursivschrift und Links nutzen. Nutze Markdown, um die Formatierung zu steuern.
Animation sparen: Zu viele Animationen wirken spielerisch. Nutze sie gezielt bei wichtigen Fragen – oder gar nicht, wenn deine Zielgruppe schnelle, klare Antworten bevorzugt.