DokumentationFormular-Baukasten
Erstelle dein Formular einfach per Drag & Drop
🎨 Die Oberfläche
1. Oben: Aktionsleiste
- Titel - Der Name deines Formulars, dass du gerade bearbeitest
- Eigenschaften ⚙️ - Formular-Einstellungen öffnen. Hier kannst du verwalten, wer das Formular sehen und ausfüllen darf. Auch der Titel und die Beschreibung können hier angepasst werden.
- Vorschau 👁️ - Öffnet ein Fenster, was dein Formular so zeigt, wie es die Nutzer sehen.
- Speichern 💾 - Speichert deine Änderungen
Achtung: Es gibt KEIN automatisches Speichern. Klicke regelmäßig auf "Speichern", um Datenverlust zu vermeiden!
- Veröffentlichen 🚀 - Formular zur Eingabe freigeben. Deine Nutzer können das Formular jetzt ausfüllen.
2. Mitte: Arbeitsbereich
Hier baust du dein Formular:
- Ziehe Elemente aus der rechten Leiste hierher
- Verschiebe Elemente durch Ziehen
- Klicke auf Elemente zum Bearbeiten
- Dupliziere Elemente und seine Eigenschaften mit dem Kopier-Symbol
- Lösche Elemente mit dem Papierkorb-Symbol
3. Rechts: Element-Auswahl
Verfügbare Elemente:
🏗️ Layout und Informationen
📝 Eingabeelemente
Tipp: Felder, die eine Spezialfunktion haben (z.B. E-Mail, Telefonnummer), validieren die Eingabe automatisch, um sicherzustellen, dass die Daten im korrekten Format vorliegen.
📝 Formular bearbeiten
Elemente hinzufügen
Ziehen - Element rechts greifen und in den Arbeitsbereich ziehen
Positionieren - An die gewünschte Stelle ziehen
Loslassen - Element an der aktuellen Position einfügen
Elemente bearbeiten
Element auswählen
Klicke auf das Element
Eigenschaften öffnen
Rechts öffnen sich die Eigenschaften
Ausfüllen
- Beschriftung - Text über dem Feld
- Platzhalter - Hinweis im Feld
- Hilfetext - Erklärung unter dem Feld
- Pflichtfeld - Muss das Feld vom Nutzer ausgefüllt werden? Wenn ja, kann der Nutzer das Formular nicht absenden, ohne dieses Feld auszufüllen.
Bearbeitung beenden
Klicke außerhalb der Liste in den Leerraum, oder auf das X oben rechts neben Eigenschaften.
Die Liste der Elemente wird wieder sichtbar.
Tipp: Pflichtfelder sind mit einem roten Stern (*) markiert.
Elemente verschieben & löschen
Verschieben:
- Element greifen
- An die gewünschte Position ziehen
- Loslassen
Löschen:
- Element auswählen
- Auf das Papierkorb-Symbol 🗑️ rechts am Element klicken
Achtung: Gelöschte Elemente können nicht wiederhergestellt werden.
💾 Formular speichern
Um das Formular zu speichern, klicke in der Aktionsleiste oben auf das Speichern-Symbol 💾.
Wichtig:
- Es gibt * KEIN * automatisches Speichern
- Speichere regelmäßig dein Formular um Datenverlust zu vermeiden
- Ungespeicherte Änderungen gehen verloren!
👁️ Vorschau
Klicke in der Aktionsleiste oben auf "Vorschau", um dein Formular zu testen.
In der Vorschau kannst du dein Formular so sehen, wie es deine Nutzer sehen.
Du kannst hier nachvollziehen, wie einzelne Formularfelder aussehen und funktionieren. Außerdem kannst du Validierungen testen (z.B. Pflichtfelder).
🚀 Veröffentlichen
Bereit zum Veröffentlichen?
➡️ Mehr dazu: Formular veröffentlichen
💡 Tipps für gute Formulare
- ✅ Kurz halten - Nutze nur nötige Felder, um die Nutzer nicht zu überfordern
- ✅ Klare Beschriftungen - Sei deutlich, was du von den Nutzern erwartest
- ✅ Hilfetexte nutzen - Erkläre komplexe Felder und gib Beispiele
- ✅ Pflichtfelder setzen - Stelle sicher, dass du die Elemente für die wichtigen Daten als Pflichtfelder markierst
- ✅ Visuelle Trennung - Nutze Absätze und Trenner, um das Formular übersichtlicher zu gestalten
- ✅ Logische Reihenfolge - Ordne die Felder so an, dass sie für den Nutzer Sinn ergeben (z.B. Name vor Adresse)