Was ist Feedback-Formular-Baukasten?

Gestalten Sie Feedback-Formulare mit verschiedenen Feldtypen: Textfelder, Bewertungen, Dropdowns, Checkboxen und Schieberegler. Ziehen Sie Felder zum Umordnen, bearbeiten Sie Beschriftungen direkt und exportieren Sie als HTML oder laden Sie ein JSON-Schema herunter.

Der Builder bringt elf Eingabe-Feldtypen mit: einzeiliges Textfeld, mehrzeilige Textarea, E-Mail, Zahl, Datumsauswahl, Ja/Nein, 1-5-Sterne-Bewertung, Dropdown, Checkbox-Gruppe, numerischer Slider und eine eigene NPS-Skala (0-10) mit beschrifteten Enden, dazu Abschnittsüberschrift-Blöcke zum Gruppieren von Fragen und einen Formularbeschreibungs-Block für die Einleitung. Duplizieren Sie jedes Feld mit einem Klick, markieren Sie es als Pflicht und fügen Sie Anzeige-Regeln hinzu, damit ein Feld nur erscheint, wenn eine frühere Dropdown- oder Ja/Nein-Antwort passt. Rechts läuft eine interaktive Vorschau, die Sie zum Testen des echten Ablaufs ausfüllen können (nichts wird gespeichert); exportiert wird entweder eigenständiges HTML (mit einem kleinen Skript für die bedingte Logik) oder ein JSON-Schema für Formular-Libraries wie react-hook-form oder Tally.

Anleitung

1. Klicken Sie auf Feld hinzufügen, um Formularelemente einzufügen — wählen Sie zwischen Text, Textbereich, E-Mail, Zahl, Datum, Ja/Nein, Sternebewertung, Dropdown-Auswahl, Checkbox-Gruppe, Schieberegler oder einer eigenen NPS-Skala (0-10).
2. Ordnen Sie Felder per Ziehen neu an, duplizieren Sie ein Feld, um dessen Einstellungen wiederzuverwenden, bearbeiten Sie Beschriftungen und Platzhalter direkt inline und markieren Sie Felder als Pflicht oder optional.
3. Füllen Sie die Live-Vorschau rechts aus, um den echten Formularablauf zu testen, und exportieren Sie dann als HTML-Code oder laden Sie ein JSON-Schema zur Integration herunter.

Wann verwenden

• NPS-Umfrage nach dem Kauf für einen Onlineshop ohne Typeform-Kosten.
• Feedback-Formular für den Recruiting-Prozess entwerfen, bevor das Dev-Team übernimmt.
• Schnelle Feedback-Bögen für Workshops, Schulungen oder Community-Treffen.

Ergebnis

Ein Produktmanager erstellt eine NPS-Umfrage mit 5 Fragen, einer Skala von 0-10, zwei offenen Textfeldern und einem Dropdown für die Benutzerrolle — und exportiert das HTML zur Einbettung in seine App.

Häufige Fragen

Wohin gehen die Daten, wenn jemand das Formular absendet?

Standardmäßig nirgendwohin — das Tool erzeugt nur HTML und ein JSON-Schema. Für die Antwortsammlung verkabeln Sie das action-Attribut mit Ihrem Endpoint, einem Dienst wie Formspree oder kippen das JSON-Schema in Ihre bevorzugte Formularbibliothek.

Lassen sich die Felder nachträglich umsortieren?

Ja. Jedes Feld hat links einen Griff, einfach hoch- oder runterziehen. Die Vorschau aktualisiert sofort und das exportierte HTML übernimmt die neue Reihenfolge.

Worin unterscheiden sich Rating, Scale und ein numerisches Dropdown?

Rating sind 1-5 Sterne und passen für Produktbewertungen. Scale ist ein Slider mit eigenem Min/Max. Für klassische Kundenloyalitäts-Umfragen nehmen Sie das eigene NPS-Feld — eine feste Reihe von 0 bis 10 mit editierbaren Endbeschriftungen (Gar nicht wahrscheinlich / Äußerst wahrscheinlich). Ein numerisches Dropdown verlangt eine diskrete Auswahl ohne visuellen Hinweis und wirkt meist nüchterner als die anderen.

Wie fügt man Optionen zu einem Dropdown oder einer Checkbox-Gruppe hinzu?

Feld auswählen, dann die Schaltfläche + neben Options nutzen, um so viele Einträge wie nötig anzulegen. Jede Option wird inline bearbeitet, die X-Schaltfläche entfernt sie. Gleiches Vorgehen bei Radio-Auswahlfeldern.

Funktioniert das exportierte HTML in WordPress, Shopify oder anderen CMS?

Ja. Es ist rein semantisches HTML ohne JavaScript-Framework-Abhängigkeiten. In WordPress in einen Custom-HTML-Block, in Shopify in ein Liquid-Template oder in jeden Rich-Text-Editor einfügen, der rohes HTML zulässt.

Ähnliche Tools