Die Kopfzeile bezieht sich auf den Abschnitt am oberen Anfang eines Heyflows oder einer Webseite im Allgemeinen. Er enthält Informationen, die auf allen oder den meisten Seiten einer Website gleich sind.
Die Kopfzeile ist vom Hauptinhaltsbereich und der Fußzeile getrennt und enthält oft Elemente wie:
Logo: Das Firmenlogo wird oft in der Kopfzeile platziert und dient als visuelle Repräsentation der Marke.
Avatar: Um den Flow persönlicher zu gestalten, kannst unseren Avatar-Block mit einem Bild z. B. einer Ansprechperson einfügen.
Call-To-Action Buttons (CTA): Buttons, die den Nutzer zu bestimmten Aktionen auffordern.
Fortschrittsanzeige: Um dem Nutzer den Fortschritt des Flows zu zeigen, kannst du auch eine Fortschrittsanzeige in die Kopfzeile einfügen.
❗ Wichtig: Wenn die Fortschrittsanzeige in der Kopfzeile verwendet wird, werden alle Seiten deines Flows gezählt. Vielleicht möchtest du also auf jeder deiner Seiten eine individuelle Fortschrittsanzeige hinzuzufügen, insbesondere wenn du konditionale Logik verwendest.
Schauen wir uns nun an, wie du eine Kopfzeile zu deinem Heyflow hinzufügen kannst!
Kopfzeile zu Seite hinzufügen
1. Navigiere zu der Seite, auf dem du eine Kopfzeile hinzufügen möchtest.
2. Klicke oben auf der Seite auf Kopfzeile anzeigen.
Kopfzeile bearbeiten
So wie du jede Seite anpassen kannst, kannst du auch die Kopfzeile (siehe Bild unten) anpassen - allerdings mit einer anderen Auswahl von Blöcken. Der Avatar-Block ist z. B. nur für die Kopfzeile vorgesehen.
Ziehe deine bevorzugten Blöcke einfach wie gewohnt per Drag & Drop auf die Seite in die Kopfzeile.
Kopfzeile designen
Es gibt mehrere Möglichkeiten, die Kopfzeile noch weiter anzupassen als oben beschrieben. Gehe rechts auf Design und wähle die Option Kopfzeile. Jetzt kannst du tiefer in alle Bereiche von Design und Aussehen eintauchen.
Du kannst verschiedene Parameter einstellen, z. B. den Rahmen oder einen Schatten. Eine wichtige Option ist das Scroll-Verhalten. Hier kannst wählen, ob du die Kopfzeile sticky oder flexibel halten möchtest. Wähle daher zwischen Fixiert und Scrollen, um das gewünschte Verhalten der Kopfzeile auf den Flow anzuwenden.
