Buttons sind für die Navigation und Interaktion in deinem Funnel unerlässlich. Sie können verwendet werden, um User auf externe URLs umzuleiten, Validierungen durchzuführen oder User durch verschiedene Schritte zu führen. Heyflow bietet verschiedene Button-Typen, die auf unterschiedliche Navigationsanforderungen zugeschnitten sind und ein nahtloses Nutzererlebnis gewährleisten.

Button-Typen

Typ	Beschreibung
Weiter Button	Der Funnel wird auf dem nächsten Screen fortgesetzt.
Absenden Button	Diese Aktion sendet die Eingaben des Benutzers an die Heyflow-Server, die diese dann über die Integrationen an dich weiterleiten. Der Button "Absenden" wird normalerweise einmal am Ende des Ablaufs verwendet. Siehe auch Absenden.
Zurück Button	Der Funnel kehrt zu dem Screen zurück, von dem der Benutzer gekommen ist (ohne den aktuellen Screen zu validieren).
Link Button	Der Benutzer wird beim Anklicken des Buttons zur URL umgeleitet. Du kannst der URL auch Variablen hinzufügen, indem du einfach @variable eingibst, das dann durch den Wert der Variable ersetzt wird. Siehe Variablen.
Universal Button	Dieser Button kann alle Aktionen ausführen. Wird genutzt, um einen weiteren Button designen zu können.
Navigation	Stellt einen Weiter- und Zurück-Button nebeneinander.

❗ Ohne eine Absende-Aktion in deinem Funnel kannst du keine Informationen sammeln. Wenn du mehr als einen Absenden-Button in deinem Funnel verwendest, beachte bitte, dass jeder Klick eine neue Antwort auslöst. Das kann sich auf deine Conversion-Zahlen auswirken und deine Analytics-Daten verfälschen. Im Heyflow Analytics Dashboard wird jedoch nur eine Antwort pro Session gezählt – auch wenn eine Person mehrfach absendet.

Inhalt bearbeiten

Nach dem Klick auf einen Block findest du rechts den Bereich Inhalts. Unter Label kannst du einen individuellen Text für deinen Button festlegen sowie das Icon ändern oder entfernen.

Wenn du Beschreibung anzeigen aktivierst, kannst du einen Text hinzufügen, der direkt unter dem Label des Buttons angezeigt wird.

Einstellungen anpassen

Nach dem Klick auf einen Block findest du rechts den Bereich Einstellungen. Hier passt du Optionen, Darstellung und Verhalten des Blocks so an, wie es zu deinem Funnel passt.

Allgemein

Passe die wichtigsten Einstellungen für den Block an, einschließlich der Navigation, was passiert, wenn ein Nutzer den Button klickt (nicht alle Optionen sind in allen Buttons verfügbar):

Nächste Seite: Immer zur nächsten Seite gehen
Zur Seite springen: Immer zu einer bestimmten Seite gehen
Zurück: Zurück zur vorigen Seite
Konditionale Logik: Gehe abhängig von der Antwort auf unterschiedliche Seiten
Weiterleitung: Zu einer anderen Website navigieren
Modal schließen: Wenn du deinen Funnel als Popup eingebettet hast, wird er mit dieser Aktion geschlossen

Wenn du Keine Validierung aktivierst, werden alle Pflichtfelder auf dieser Seite ignoriert. Das bedeutet, dass Nutzer fortfahren können, ohne die erforderlichen Felder auszufüllen.

Erscheinungsbild

Lege fest, ob der Block nur auf Mobile, Desktop oder gar nicht angezeigt wird. Du kannst außerdem eine Hintergrundfarbe für den Block wählen.

Du kannst die Button-Größe zwischen S, M oder L auswählen und den Button zusammen mit seinem Icon nach links, zentriert, rechts oder über die gesamte Breite ausrichten. Wenn du eine Beschreibung verwendest, kannst du auch deren Beschreibungsausrichtung auf links, zentriert oder rechts festlegen.

Zusätzlich kannst du Inhalt umkehren, um die Reihenfolge von Label und Icon zu tauschen, oder Breite an Inhalt anpassen, damit der Button nur so viel Platz einnimmt, wie er tatsächlich benötigt.

Abstände

Passe die Breite des Blockes (S, M, L oder max.) an und definiere die Abstände nach oben, unten, links und rechts mit einer Pixelangabe.

Tracking

Wenn das Tracking für diesen Block aktiviert ist, kannst du deinem Button einen Ereignisnamen geben, der an deine integrierten Tracking-Tools gesendet wird. Hier findest du mehr Informationen zum Tracking.

❗️Meta erlaubt maximal 50 Zeichen für einen Event Namen.

❗Benutzerdefiniertes Tracking von Absenden-Buttons:

Wenn du einen Absenden-Button-Klick als Ereignis verfolgst, wird das Ereignis sofort nach dem Klick auf den Button ausgelöst - nicht unbedingt nach erfolgreicher Übermittlung der Antworten. Wenn es auf der Seite Fehler gibt (z. B. fehlende erforderliche Eingaben), wird das Ereignis trotzdem gesendet, was zu Diskrepanzen bei der Konversionsverfolgung führen kann.

Block designen

Nach dem Klick auf einen Block findest du rechts den Bereich Design. Hier kannst du ein vordefiniertes Style-Set für diesen Blocktyp wählen oder Farben, Schriftarten und Abstände individuell anpassen.

Designänderungen an einem Blocktyp wirken sich automatisch auf alle Blöcke dieses Typs im Funnel aus. So bleibt dein Design einheitlich, übersichtlich und leicht zu ändern, ohne jeden Block einzeln gestalten zu müssen.

🔎 Erfahre mehr dazu in unserem Artikel: Design Presets für Blöcke