FAQ Section

🚀 Inhalt & E-Commerce-Funktionen

Flexible Antwort-Layouts
Entscheide für jede einzelne Frage, wie die Antwort dargestellt wird. Du hast die Wahl zwischen mehreren starken Optionen:

• Nur Text: Die klassische und einfachste Form.
• Text & Bild: Eine zweispaltige Ansicht mit deinem Antworttext und einem unterstützenden Bild daneben.
• Text & Video: Bette Videos von YouTube oder Vimeo direkt in die Antwort ein – perfekt für Anleitungen oder Produktdemonstrationen.
• Produkt-Integration: Das stärkste Verkaufs-Feature! Wähle ein Produkt aus deinem Shop aus und zeige es als ansprechende „Produkt-Karte“ mit Bild, Titel, Preis und einem „Zum Produkt“-Button direkt in der Antwort an.

Kategorien
Du kannst deine Fragen mit „Kategorie“-Blöcken gruppieren (z.B. „Versand“, „Bezahlung“, „Anwendung“). Das schafft bei vielen Fragen eine klare Struktur und Übersicht.

Individuelle Frage-Icons
Du kannst jeder Frage ein eigenes, benutzerdefiniertes SVG-Icon voranstellen, um Themen visuell zu kennzeichnen und das Design aufzuwerten.

🎨 Design & Layout-Anpassung

Vollständige Farbkontrolle
Du kannst die Farben für praktisch alles anpassen: Sektionshintergrund, Hintergrund der Frage-Boxen, Titel, Text, Akzentfarbe (für aktive Elemente und Icons) und sogar die Farben der Produkt-Buttons.

Detaillierte Typografie
Stelle die Schriftgröße und die Schriftstärke für Fragen und Antworten getrennt voneinander ein, um die perfekte Lesehierarchie zu schaffen.

Rahmen, Ecken & Schatten
Definiere die Dicke und Farbe der Rahmen, wie stark die Ecken abgerundet sein sollen und ob die Elemente einen dezenten Schatten für mehr Tiefe haben sollen.

Flexible Abstände
Alle Abstände sind einstellbar – die maximale Breite des Inhalts, der Abstand der gesamten Sektion nach oben und unten sowie der Abstand zwischen den einzelnen Fragen.

⚙️ Benutzerfreundlichkeit & Interaktivität

Live-Suchfunktion
Das Kernstück der Benutzerfreundlichkeit. Ein Suchfeld filtert die gesamte Liste in Echtzeit, während du tippst. Dies ermöglicht es, bei Dutzenden von Fragen sofort die richtige Antwort zu finden. Der Platzhaltertext und die „Keine Ergebnisse“-Nachricht sind anpassbar.

Zwei Haupt-Layouts
Entscheide selbst, ob deine FAQ als interaktives Akkordeon (Antworten klappen auf Klick auf) oder als klassische Liste (alle Antworten sind direkt sichtbar) angezeigt werden soll.

Intelligentes Akkordeon
Wenn du das Akkordeon-Layout nutzt, kannst du zusätzlich einstellen, ob sich beim Öffnen einer neuen Frage alle anderen automatisch schließen sollen. Auch die Öffnen/Schließen-Animation (Slide oder Fade) ist wählbar.

📈 SEO & Technik

Automatisches FAQ-Schema für Google
Dies ist einer der größten Vorteile. Die Sektion fügt im Hintergrund automatisch strukturierte Daten (FAQPage Schema) hinzu, die von Google gelesen werden. Das hilft Google, deine Fragen und Antworten als „Rich Snippets“ direkt in den Suchergebnissen anzuzeigen. Dies kann deine Sichtbarkeit und Klickrate enorm steigern. Du kannst diese Funktion an- und ausschalten.

Alles in einer Datei
Die gesamte Logik, das Design und die Funktionalität sind in einer einzigen .liquid-Datei enthalten. Du benötigst keine zusätzliche App, keine externen Skripte und zahlst keine monatlichen Gebühren.

Zusammengefasst hast du jetzt eine Sektion, die nicht nur Supportanfragen reduziert, sondern aktiv verkauft, das Vertrauen stärkt und deine Auffindbarkeit bei Google verbessert.