Zum Hauptinhalt springen

Textfeld-Block

Das Textfeld wird verwendet, um Nutzer:innen die Möglichkeit zu geben, Kommentare oder Nachrichten zu hinterlassen.

Vor über 2 Wochen aktualisiert

Unser Textfeld-Block ist ein ideales Werkzeug, um einen Raum für mehr Interaktion zwischen dir und deinen Usern zu schaffen, da du individuell einstellen kannst, wie viele Zeilen Text erlaubt sind.

🔎 Wenn du nach einer einzeiligen Eingabeoption suchst, dann schau dir unser Eingabefeld an.


Inhalt bearbeiten

Nach dem Klick auf einen Block findest du rechts den Bereich Inhalts. Hier fügst du neue Elemente hinzu oder bearbeitest bestehende Inhalte.

Label

Verwende das Label, um deine Anfrage zu formulieren oder die Auswahl des Users zu steuern. Labels helfen Usern zu verstehen, was gefragt wird, und sind wichtig für die Barrierefreiheit, insbesondere bei der Verwendung von Bildschirmleseprogrammen oder anderen assistiven Technologien.

Platzhalter

Verwende den Platzhalter, um einen Text oder eine Beschreibung in die Textblase einzufügen und deiner Anfrage weitere Informationen hinzuzufügen.

Fehlermeldung

Definiere eine Fehlermeldung für den Fall, dass das Feld als erforderlich markiert ist und deine User es nicht ausgefüllt haben.


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 Flow passt.

Allgemein

Steuere hier die grundlegenden Einstellungen für den Block, einschließlich der Festlegung, dass eingegebene Werte sensibel sind, sodass sie nicht in unserer Datenbank gespeichert werden. Ebenfalls die Festlegung, dass der Block als erforderlich gekennzeichnet ist, sodass Benutzer:innen eine Option auswählen müssen, bevor sie fortfahren können.

Mit Auto-Fokus wird der Mauszeiger direkt ins Eingabefeld gesetzt, sodass die User:in sofort lostippen kann. Über Höhe legst du fest, wie groß das Textfeld sein soll, durch Angabe der gewünschten Zeilenanzahl.

Erscheinungsbild

Lege fest, ob der Block nur auf Mobile, Desktop oder gar nicht angezeigt wird. Bestimme auch, wie viele Spalten pro Zeile auf Mobile und Desktop erscheinen sollen. Außerdem kannst du eine Hintergrundfarbe für den Block festlegen.

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.

Validierung

Unter Auslösen bei legst du fest, nach welcher Aktion die Nutzer:in die Validierung starten und das Ergebnis angezeigt werden soll.

Labels & Variablen

System Label legen fest, wie deine Daten gespeichert und organisiert werden, während Variablen es dir ermöglichen, diese Daten dynamisch in deinem Flow zu nutzen und anzuzeigen. Du kannst ein Label für den gesamten Block und individuelle Labels für jede Option festlegen, um deine Daten strukturiert und leicht nutzbar zu halten.

Erweitert

Mit der nativen Auto-Vervollständigung legst du fest, ob die unter Allgemein definierten Elemente vom Browser zur automatischen Vervollständigung vorgeschlagen werden sollen.

💡 Erfahre hier mehr zum automatischen Ausfüllen im Browser.


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 Flow 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

Sieh dir auch die weiteren Design-Optionen von Heyflow an, um deinen Flow und deine Blöcke noch individueller zu gestalten:

Hat dies deine Frage beantwortet?