Zum Hauptinhalt springen

Kopfzeile

Lerne alles über das Hinzufügen einer Kopfzeile in Heyflow

Heyflow avatar
Verfasst von Heyflow
Diese Woche aktualisiert

Die Kopfzeile bezieht sich auf den Abschnitt am oberen Anfang eines Heflows 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 Screens deines Flows gezählt. Vielleicht möchtest du also auf jedem deiner Screens 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 bearbeiten

So wie du jeden Screen anpassen kannst, kannst du auch die Master-Vorlage (siehe Bild unten) anpassen - allerdings mit einer anderen Auswahl von Blöcken. Der Avatar-Block ist z. B. nur für den Kopfzeilen-Screen vorgesehen. Ziehe deine bevorzugten Bausteine einfach wie gewohnt per Drag & Drop auf das Inhaltsfeld.


Kopfzeile zu einem Screen hinzufügen

1. Navigiere zu dem Screen, auf dem du eine Kopfzeile hinzufügen möchtest.

2. Klicke oben im Inhaltsbereich auf Kopfzeile hinzufügen (siehe Bild unten).


Design der Kopfzeile

Es gibt mehrere Möglichkeiten, die Kopfzeile noch weiter anzupassen als oben beschrieben. Es ist wichtig, dass du dich im Expertenmodus befinden, um die Option der Kopfzeile auf der Registerkarte Design zu sehen. Schaue dir unsere Pläne an, um zu sehen, ob der Expertenmodus Teil deines Plans ist.

Gehe nun auf die Registerkarte Design und du siehst die Option der 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.

Hat dies deine Frage beantwortet?