Hier finden Sie praxisorientierte Anleitungen zur Formularerstellung – angefangen von der grundlegenden Erstellung eines Online-Formulars über die Optimierung von Anmeldeformularen bis hin zu fortgeschrittenen Techniken wie dem Ein- und Ausblenden von Seiten unter Verwendung von Bedingungen sowie der Nutzung von Parametern in Datenquellen.
Erfahren Sie außerdem, wie Sie die Beschriftungen von Buttons anpassen und vieles mehr, um Ihre Formulare optimal zu gestalten.
Möchten Sie ein Formular erstellen, sind sich aber unsicher, wie Sie beginnen sollen? Diese Schritt-für-Schritt-Anleitung bietet Ihnen den idealen Einstieg. In diesem Artikel führen wir Sie durch den gesamten Prozess der Formularerstellung. Wir zeigen Ihnen, wie Sie ein Formular erstellen, es bearbeiten und veröffentlichen. Zudem zeigen wir Ihnen, wo Sie den Link finden, um das Formular zu teilen, und später die Antworten einsehen können. Um Ihnen den gesamten Prozess zu veranschaulichen, verwenden wir einen einfachen Use-Case: Sie beabsichtigen, einen Vortrag zum Thema Gesundheit in Ihrem Team zu halten. Um besser planen zu können und sicherzustellen, dass das gewählte Thema auf Interesse stößt, möchten Sie gerne erfahren, welches Gesundheitsthema das Team besonders interessieren würde. Folgende 3 Themenbereiche stehen zur Verfügung: Ernährung, Stress und Bewegung. Ihr Team soll abstimmen. Das Thema, das die meisten Stimmen erhält, wird das Hauptthema des Vortrags sein. Aber fangen wir ganz vorne an.
Wenn Sie ein Event organisieren, wissen Sie, wie wichtig es ist, dass alles reibungslos abläuft. Ein sorgfältig gestaltetes Anmeldeformular kann Ihnen dabei erhebliche Arbeit abnehmen. Es ermöglicht Ihnen, die Anzahl der erwarteten Teilnehmer zu kennen, deren Begleitung zu berücksichtigen, besondere Essenswünsche zu beachten und im Notfall problemlos Kontakt aufzunehmen. Im Folgenden zeigen wir Ihnen Schritt für Schritt, wie Sie mithilfe von Formcentric ein Anmeldeformular für ein Sommerfest erstellen, bei dem den Gästen nur das angezeigt wird, was aufgrund ihrer gemachten Angaben relevant ist. FIRSTSPIRIT_LINK
Sie haben die Möglichkeit, jedes Formularelement als Pflichtfeld zu kennzeichnen. Dafür setzen Sie im Bearbeitungsbereich bei Pflichtfeld ein Häkchen. Auf dem Formular wird das entsprechende Element mit einem Sternchen versehen, um als Pflichtfeld erkennbar zu sein. Falls Nutzer:innen eine Formularseite wechseln oder versuchen, das Formular ohne Ausfüllen der Pflichtfelder abzusenden, erhalten sie eine Fehlermeldung und können das Formular nicht abschicken. Standardmäßig wird die Meldung „ Bitte füllen Sie dieses Feld aus. “ angezeigt. Im Eingabefeld Fehlermeldung haben Sie die Möglichkeit, einen eigenen Text einzugeben. Teilen Sie Nutzer:innen mit, was schiefgelaufen ist und geben Sie ihnen konkrete Anweisungen, zum Beispiel: „Bitte geben Sie Ihre E-Mail-Adresse ein.“
Im Formular werden vier verschiedene Buttons (Schaltflächen) eingesetzt: Weiter und Zurück für die Navigation bei mehrseitigen Formularen, Abbrechen zum Verwerfen der Eingaben und Absenden, als finales Element im Formular. Hier erfahren Sie, wie Sie die Buttons bei Bedarf individuell beschriften können.
Unterstützen Sie Nutzer:innen beim Ausfüllen von Formularen und nutzen Sie Hinweise, um zusätzliche Informationen bei Formularelementen zu platzieren. Erklären Sie Ihren Nutzer:innen beispielsweise, warum Sie bestimmte Daten abfragen oder geben Sie Ihnen weitere Tipps zum korrekten Ausfüllen. Ob Hinweise im Formular als Tooltip angezeigt oder direkt beim Formularelement eingeblendet werden, hängt vom Design ab, das Sie verwenden. Tooltips eigenen sich hervorragend, wenn Sie Informationen ergänzen wollen, ohne das Formular zu sehr zu überladen. Abhängig vom gewählten Design werden beispielsweise kleine Info-Icons oder Buttons im Formular eingefügt. Fahren Nutzer:innen mit der Maus darüber, erscheint der Hinweistext. Da der Text nicht im Formular direkt abgebildet wird, eignen sich Tooltips auch für längere Hinweise. Hinweise, die direkt beim Formularelement angezeigt werden, sollten hingegen wenig Text beinhalten. Geben Sie Text für Hinweise beim jeweiligen Formularelement im Eingabefeld Hinweis ein.
Nicht immer sind alle Seiten eines Formulars relevant für jede:n Nutzer:in. Wenn sie dennoch ständig eingeblendet werden, verursacht dies unnötigen Zeitaufwand und Mühe. Im ungünstigsten Fall können Nutzer:innen genervt sein und das Ausfüllen des Formulars abbrechen. Mithilfe von Bedingungen für Formularseiten können Sie festlegen, welche Seiten bei bestimmten Eingaben ein- oder ausgeblendet werden. Hierzu ein Beispiel: In einem Anmeldeformular für ein Seminar wird Nutzer:innen die Frage gestellt, ob sie ein Mittagessen buchen möchten. Bei der Antwort Ja wird eine Seite eingeblendet, auf der sie ihr Mittagessen auswählen können. Wählen sie jedoch Nein, wird diese Seite übersprungen und nicht angezeigt. Das Verhalten des Formulars passt sich somit den Eingaben der Nutzer:innen an. Lesen Sie weiter und erfahren Sie, wie Sie Formularseiten basierend auf Nutzereingaben ein- und ausblenden können. FIRSTSPIRIT_LINK
Nutzen Sie Datenquellen, um Daten schnell und effektiv als Auswahlmöglichkeiten in Formularen zu verwenden. Dies gilt unabhängig davon, ob es sich um eine Dropdown-Liste, eine Einfach- oder Mehrfachauswahl handelt. Rufen Nutzer:innen das Formular auf, werden die Daten von der Datenquelle abgerufen und als Optionen in das Formular eingespielt - ohne, dass Sie sie manuell erstellen müssen. Insbesondere bei umfangreichen Daten und Informationen, die regelmäßig in Formularen benötigt werden, bieten Datenquellen zusätzliche Vorteile: Keine doppelte Arbeit Sie können Daten aus einer Datenquelle für beliebig viele Formulare verwenden, ohne sie mehrfach anlegen zu müssen. Automatische Aktualisierung der Daten Ändern sich die Daten in der Datenquelle, müssen Sie Ihre Formulare nicht manuell aktualisieren. Alle Änderungen in der Datenquelle werden automatisch in das Formular übernommen, da die Daten erst nur in dem Augenblick abgerufen werden, in dem Nutzer:innen das Formular öffnen. Sie können Datenquellen auch für Vorschläge beim Formularelement Eingabefeld nutzen. Ist eine Datenquelle hinterlegt, erhalten Nutzer:innen automatische Vorschläge, sobald sie die ersten Buchstaben in das Eingabefeld eingeben. Durch das Tippen auf einen Vorschlag können sie diesen übernehmen und müssen somit weniger eingeben. FIRSTSPIRIT_LINK
Bestimmt kennen Sie das: Sie füllen online ein Formular aus und Ihnen werden gleich zu Beginn bestimmte Daten wie Name, Adresse, Telefonnummer usw. vorgeschlagen. Diese müssen Sie nur noch bestätigen, da der Browser Informationen, die Sie zuvor schon einmal in ein Formular eingegeben haben, automatisch vorschlägt.
Erfahren Sie hier, wie Sie Informationen, die von Nutzer:innen in einem Formular eingegeben werden, an anderer Stelle im Formular anzeigen können. FIRSTSPIRIT_LINK Nehmen wir als Beispiel ein Anmeldeformular für ein Marketing-Seminar, das verschiedene Informationen abfragt, wie die E-Mail-Adresse, den gewünschten Seminar-Termin und den Namen. Auf der letzten Seite des Formulars werden alle eingetragenen Daten zusammengefasst, begleitet von einem kurzen einleitenden Text. Um die Kommunikation persönlicher zu gestalten, soll die Person, die das Formular ausgefüllt hat, sowohl in dem einleitenden Text als auch in der anschließenden Bestätigungsnachricht direkt mit ihrem Namen ansprechen.
Erfahren Sie, wie Sie in wenigen Schritten ein Formular in Ihre Website integrieren können.
Standardmäßig wird Nutzer:innen nach dem Absenden des Formulars eine Bestätigungsnachricht angezeigt. Sie haben jedoch auch die Möglichkeit, sie nach erfolgreichem Submit direkt auf Ihre Landing Page weiterzuleiten, um ihnen relevante Informationen bereitzustellen. Die direkte Weiterleitung können Sie im Bereich Einstellungen des jeweiligen Formulars festlegen.
