Kategorien
Formulare erstellen und gestalten
Formulare visuell aufbauen
Formulare erstellen und gestalten
Im Builder setzt du die sichtbaren Felder zusammen, ordnest sie in Abschnitten an und definierst Verhalten, Ausgabe und Versand. So baust du Formulare ohne Code direkt in der Oberfläche auf.
Verfügbarkeit: Der Bereich Formulare ist separat buchbar und nicht in jeder QWORKER-Installation aktiviert. Der Menüpunkt und die beschriebenen Funktionen sind nur sichtbar, wenn der Bereich für deine Installation gebucht und aktiviert ist.
Links wählst du die Felder in der Feld-Palette, in der Mitte baust du den Canvas, rechts passt du die Einstellungen an. Auf kleinen Bildschirmen erscheinen Palette und Einstellungen als eigene Schalter.
Hier wählst du Feldtypen und Layout-Elemente aus.
Auf der Arbeitsfläche setzt du Abschnitte und Felder zusammen.
Dort pflegst du Bezeichnung, Pflichtfeld, Hilfetext und weitere Optionen.
Damit blendest du Felder je nach Antwort ein oder aus.
Für längere Formulare teilst du den Inhalt in Schritte auf.
Hier legst du Erfolgstext, Weiterleitung, Benachrichtigungen und Schutzregeln fest.
Teste dein Formular und speichere die Änderungen am Ende.
[Platzhalter für Screenshot: Builder mit Feld-Palette, Canvas und rechter Einstellungsleiste]
[Platzhalter für Screenshot: Ausgewähltes Feld mit offenen Feld-Einstellungen und Pflichtfeld-Option]
[Platzhalter für Screenshot: Vorschau eines Formulars mit Abschnitten und Eingabefeldern]
Kurz gesagt
Im Builder entsteht das Formular Schritt für Schritt. Du ziehst Felder auf den Canvas, passt sie rechts an und prüfst das Ergebnis mit der Vorschau.
Wenn du lange Formulare baust, helfen dir Abschnitte, bedingte Logik und mehrere Schritte dabei, alles übersichtlich zu halten.
So ist es aufgebaut
Starte aus der Formularliste oder direkt nach dem Anlegen eines neuen Formulars.
Nutze Abschnitt hinzufügen, damit deine Felder geordnet bleiben.
Ziehe passende Felder aus der Feld-Palette in den Canvas.
Passe jedes Feld in den Feld-Einstellungen an.
Nutze Logik, Schritte, PDF und die allgemeinen Formulareinstellungen.
Teste das Formular mit Vorschau und speichere danach die fertige Version.
Ausführliche Beschreibung
- Öffne im Bereich Formulare den Builder für das gewünschte Formular.
- Wenn noch keine Struktur vorhanden ist, klicke auf Abschnitt hinzufügen. So legst du die erste Zeile oder den ersten Block an.
- Ziehe dann ein Feld aus der Feld-Palette auf den Canvas. Die Palette ist in Kategorien wie Basis-Felder, Auswahl-Felder, Datum & Zeit, Spezial-Felder und Layout-Elemente gegliedert.
- Klicke auf ein Feld, sobald es im Canvas liegt. Rechts öffnet sich die Leiste mit den Feld-Einstellungen.
- Pflege dort die Bezeichnung, die Feld-ID, den Platzhalter, den Hilfetext und die Pflichtfeld-Option. Je nach Feldtyp kommen weitere Optionen wie Auswahlwerte, Validierung, Größe oder Upload-Einstellungen dazu.
- Nutze Beschriftung und Feld-ID sauber, damit du Felder später in Vorlagen, E-Mails und Regeln eindeutig wiederfindest.
- Öffne die Tabs Bedingte Logik, Mehrere Schritte, PDF-Export-Einstellungen und Formular-Einstellungen, wenn du das Verhalten des gesamten Formulars anpassen willst.
- Im Bereich Mehrere Schritte kannst du lange Formulare in Etappen aufteilen, damit Nutzerinnen und Nutzer nicht alles auf einmal sehen.
- In Formular-Einstellungen legst du unter anderem Erfolgstext, Weiterleitung, Benachrichtigungen, Schutzregeln und Branding fest.
- Klicke regelmäßig auf Vorschau, damit du das Formular so prüfst, wie es später für die Benutzer aussieht.
- Wenn alles stimmt, speichere mit Speichern. Mit Schließen verlässt du den Builder und kommst zurück zur Liste.
Wichtige Builder-Bereiche
| Bereich | Pflicht oder optional? | Wofür? | Wann sichtbar? |
|---|---|---|---|
| Feld-Palette | Optional | Wählt die Feldtypen und Layout-Elemente aus | Immer sichtbar |
| Canvas | Optional | Hier baust du die eigentliche Formularstruktur auf | Immer sichtbar |
| Feld-Einstellungen | Optional | Pflegt Beschriftung, ID, Platzhalter, Pflichtfeld und weitere Optionen | Nach Auswahl eines Feldes |
| Bedingte Logik | Optional | Blendet Felder ein oder aus, wenn Bedingungen erfüllt sind | Nach Öffnen des Tabs |
| Mehrere Schritte | Optional | Teilt lange Formulare in einzelne Schritte auf | Wenn aktiviert |
| PDF-Export-Einstellungen | Optional | Bestimmt Aufbau und Aussehen der PDF-Ausgabe | Nach Öffnen des Tabs |
| Formular-Einstellungen | Optional | Steuert Meldungen, Weiterleitung, Zugriff und Benachrichtigungen | Nach Öffnen des Tabs |
| Vorschau | Optional | Prüft das Formular vor dem Einsatz | Immer verfügbar oben rechts |
Wichtige Einstellungen im Tab Formular-Einstellungen
| Einstellung | Pflicht oder optional? | Wofür? | Beispiel / Sichtbar wann? |
|---|---|---|---|
| Erfolgsnachricht | Optional | Text nach dem Absenden | Vielen Dank für Ihre Nachricht. |
| Weiterleitungs-URL | Optional | Leitet nach dem Absenden auf eine andere Seite weiter | Danke-Seite oder Startseite |
| Zugriffstyp | Optional | Steuert, wer das Formular öffnen darf | Öffentlich, nur Token, Domain-beschränkt |
| Erlaubte Domains | Optional | Schränkt die Nutzung auf bestimmte Domains ein | Nur sichtbar bei Domain-beschränktem Zugriff |
| PDF-Download aktivieren | Optional | Zeigt auf der Dankeseite einen Download-Link | Für Formulare mit Belegbedarf |
| Submit-Button-Text | Optional | Ändert die Beschriftung des Absende-Buttons | Anfrage senden |
| Benutzer-E-Mail-Feld | Optional | Bestimmt, welches Feld für Antwortmails genutzt wird | Automatisch erkennen oder ein E-Mail-Feld wählen |
| Admin-Benachrichtigung | Optional | Sendet Nachrichten an interne Empfänger | Weitere Felder erscheinen, wenn die Funktion aktiv ist |
| Benutzer-Bestätigungs-E-Mail | Optional | Sendet eine Bestätigung an die Person, die das Formular ausgefüllt hat | Weitere Felder erscheinen, wenn die Funktion aktiv ist |
| Spam-Schutz | Optional | Schützt vor automatischen oder zu schnellen Einsendungen | Captcha-Typ und Schutzoptionen |
| Branding anzeigen | Optional | Blendet einen Branding-Hinweis im Formular ein | Zum Beispiel am Formularende |
| Formular-Rand | Optional | Steuert den inneren Abstand um das Formular | Oben, rechts, unten, links in Pixeln |
Wenn du nicht sicher bist, welche Feld-ID du brauchst, entscheide dich früh für ein klares Schema. Kurze und eindeutige IDs helfen später bei E-Mails, Vorlagen und Regeln viel mehr als lange Namen.
Was sich im Alltag ändert
- Du kannst Formulare ohne zusätzliche Technik sauber aufbauen.
- Die Struktur bleibt übersichtlich, weil Felder in Abschnitten organisiert sind.
- Mit Logik und Schritten passen sich längere Formulare an den Arbeitsalltag an.
- Erfolgstexte, Benachrichtigungen und Weiterleitungen werden zentral gepflegt.
- Du testest vor dem Einsatz alles direkt in der Vorschau.
Tipps & Tricks
- Starte immer mit wenigen Feldern und erweitere das Formular danach schrittweise.
- Gib jedem Feld eine klare Feld-ID, damit Vorlagen und E-Mails später sauber bleiben.
- Nutze Abschnitte, damit lange Formulare leichter lesbar sind.
- Aktiviere Bedingte Logik nur dort, wo sie wirklich einen Nutzen bringt.
- Setze Mehrere Schritte erst ein, wenn das Formular sonst zu lang wirkt.
- Prüfe mit Vorschau immer auch die mobile Darstellung.
- Speichere nach größeren Änderungen sofort, damit du keine Arbeit verlierst.
- Globale Standardwerte wie Spam-Schutz und Upload-Limits pflegst du zusätzlich unter Einstellungen.
Praktische Beispiele
Du legst die Felder Name, E-Mail und Nachricht an, ergänzt eine kurze Erfolgsnachricht und speicherst das Ergebnis mit Vorschau.
Du blendest ein zusätzliches Feld nur ein, wenn eine bestimmte Auswahl getroffen wurde, damit die Maske schlank bleibt.
Du teilst das Formular in mehrere Schritte auf, damit Nutzende zuerst die Basisdaten und danach die Details eingeben.
FAQ
F: Wie füge ich ein Feld hinzu?
A: Ziehe es einfach aus der Feld-Palette auf den Canvas.
F: Warum sehe ich die Einstellungen nicht?
A: Wahrscheinlich ist noch kein Feld ausgewählt. Klicke zuerst auf ein Feld im Canvas.
F: Kann ich das Formular später noch ändern?
A: Ja. Du öffnest einfach wieder den Builder und passt es an.
F: Was ist der Unterschied zwischen Logik und Mehrere Schritte?
A: Logik blendet Inhalte ein oder aus, mehrere Schritte teilen das Formular in einzelne Seitenabschnitte.
Häufige Probleme & Lösungen
Problem: Ein Feld reagiert nicht auf Drag & Drop.
Lösung: Prüfe zuerst, ob du den richtigen Bereich im Canvas getroffen hast und ob die Ansicht korrekt geladen wurde.
Problem: Das Feld zeigt falsche Werte oder Beschriftungen.
Lösung: Öffne die Feld-Einstellungen erneut und prüfe Label, Feld-ID und Platzhalter.
Problem: Bedingte Felder erscheinen nicht.
Lösung: Kontrolliere die Logik-Regel und teste sie in der Vorschau.
Problem: Das Formular wirkt auf dem Handy zu lang.
Lösung: Nutze Abschnitte oder Mehrere Schritte.
Problem: Die Schutz- oder E-Mail-Funktionen greifen nicht.
Lösung: Prüfe zuerst die Einstellungen im Tab Formular-Einstellungen und danach die globalen Einstellungen.
Fazit
Der Builder ist der Ort, an dem aus einer einfachen Formularanlage ein nutzbares Arbeitswerkzeug wird. Wenn du Felder, Logik, Schritte und Einstellungen sauber kombinierst, entstehen Formulare, die für das Team leicht pflegbar und für Nutzende verständlich sind.
Das moderne CRM-System für Startups und KMU. Einfach, intuitiv und leistungsstark - entwickelt für Teams, die smart arbeiten wollen.
Das moderne CRM-System für Startups und KMU. Einfach, intuitiv und leistungsstark - entwickelt für Teams, die smart arbeiten wollen.