Online-Formulare erstellen ohne Code: von der Idee zur Veröffentlichung

Online-Formulare sind längst mehr als digitale Kontaktzettel. Sie nehmen Angebotsanfragen auf, strukturieren die Patienten- oder Mandantenaufnahme, erfassen Aufmaße, koordinieren Termine und sammeln Unterlagen. Mit einem Formulargenerator können Fachabteilungen solche Abläufe ohne eigene Programmierung umsetzen. Der entscheidende Vorteil entsteht jedoch nicht allein durch Drag and Drop, sondern durch eine klare Planung vor dem ersten Feld.

Dieser Leitfaden führt von der Idee bis zur veröffentlichten Formularstrecke. Er zeigt, wie sich Online-Formulare ohne Code erstellen lassen, welche Feldtypen wirklich helfen und wie Logik, Texte, Tests und Auswertung zusammenspielen. Das Ergebnis soll für Nutzende einfach wirken und intern genau die Informationen liefern, die für den nächsten Arbeitsschritt benötigt werden.

Mit dem Prozess beginnen, nicht mit dem Formulareditor

Bevor ein Feld angelegt wird, sollte der nachgelagerte Prozess feststehen. Wer erhält die Einsendung? Welche Entscheidung wird mit den Angaben getroffen? Welche Information fehlt heute regelmäßig? Was passiert nach dem Absenden? Ein Formular ohne geklärten Folgeprozess erzeugt lediglich einen neuen Posteingang. Ein gutes Formular dagegen übergibt vollständige, verständliche und zuordenbare Daten an eine verantwortliche Person.

Beschreiben Sie den Ablauf zunächst in wenigen Sätzen. Beispiel: Eine Interessentin wählt eine Leistung, nennt den Einsatzort, beschreibt ihr Ziel und lädt bei Bedarf Bilder hoch. Der Vertrieb erhält eine Benachrichtigung, prüft die Anfrage und meldet sich innerhalb eines Werktags. Bereits diese Skizze zeigt, welche Felder notwendig sind und welche Erwartungen im Bestätigungstext kommuniziert werden sollten.

Ziele und Erfolgskriterien definieren

„Wir brauchen ein Formular“ ist kein messbares Ziel. Besser sind konkrete Aussagen: Rückfragen zu fehlenden Projektdaten sollen sinken. Terminwünsche sollen der richtigen Abteilung zugeordnet werden. Aufträge sollen schneller kalkulierbar sein. Für jedes Ziel lässt sich eine Kennzahl festlegen, etwa Bearbeitungszeit, Anteil vollständiger Anfragen oder Zahl der Abbrüche an einem bestimmten Schritt.

Erfolg bedeutet nicht immer maximale Einsendungszahl. Bei einer komplexen B2B-Anfrage kann ein genaueres Formular weniger, aber passendere Kontakte erzeugen. Bei einer einfachen Rückrufbitte ist Kürze wichtiger. Umfang und Tiefe müssen deshalb zur Suchintention und zur erwarteten Entscheidung passen.

Beteiligte früh einbeziehen

Die Personen, die Einsendungen bearbeiten, kennen typische Lücken. Fragen Sie Vertrieb, Empfang, Praxispersonal oder Projektleitung, welche Angaben immer wieder telefonisch nachgefordert werden. Datenschutzverantwortliche prüfen Zweck und Datenumfang. Die Website-Redaktion achtet auf verständliche Sprache. Eine kurze gemeinsame Abstimmung spart mehrere Korrekturschleifen nach der Veröffentlichung.

Ein brauchbares Formular-Briefing

Ein kompaktes Briefing enthält Zielgruppe, Zweck, Verantwortliche, gewünschte Reaktionszeit, notwendige Daten, optionale Angaben, Integrationen und Löschfrist. Ergänzen Sie Sonderfälle: Was geschieht bei sehr großen Dateien? Gibt es Anfragen außerhalb des Leistungsgebiets? Müssen Minderjährige berücksichtigt werden? Aus diesen Informationen entsteht die erste Feldstruktur.

Die richtige Formularstruktur entwickeln

Menschen beurteilen in wenigen Sekunden, ob ein Formular machbar wirkt. Eine lange unstrukturierte Spalte schreckt ab, selbst wenn viele Felder optional sind. Gruppieren Sie zusammengehörige Angaben in nachvollziehbare Abschnitte: Anliegen, Projektdetails, Kontaktdaten und Abschluss. Die Reihenfolge sollte dem Denkprozess der Nutzenden folgen, nicht der Spaltenreihenfolge eines internen Systems.

Beginnen Sie mit leichten, sachbezogenen Fragen. Persönliche Daten kommen häufig später, wenn der Nutzen der Anfrage klar ist. Vermeiden Sie einen ersten Bildschirm mit zehn Pflichtfeldern. Eine kurze Auswahl zum Anliegen kann den Einstieg erleichtern und gleichzeitig die folgenden Fragen steuern.

Einseitig oder mehrstufig?

Ein kurzes Kontaktformular funktioniert gut auf einer Seite. Bei umfangreichen Aufnahmeprozessen helfen mehrere Schritte, sofern Fortschritt und Rücksprung verständlich sind. Jeder Schritt sollte ein klares Thema haben und nicht nur aus technischen Gründen entstehen. Drei Abschnitte mit sinnvoller Gruppierung sind besser als acht Mini-Schritte, die ständig neue Klicks verlangen.

Mehrstufige Formulare brauchen eine sichtbare Fortschrittsanzeige. Sie sollte nicht nur „Schritt 2 von 5“ anzeigen, sondern möglichst auch die Themen nennen. Eingaben müssen beim Zurückgehen erhalten bleiben. Auf mobilen Geräten ist zu prüfen, ob der nächste Abschnitt am Anfang beginnt und die Tastatur keine wichtigen Bedienelemente verdeckt.

Feldtypen gezielt auswählen

Textfelder eignen sich für kurze, freie Angaben. Für E-Mail, Telefon, Datum oder Zahlen sollten passende Eingabetypen verwendet werden, damit Browser Hilfen und mobile Tastaturen bereitstellen. Auswahlfelder sind sinnvoll, wenn bekannte Optionen die Bearbeitung erleichtern. Ein großes Dropdown mit Dutzenden Einträgen ist dagegen schwer zu scannen; eine Suche oder hierarchische Auswahl kann besser sein.

Freitext ist wertvoll für individuelle Anliegen, aber schlecht automatisierbar. Kombinieren Sie deshalb strukturierte Fragen mit einem offenen Ergänzungsfeld. Eine Angebotsanfrage kann zuerst Leistung, Objektart und Zeitrahmen abfragen und anschließend Raum für Besonderheiten geben. So bleiben Daten vergleichbar, ohne Nutzende in unpassende Kategorien zu zwingen.

Checkbox, Radiobutton oder Schalter?

Radiobuttons eignen sich für genau eine Auswahl aus wenigen sichtbaren Optionen. Checkboxen erlauben mehrere Antworten oder eine bewusste Bestätigung. Ein Schalter wirkt wie eine sofort wirksame Einstellung und passt selten zu rechtlichen Einwilligungen. Die visuelle Form sollte der Bedeutung entsprechen, damit Menschen nicht überlegen müssen, wie das Feld funktioniert.

Optionen brauchen eindeutige Bezeichnungen. „Sonstiges“ sollte ein ergänzendes Textfeld öffnen. Bei Ja-Nein-Fragen ist oft eine dritte Antwort wie „noch unklar“ sinnvoll. Dadurch vermeiden Sie erzwungene falsche Angaben und erhalten ein ehrlicheres Bild.

Uploads nur bei echtem Bedarf

Bilder, Pläne oder Dokumente können eine Anfrage deutlich verbessern. Trotzdem sollte ein Upload nicht pauschal Pflicht sein. Erklären Sie erlaubte Formate, maximale Größe und den Zweck. Mehrere Dateien müssen erkennbar aufgelistet und einzeln entfernbar sein. Sensible Dokumente erfordern besondere Schutzmaßnahmen und klare Aufbewahrungsregeln.

Bedingte Logik für kürzere Formulare

Bedingte Regeln zeigen nur Fragen, die zur vorherigen Auswahl passen. Wer eine Beratung wünscht, sieht andere Felder als jemand mit einer Supportanfrage. Eine Privatperson braucht möglicherweise andere Angaben als ein Unternehmen. Dadurch sinkt der sichtbare Umfang, während die fachliche Genauigkeit steigt.

Logik sollte einfach nachvollziehbar bleiben. Viele verschachtelte Bedingungen sind schwer zu testen und können widersprüchliche Zustände erzeugen. Zeichnen Sie bei komplexeren Strecken einen Entscheidungsbaum. Jede Abzweigung braucht einen sinnvollen Weg zum Abschluss. Prüfen Sie auch, was mit bereits eingegebenen Daten geschieht, wenn eine Auswahl geändert und ein abhängiger Bereich wieder ausgeblendet wird.

Berechnungen und Plausibilitätsprüfungen

Formulargeneratoren können Mengen, Maße oder Schätzwerte berechnen. Solche Ergebnisse sollten als Orientierung bezeichnet werden, wenn sie kein verbindliches Angebot darstellen. Plausibilitätsgrenzen helfen gegen Tippfehler: Eine Postleitzahl hat ein bestimmtes Format, eine Personenzahl ist nicht negativ, ein gewünschter Termin liegt nicht in der Vergangenheit.

Validierung freundlich formulieren

Fehlermeldungen erklären konkret, was zu ändern ist. „Ungültige Eingabe“ hilft nicht. „Bitte geben Sie fünf Ziffern ein“ ist besser. Die Meldung sollte direkt am Feld stehen, programmatisch zugeordnet sein und zusätzlich in einer Zusammenfassung erscheinen, wenn mehrere Fehler vorliegen. Bereits richtige Angaben bleiben erhalten.

Texte, Labels und Hilfen schreiben

Ein Feldlabel ist keine interne Datenbankbezeichnung. „Wie können wir Sie erreichen?“ wirkt verständlicher als „Kontaktkanal_Primär“. Verwenden Sie Begriffe der Zielgruppe und erklären Sie Fachwörter. Platzhalter dürfen Beispiele zeigen, ersetzen aber kein dauerhaft sichtbares Label, weil sie beim Tippen verschwinden.

Hilfetexte sollten Unsicherheit reduzieren. Bei Telefonnummern kann stehen, wann ein Rückruf erfolgt. Beim Upload erklärt ein Satz, welche Unterlagen die Bearbeitung beschleunigen. Lange rechtliche Passagen gehören in verlinkte Hinweise; der wesentliche Zweck muss dennoch direkt verständlich sein.

Tonalität und Anrede konsistent halten

Wechsel zwischen „Du“, „Sie“ und unpersönlichen Befehlen wirken unprofessionell. Legen Sie eine Anrede fest und prüfen Sie alle Felder, Fehlermeldungen und Bestätigungen. Formulieren Sie aktiv und konkret. „Wir melden uns innerhalb eines Werktags“ ist besser als „Ihre Anfrage wird schnellstmöglich bearbeitet“.

In regionalen Angeboten kann der Standort sinnvoll genannt werden, wenn er für die Leistung relevant ist. Ein Betrieb aus Gevelsberg könnte nach Einsatzorten im Ennepe-Ruhr-Kreis fragen. Das verbessert Orientierung und lokale Relevanz, ohne Ortsnamen künstlich in jedes Label einzubauen.

Datenschutz von Anfang an integrieren

Erheben Sie nur Daten, die für den beschriebenen Zweck erforderlich sind. Kennzeichnen Sie freiwillige Angaben und verlinken Sie eine aktuelle Datenschutzerklärung. Wo eine Einwilligung nötig ist, darf die Checkbox nicht vorausgewählt sein. Der konkrete Zweck muss genannt werden. Für technisch notwendige Bearbeitung ist eine Einwilligung dagegen nicht automatisch die passende Rechtsgrundlage.

Prüfen Sie Anbieter, Hosting, Auftragsverarbeitung, Zugriffsrechte, Übertragung und Löschfunktionen. Besonders bei Gesundheitsdaten, Rechtsangelegenheiten oder Ausweisdokumenten reicht eine normale E-Mail-Weiterleitung oft nicht aus. Weitere Details liefert der Leitfaden zum DSGVO-konformen Formulargenerator.

Gestaltung und Barrierefreiheit

Ein professionelles Formular braucht ausreichend große Eingabeflächen, klaren Kontrast und sichtbare Fokuszustände. Labels stehen nah am zugehörigen Feld. Fehlermeldungen werden nicht nur durch Farbe vermittelt. Die Tab-Reihenfolge folgt der visuellen Reihenfolge und alle Funktionen sind per Tastatur erreichbar.

Auf Smartphones sollten Felder die verfügbare Breite nutzen. Zwei Spalten sind nur sinnvoll, wenn Inhalte kurz bleiben. Datum, Vorwahl und Telefonnummer in mehreren schmalen Feldern verursachen häufig Probleme. Verhindern Sie horizontales Scrollen und testen Sie bei vergrößerter Schrift.

Überschriften geben Orientierung

Die Seite benötigt eine eindeutige H1, Abschnitte folgen als H2 und Unterthemen als H3. Weitere Ebenen werden nur verwendet, wenn sie inhaltlich wirklich untergeordnet sind. Diese Hierarchie hilft Screenreadern und Suchmaschinen. Visuelle Größe und HTML-Ebene sind getrennte Entscheidungen: Eine H3 kann groß gestaltet sein, bleibt aber semantisch Teil ihres H2-Abschnitts.

Das Formular in die Website einbetten

Viele Formulargeneratoren liefern einen iframe-Code. Er trennt Formular und Website technisch und lässt sich in WordPress, Baukastensysteme oder individuelle Websites einsetzen. Die Einbettung muss responsiv sein, eine passende Höhe erhalten und darf keine unnötigen Scrollbalken erzeugen. Alternativ kann ein direkter Link sinnvoll sein, etwa aus einer E-Mail oder einem QR-Code.

Die Formularseite sollte den Kontext der Website aufnehmen: Logo, Farben, Schriftgrößen und Tonalität. Gleichzeitig muss die Lesbarkeit erhalten bleiben. Eine detaillierte technische Anleitung finden Sie im Beitrag Formular per iframe in eine Website einbetten.

Vor der Veröffentlichung systematisch testen

Ein Test umfasst mehr als einen erfolgreichen Versand. Probieren Sie alle Auswahlwege, Pflichtfeldfehler, maximale Textlängen, Sonderzeichen, Uploads und Zurücknavigation. Testen Sie auf echten Smartphones, nicht nur in einer verkleinerten Browseransicht. Prüfen Sie Tastaturbedienung und mindestens einen Screenreader-Grundablauf.

Kontrollieren Sie die Empfängerseite: Kommt die Benachrichtigung an? Sind Angaben verständlich benannt? Funktioniert die Zuordnung? Werden Zeitstempel und Einwilligungsstatus korrekt dokumentiert? Was geschieht bei einer vorübergehenden Störung? Nutzende brauchen eine ehrliche Fehlermeldung und eine alternative Kontaktmöglichkeit.

Testfälle dokumentieren

Eine kleine Tabelle mit Ausgangslage, Eingaben, erwartetem Ergebnis und tatsächlichem Ergebnis macht Tests wiederholbar. Legen Sie besonders für bedingte Logik repräsentative Fälle an. Nach Änderungen werden nicht nur neue Felder, sondern auch bestehende Hauptwege erneut geprüft.

Nach dem Absenden beginnt der Prozess

Die Bestätigungsseite sollte erklären, dass die Übermittlung erfolgreich war, wann eine Reaktion erfolgt und wie dringende Anliegen behandelt werden. Eine Vorgangsnummer kann Rückfragen vereinfachen. Vermeiden Sie vage Aussagen oder automatische Weiterleitungen, die die Bestätigung sofort verschwinden lassen.

Intern braucht jede Einsendung eine Zuständigkeit und einen Status. Neue, in Bearbeitung, Rückfrage und abgeschlossen sind oft ausreichend. Automatische E-Mails können informieren, ersetzen aber keine Vertretungsregel. Wenn eine zuständige Person im Urlaub ist, dürfen Anfragen nicht unbemerkt liegen bleiben.

Auswertung ohne Überwachung

Messen Sie, wie viele Menschen beginnen, abbrechen und erfolgreich absenden. Analysieren Sie problematische Schritte, ohne vollständige Eingaben an Analyseplattformen zu übertragen. Häufige Fehlermeldungen oder ungewöhnlich lange Bearbeitungszeiten weisen auf unklare Felder hin. Qualitative Rückmeldungen aus dem Team ergänzen Zahlen.

Verbesserungen sollten als konkrete Hypothese umgesetzt werden: „Wenn wir die Telefonnummer freiwillig machen und den Rückruf separat anbieten, sinken Abbrüche.“ Vergleichen Sie anschließend einen angemessenen Zeitraum. Ständige ungeplante Änderungen erschweren die Bewertung und erhöhen das Fehlerrisiko.

Vorlagen sinnvoll wiederverwenden

Vorlagen beschleunigen wiederkehrende Formulare und sorgen für konsistente Standards. Ein zentrales Grundmuster kann Kontaktdaten, Datenschutzlink, Fehlermeldungen und Bestätigung enthalten. Fachliche Bereiche werden je Prozess ergänzt. Änderungen am Standard sollten kontrolliert in bestehende Formulare übernommen werden, damit nicht Dutzende leicht unterschiedliche Varianten entstehen.

Eine Vorlage ist trotzdem kein fertiger Prozess. Prüfen Sie Texte, Pflichtfelder, Empfänger und Rechtsgrundlage für den konkreten Zweck. Branchenvorlagen sind besonders nützlich, wenn sie typische Abläufe abbilden, aber an Organisation und regionale Anforderungen angepasst werden können.

Häufige Fehler beim Erstellen von Online-Formularen

Zu viele Pflichtfelder, unklare Fragen und fehlende Bestätigung sind Klassiker. Ebenfalls problematisch sind Formulare ohne mobile Tests, interne Abkürzungen, vorausgewählte Einwilligungen und E-Mails mit allen sensiblen Daten. Ein weiterer Fehler ist die fehlende Pflege: Ansprechpartner wechseln, Leistungen ändern sich und trotzdem bleibt das alte Formular online.

Vermeiden Sie auch mehrere konkurrierende Formulare für denselben Zweck. Wenn Website, Kampagnenseite und Social-Media-Profil unterschiedliche Anfragen erzeugen, gehen Standards verloren. Eine zentrale Formularversion lässt sich über mehrere Einbettungen oder Links verwenden und leichter verbessern.

Praxisplan für die ersten sieben Tage

Am ersten Tag wird der Prozess mit den Bearbeitenden beschrieben. Tag zwei dient Feldliste und Datenminimierung. Am dritten Tag entsteht die erste Version im Formulargenerator. Tag vier ist für Texte, Logik und Datenschutzhinweise vorgesehen. Am fünften Tag testen Fachabteilung und eine unbeteiligte Person. Tag sechs behebt Probleme und dokumentiert Zuständigkeiten. Am siebten Tag wird veröffentlicht und die erste Auswertung terminiert.

Dieser Rhythmus ist kein starres Projektmodell, verhindert aber endlose Abstimmungen. Ein klar begrenztes erstes Formular liefert Erfahrungen für weitere Prozesse. Beginnen Sie mit einem häufigen, überschaubaren Anwendungsfall statt mit der kompliziertesten Ausnahme im Unternehmen.

Fazit: Gute Online-Formulare machen Arbeit unsichtbar

Ein gelungenes Formular fühlt sich für Nutzende selbstverständlich an. Dahinter stehen ein klares Ziel, eine passende Struktur, verständliche Sprache, datensparsame Technik und ein verlässlicher Folgeprozess. No-Code-Werkzeuge senken die technische Einstiegshürde, doch die fachliche Qualität entsteht durch sorgfältige Entscheidungen.

Mit embedo lassen sich Formularvorlagen auswählen, Felder per Drag and Drop anpassen, Abhängigkeiten abbilden und fertige Formulare in bestehende Websites integrieren. Der Starter-Tarif kostet 9 Euro pro Monat und eignet sich für bis zu fünf aktive Formulare. Entscheidend bleibt: Starten Sie klein, testen Sie realistisch und verbessern Sie anhand echter Bearbeitungserfahrungen.