Zum Hauptinhalt springen

Was ist die FAQ-Komponente?

Diese Woche aktualisiert
image

Mit der FAQ-Komponente kannst du häufig gestellte Fragen von Interessenten oder Bewerbern kurz und übersichtlich beantworten.


Zweck der Komponente

Die FAQ hilft dabei:

  • typische Fragen direkt zu klären

  • Informationen schnell bereitzustellen

  • Rückfragen zu reduzieren


Empfehlung zur Gestaltung

  • Halte die FAQ möglichst einfach und übersichtlich.

  • Kurze Fragen und kurze Antworten sorgen dafür, dass Leser die Inhalte schnell erfassen können und der Lesefluss erhalten bleibt.


Überschrift & Text gestalten

image

Du kannst optional eine Überschrift und einen Text hinzufügen, um Inhalte klar zu strukturieren.


Text formatieren

Folgende Formatierungen stehen dir zur Verfügung:

  • Fett und kursiv

  • Aufzählungen oder nummerierte Listen

Wichtig: Wenn du eigene Schriften verwendest, müssen auch die Schriftschnitte fett und kursiv hochgeladen sein. Nur dann funktionieren diese Formatierungen korrekt.


Textausrichtung

Du kannst den Text ausrichten:

  • linksbündig

  • zentriert (Standard)

  • rechtsbündig

Hinweis: Auf mobilen Geräten wird der Text aus Gründen der Lesbarkeit immer zentriert angezeigt.


Farben verwenden

Du kannst:

  • den gesamten Text

  • oder einzelne Wörter

farblich hervorheben.

Die verfügbaren Farben werden im Bereich „Design“ festgelegt.
Markiere zuerst den gewünschten Text und wähle anschließend die Farbe über das Kreissymbol aus.


Links einfügen

Du kannst auch Links im Text hinterlegen.

Dabei kannst du festlegen, ob sich der Link:

  • im gleichen Fenster (Standard)

  • oder in einem neuen Fenster

öffnen soll.


Frage hinzufügen

image

Du kannst beliebig viele Fragen hinzufügen.

Klicke dafür einfach auf das Plus-Symbol (+).

So wird eine neue Frage erstellt, die du anschließend ausfüllen kannst.


Frage konfigurieren

image

Trage die Frage und die passende Antwort in die vorgesehenen Felder ein.


Text formatieren

Für die Antwort stehen dir folgende Formatierungen zur Verfügung:

  • Fett und kursiv

  • Aufzählungen oder nummerierte Listen


Farben verwenden

Du kannst:

  • den gesamten Text

  • oder einzelne Wörter

farblich hervorheben.


Links einfügen

Im Text kannst du auch Links hinterlegen.

Dabei kannst du festlegen, ob sich der Link:

  • im gleichen Fenster (Standard)

  • oder in einem neuen Fenster

öffnet.


FAQ Farbeinstellungen

image

Unter „Fragen“ unterhalb der Fragenliste kannst du benutzerdefinierte Farben aktivieren. Dort legst du fest, wie die FAQ-Kacheln dargestellt werden.


Farben einstellen

  • Textfarbe (geschlossen)

    Farbe der Frage, solange die FAQ noch nicht geöffnet ist.

  • Hintergrundfarbe (geschlossen)

    Hintergrund der FAQ-Kachel im geschlossenen Zustand.

  • Textfarbe (geöffnet)

    Farbe von Frage und Antwort, sobald die FAQ ausgeklappt ist.

  • Hintergrundfarbe (geöffnet)

    Hintergrund der FAQ-Kachel im geöffneten Zustand.


Hintergrund einstellen

image

In diesem Bereich kannst du wählen, ob du eine Hintergrundfarbe oder ein Hintergrundbild verwenden möchtest.


Hintergrundfarbe

Standardmäßig wird eine Hintergrundfarbe verwendet.
Wir empfehlen eine ruhige, dezente Farbe, damit Texte und Inhalte gut lesbar bleiben.


Hintergrundbild

Alternativ kannst du ein Hintergrundbild verwenden.

Dafür kannst du:

  • ein eigenes Bild hochladen

  • oder ein vordefiniertes Bild auswählen


Tipp zur Lesbarkeit

Wenn du ein Hintergrundbild nutzt, achte darauf, dass Überschrift und Text gut sichtbar bleiben.

Empfehlung: Verwende weiße Schrift, damit der Text besser lesbar ist.


Bildeffekte für den Hintergrund

image

Für Hintergrundbilder kannst du zusätzliche Effekte aktivieren, um die Darstellung zu verbessern.


Verlauf

Der Verlauf legt einen diagonalen Farbverlauf über das Bild.

  • sorgt für mehr Kontrast und Wirkung

  • kann mit zwei Unternehmensfarben gestaltet werden

  • die Transparenz lässt sich über einen Schieberegler einstellen

So kannst du einen Farbverlauf erstellen, der zu deinem Corporate Design passt.


Dunkler Overlay

Ein dunkler Overlay legt eine leichte Abdunkelung über das Bild.
Das verbessert die Lesbarkeit von Überschrift und Text.

Du kannst einstellen:

  • Farbtemperatur (kalt ↔ warm)

  • Transparenz des Overlays

Empfehlung: Verwende weiße Schrift, damit Texte auf dem Hintergrundbild gut lesbar bleiben.

Hat dies deine Frage beantwortet?