Ein Formular wird abgeschickt und die Seite wird leer. Nichts passiert. Die Person fragt sich, ob ihre Einsendung funktioniert hat. Hat der Server sie erhalten? Verarbeitet das Formular noch? Soll sie noch einmal absenden? Der Moment zwischen dem Klick auf Absenden und dem Wissen, dass es geklappt hat, ist eine Zeit voller Anspannung. Das Formularerlebnis endet nicht, wenn jemand auf Absenden klickt. Es endet, wenn er weiss, dass es geklappt hat. Was in diesen Momenten passiert, entscheidet, ob er deiner Marke vertraut und ob die erfassten Daten wirklich nützlich sind.
Drei Elemente steuern diesen letzten Moment. Ein Ladezustand zeigt, dass etwas passiert, während das Formular verarbeitet. Eine Erfolgsmeldung bestätigt, dass das Absenden funktioniert hat. Eine Dankesseite führt zum nächsten Schritt. Gut gemacht, geben diese drei Elemente jemandem die Sicherheit, das Richtige getan zu haben. Schlecht gemacht, schaffen sie Verwirrung und Misstrauen. Dieser Artikel zeigt, was jedes davon leistet, wann du sie nutzt, was du sagst und wie du sie baust, ohne das Formularerlebnis zu stören.
Warum Ladezustände wichtig sind, bevor das Formular abgeschlossen ist
Das Absenden eines Formulars passiert auf dem Server. Klickt jemand auf Absenden, wandern seine Daten zu einem Computer irgendwo, werden verarbeitet, und eine Antwort kommt zurück. Diese ganze Reise dauert meist ein bis fünf Sekunden. Eine Sekunde fühlt sich sofort an. Fünf Sekunden fühlen sich ewig an. In dieser Zeit steckt die Person fest. Sie sieht das Formular und weiss nicht, was sie tun soll. Noch einmal absenden? Warten? Die Seite neu laden?
Ein Ladezustand beseitigt diese Unsicherheit. Beim Klick auf Absenden ändert sich etwas Sichtbares. Die Schaltfläche wird deaktiviert und ändert ihren Text. Ein Ladekreis erscheint. Eine Fortschrittsanzeige zeigt Bewegung. Etwas sagt der Person: "Deine Aktion ist angekommen und etwas passiert."
Die wichtigste Regel für Ladezustände ist die Ein-Sekunden-Regel. Dauert das Absenden länger als eine Sekunde, zeige eine Ladeanzeige. Dauert es weniger als eine Sekunde, kannst du den sichtbaren Ladezustand weglassen, weil es so schnell geht, dass die Leute es kaum merken. Bei fast allen echten Formularen, die mit einem Server verbunden sind, dauert das Absenden länger als eine Sekunde. Zeige den Ladezustand.
Ohne Ladezustand klicken Leute oft mehrfach auf Absenden. Ihre Anspannung lässt sie annehmen, der erste Klick habe nicht funktioniert. Mehrfaches Absenden erzeugt doppelte Daten, verschwendete Serverressourcen und frustrierte Nutzer. Eine Ladeanzeige verhindert das, weil sie klar zeigt, dass die Aktion läuft.
Wie du einen Ladezustand gestaltest, der Sicherheit gibt
Der einfachste Ladezustand ist, die Absende-Schaltfläche zu deaktivieren und ihren Text zu ändern. Normalerweise steht auf der Schaltfläche "Absenden". Nach dem Klick wird daraus "Wird gesendet..." und sie wird grau oder blass. Die Person sieht, dass die Schaltfläche nicht mehr klickbar ist. Sie weiss, dass etwas passiert. Das funktioniert bei den meisten Formularen.
Eine Stufe stärker ist es, Bewegung hinzuzufügen. Ein kleines Ladekreis-Symbol erscheint neben dem Text der Schaltfläche oder in ihr. Der Ladekreis dreht sich ununterbrochen. Das erzeugt ein Gefühl von Aktivität und Fortschritt. Die Drehgeschwindigkeit zählt. Eine volle Drehung pro Sekunde wirkt gleichmässig. Schneller wirkt hektisch. Langsamer wirkt eingefroren. Bleib bei einer Drehung pro Sekunde.
Bei längeren Vorgängen funktioniert ein Fortschrittsbalken besser als ein Ladekreis. Ein waagerechter Balken oben im Formular füllt sich, während die Verarbeitung voranschreitet. Weiss das Formular, wie viele Schritte es ausführen muss, kann es realistischen Fortschritt zeigen. Kennt es die Gesamtdauer nicht, nutze einen prozentualen Balken, der sich bis 90 % füllt und bei Erfolg abschliesst. So sieht die Person genau, wie weit der Vorgang ist.
Die Farbe deiner Ladeanzeige sollte auffallen, aber nicht mit deinem Formular-Design kollidieren. Nutze deine Markenfarbe oder ein neutrales Blau oder Grau. Rot oder Orange kann sich wie ein Fehler anfühlen, obwohl keiner vorliegt. Grün könnte Leute glauben lassen, das Formular sei schon erfolgreich gewesen.
Halte Ladezustände minimal. Die Schaltfläche ändert sich. Ein Ladekreis erscheint. Das Formular muss nicht ausblenden, Felder müssen nicht deaktiviert werden, und neuer Text muss nicht von der Seite hereingleiten. Einfachheit schafft Vertrauen. Komplexität schafft Misstrauen.
Der Unterschied zwischen Erfolgsmeldung und Dankesseite
Nach erfolgreichem Absenden braucht der Nutzer eine Bestätigung. Diese Bestätigung kann auf zwei Wegen kommen. Eine Erfolgsmeldung erscheint auf derselben Seite, auf der das Formular war. Oder das Formular leitet auf eine neue Dankesseite mit einer Erfolgsmeldung weiter. Beides funktioniert. Die Wahl hängt von deinem Ziel ab.
Eine Erfolgsmeldung auf der Seite hält den Nutzer auf derselben Seite. Das Formular verschwindet oder ändert sich und zeigt "Wir haben deine Einsendung erhalten." Eine einfache, klare Bestätigung. Das funktioniert gut bei kleinen Formularen oder wenn der Nutzer auf derselben Seite bleiben und weitere Inhalte erkunden soll. Kontaktformulare nutzen oft Meldungen auf der Seite. Newsletter-Anmeldungen auch. Schnell, einfach, geschafft.
Eine Dankesseite ist eine eigene Seite, auf der der Nutzer nach dem Absenden landet. Sie existiert nur nach erfolgreichem Absenden. Sie hat eine eigene URL. Das ist nützlich, wenn du die Conversion in den Analytics getrennt erfassen willst, wenn du nach dem Absenden weitere Inhalte zeigen willst oder wenn du den Nutzer zum nächsten Schritt in einem Verkaufstrichter führen willst. Checkout-Formulare im Onlinehandel leiten auf Dankesseiten weiter. Formulare zur Lead-Erfassung leiten auf Dankesseiten weiter. Die eigene Seite gibt dir mehr Platz zum Arbeiten.
Der technische Unterschied zählt für das Tracking. Eine Meldung auf der Seite zeigt die Conversion auf derselben Seite wie das Formular. Eine Dankesseite zeigt einen eigenen Seitenaufruf und eine eigene URL. Fürs Tracking ist eine Dankesseite sauberer. Sie ist ein eigenes Ereignis, das Analytics-Tools genau messen können.
Was eine Erfolgsmeldung sagen muss
Eine Erfolgsmeldung hat eine Aufgabe: der Person sagen, dass ihr Absenden funktioniert hat. Das ist alles. Füge keinen Werbetext hinzu, bewirb keine weiteren Produkte, mach es nicht komplizierter.
Beginne mit einer klaren Bestätigung. "Danke. Wir haben deine Einsendung erhalten." Nicht "Deine Einsendung wurde von unserem automatisierten System erfolgreich empfangen." Das Erste klingt menschlich. Das Zweite klingt roboterhaft und unternehmensmässig. Eine Bestätigung sollte persönlich und direkt wirken.
Nenne sofort den nächsten Schritt. War das Formular eine Kontaktanfrage, sag, wann die Person eine Antwort bekommt. "Wir antworten innerhalb von zwei Geschäftsstunden." Nicht "Wir melden uns bald." Konkrete Zeitangaben schaffen Vertrauen. Bald ist vage. Zwei Stunden sind konkret.
Löst die Einsendung eine automatische Antwort aus, erwähne sie. "Sieh in deinem Postfach nach einem Bestätigungslink." Oder "Ein Link zum Zurücksetzen des Passworts ist unterwegs in dein Postfach." Das erklärt, was als Nächstes passiert, ohne dass die Person rätseln oder fürchten muss, etwas verpasst zu haben.
Optional, aber wirkungsvoll: Greife etwas auf, was die Person abgeschickt hat. "Wir haben deine Nachricht zur Optimierung deiner Website erhalten. Wir sehen sie uns an und melden uns." Ihre eigenen Worte zurückzuspielen, gibt das Gefühl, gesehen und verstanden zu werden. Es bestätigt, dass ihre Daten wirklich angekommen und erfasst sind.
Halte die Meldung kurz. Ein oder zwei Sätze bei einer Meldung auf der Seite. Drei bis fünf Sätze bei der Nachricht einer Dankesseite. Lange Erfolgsmeldungen wirken wie Spam oder ein zusätzlicher Verkaufstext.
Nutze eine warme, gesprächige Sprache. "Danke für deine Nachricht." Nicht "Vielen Dank für das Absenden dieses Formulars." Gesprächige Sprache lässt den Moment menschlich wirken, nicht automatisiert.
Eine Dankesseite gestalten, die konvertiert, statt in einer Sackgasse zu enden
Eine Dankesseite ist ein Moment mit hohem Wert. Die Person hat gerade konvertiert. Sie ist guter Stimmung. Sie hat gehandelt. Sie hat getan, worum du gebeten hast. Das ist der Moment direkt nach ihrem Ja. Es ist der Moment, sie weiterzuführen, nicht wegzuschicken.
Wiederhole oben auf der Dankesseite die Bestätigung. "Danke. Wir haben deine Anfrage erhalten." Halte sie kurz. Die Person weiss schon, dass es geklappt hat. Die Bestätigung macht es nur offiziell.
Füge unter der Bestätigung Inhalte hinzu, die zu dem passen, was sie gerade getan hat. Hat sie einen Newsletter abonniert, zeige, was sie bekommt. Hat sie eine Demo angefragt, zeige die nächsten Schritte. Hat sie etwas gekauft, zeige Bestelldetails und Lieferzeit. Der Inhalt sollte sich wie die natürliche Fortsetzung dessen anfühlen, was sie gerade abgeschickt hat.
Füge eine optionale Aktion hinzu. Nicht fünf. Nicht drei. Eine. Was soll sie als Nächstes tun? Deine Website erkunden? Hilfreiche Ressourcen lesen? Dir in sozialen Netzwerken folgen? Einen Anruf vereinbaren? Wähle eine und mach sie zum Mittelpunkt der Seite. Mehrere konkurrierende Handlungsaufrufe verwirren. Die Person hat gerade Ja gesagt. Führe sie mit einem klaren nächsten Schritt weiter.
Willst du zusätzliche Informationen erfassen, ist eine Dankesseite ein guter Ort dafür. Frage nicht im Formular selbst danach. Frage, nachdem sich die Person durch das erste Absenden schon festgelegt hat. Ein zweites, leichteres Formular auf der Dankesseite konvertiert oft besser, als alles in das erste Formular zu packen.
Nimm Social Proof auf, wenn er passt. Ein Zitat eines zufriedenen Kunden. Eine Zahl dazu, wie viele Menschen dieselbe Aktion ausgeführt haben. Etwas, das bestärkt, dass sie die richtige Entscheidung getroffen hat. Es geht nicht darum, sie zur Conversion zu überreden. Sie hat schon konvertiert. Es geht darum, ihr Vertrauen in das zu stärken, was sie gerade getan hat.
Achte darauf, dass das Seitendesign zu deiner gesamten Website passt. Eine Dankesseite, die anders aussieht, andere Schriften nutzt oder ein schroffes Farbschema hat, lässt den Nutzer glauben, er habe die Website deiner Marke verlassen. Konsistenz schafft Vertrauen. Die Dankesseite sollte sich anfühlen, als gehöre sie auf deine Website.
Der Übergang vom Formular zum Erfolgszustand
Klickt jemand auf Absenden: Wie lange sollte der Ladezustand sichtbar sein, bevor die Erfolgsmeldung oder Dankesseite erscheint? Die Antwort lautet: so lange, wie das Formular wirklich verarbeitet.
Bei Formularen, die sehr schnell abgeschickt werden, unter einer Sekunde, lass den Ladezustand trotzdem mindestens eine Sekunde sichtbar. Dauert das Absenden tatsächlich 300 Millisekunden, dein Ladekreis verschwindet aber nach 400 Millisekunden, denken die Leute vielleicht, etwas sei kaputtgegangen. Der Übergang sollte bewusst wirken, nicht gehetzt.
Bei Formularen, die zwei bis fünf Sekunden brauchen, zeige den Ladezustand für die gesamte Dauer. Lass die Leute das Warten sehen. Verstecke nicht, wie lange der Vorgang dauert. Transparenz schafft Sicherheit.
Zeige nie einen Ladezustand, der verschwindet und dann wieder erscheint. Das verwirrt. Zeige ihn einmal und lass ihn bis zum Erfolg sichtbar. Musst du nach einem Fehler erneut versuchen, entferne den Ladezustand komplett und zeige die Fehlermeldung, bevor du es noch einmal versuchst.
Erwäge bei sehr langen Vorgängen, über zehn Sekunden, Fortschrittsmeldungen zu zeigen. Nicht nur einen Ladekreis. Eine Meldung, die sich ändert. "Deine Angaben werden geprüft." Dann "Deine Anfrage wird verarbeitet." Dann "Das Absenden wird abgeschlossen." Drei oder vier kleine Meldungen während eines langen Vorgangs halten die Leute bei der Sache und lassen sie wissen, dass noch etwas passiert.
Besonderheiten auf dem Handy bei Ladezuständen und Erfolgsmeldungen
Auf einem Handybildschirm ist der Platz begrenzt. Eine Ladeanzeige, die auf dem Desktop gut funktioniert, nimmt auf dem Handy vielleicht zu viel Platz ein. Eine Dankesseite, die auf dem Desktop lang ist, wird auf dem Handy sehr lang.
Halte bei Ladezuständen auf dem Handy den Text minimal. "Wird gesendet..." statt "Bitte warte, während wir deine Einsendung verarbeiten." Ein Ladekreis braucht weniger Platz als ein Fortschrittsbalken. Platziere die Ladeanzeige in der Absende-Schaltfläche oder direkt darüber oder darunter, nicht schwebend in der Mitte der Seite.
Halte Erfolgsmeldungen auf dem Handy kurz. Ein Satz ist ideal. Zwei Sätze sind akzeptabel. Mehr, und die Meldung scrollt aus dem Bildschirm.
Setze bei Dankesseiten auf dem Handy die zentrale Bestätigung in die ersten zwei Absätze. Zwinge die Leute nicht, die Seite herunterzuscrollen, um herauszufinden, ob das Formular wirklich abgeschickt wurde. Die Dankesnachricht sollte sofort im sichtbaren Bereich stehen.
Teste deinen Ladezustand und die Erfolgszustände auf echten Handys, nicht nur in der Browser-Emulation. Bildschirmgrösse und Darstellung des Handys können beeinflussen, wie Dinge aussehen.
Analytics und Tracking der letzten Momente deines Formulars
Auf der Erfolgsseite oder in der Erfolgsmeldung misst du, ob das Formular wirklich konvertiert hat. Analytics-Plattformen wie Google Analytics, Meta Pixel und E-Mail-Plattformen können den Erfolgsmoment genau erfassen.
Nutzt du eine Erfolgsmeldung auf derselben Seite wie das Formular, setze einen Conversion-Auslöser auf das Erscheinen dieser Meldung. Nutze JavaScript, um zu erfassen, wann die Meldung erscheint, nicht nur, wann die Seite lädt. So weisst du genau, wer erfolgreich abgeschickt hat, nicht nur, wer die Seite besucht hat.
Leitest du auf eine Dankesseite weiter, ist das Tracking automatisch. Jeder Aufruf dieser Seite ist eine Conversion. Deshalb nutzen viele Formulare Dankesseiten. Die URL ist eindeutig. Analytics-Tools verstehen sie perfekt. Ein Seitenaufruf entspricht einer erfolgreichen Einsendung.
Füge die URL der Dankesseite zu den Conversion-Zielen deiner Analytics hinzu. Lege in Google Analytics ein Ziel an, das auslöst, wenn jemand auf deinedomain.com/thank-you landet. Das zählt automatisch jede erfolgreiche Einsendung.
Nutzt du mehrere Formulare auf deiner Website, erstelle für jedes eine eigene Dankesseite oder unterscheide sie über URL-Parameter. contact-form.com/thank-you gegenüber demo-form.com/thank-you. Oder nutze Parameter wie /thank-you?form=contact. So kannst du verfolgen, welche Formulare konvertieren.
Häufige Fehler, die den Erfolgsmoment ruinieren
Eine Erfolgsmeldung, die nicht bestätigt, dass die Aktion funktioniert hat, ist keine Erfolgsmeldung. Sie ist eine Sackgasse. "Danke." Allein. Was soll die Person als Nächstes tun? Wo ist ihre Bestätigung? Wer nicht klarstellt, schafft Misstrauen.
Ladezustände, die zu lang oder zu kurz sind, wirken kaputt. Ein Ladekreis, der sich 20 Sekunden dreht, lässt Leute denken, etwas sei schiefgelaufen. Ein Ladekreis, der in 100 Millisekunden erscheint und verschwindet, bleibt vielleicht unbemerkt.
Dankesseiten, die verkaufen wollen, statt zu würdigen. Direkt nach einer Conversion ist nicht der Zeitpunkt, etwas anderes anzupreisen. Würdige, was die Person getan hat. Führe sie weiter. Verkaufen kann später kommen.
Eine Erfolgsmeldung oder Dankesseite, die Informationen wiederholt, nach denen das Formular schon gefragt hat. Die Person hat dir schon Namen und E-Mail gegeben. Lass sie das nicht auf der Erfolgsseite noch einmal lesen. Nutze es, um die Nachricht zu personalisieren, und wiederhole nicht, was erfasst wurde.
Formulare auf dem Handy, deren Ladezustände zu gross für den Bildschirm sind. Ein Ladekreis, der den halben Handybildschirm einnimmt, ist erdrückend. Halte visuelle Anzeigen im Verhältnis zur Bildschirmgrösse.
Vergessen, einen klaren nächsten Schritt zu nennen. "Danke fürs Absenden." Und dann nichts. Was soll die Person tun? Ohne Richtung geht sie. Eine einzige klare nächste Aktion hält sie bei der Sache.
Wie WEMASY dir hilft, Ladezustände und Erfolgserlebnisse zu gestalten
Der Formular-Builder von WEMASY enthält eingebaute Ladezustände, die automatisch erscheinen, wenn ein Formular abgeschickt wird. Du kannst den Stil der Ladeanzeige an deine Marke anpassen. Wähle zwischen einer Textmeldung, einem Ladekreis oder einem Fortschrittsbalken. Stelle die Farbe passend zum Theme deiner Marke ein. Der Ladezustand erscheint, während die Formulardaten verarbeitet werden, und verschwindet, wenn das Absenden abgeschlossen ist.
Erfolgsmeldungen sind im Formular-Builder vollständig anpassbar. Schreibe deine eigene Meldung. Wähle, ob sie auf der Seite erscheint oder auf eine Dankesseite weiterleitet. Bei einer Weiterleitung kannst du in WEMASY die URL deiner Dankesseite angeben. Das Formular leitet nach erfolgreichem Absenden automatisch weiter.
Erstelle für Dankesseiten im Website-Builder von WEMASY eine Seite wie jede andere. Gestalte sie passend zu deiner Marke. Füge Bestätigungstext, nächste Schritte, Social Proof oder zweitrangige CTAs hinzu. Wenn du die Einrichtung deines Formulars abschliesst, füge die URL der Dankesseite in die Weiterleitungs-Einstellungen des Formulars ein. WEMASY übernimmt die Weiterleitung automatisch.
Die Validierung in Echtzeit verhindert viele Fehler beim Absenden, bevor sie passieren. Kommen die Formulardaten fehlerfrei an, läuft das Absenden sauber. Der Ladezustand erscheint kurz und der Erfolgszustand löst schneller aus. Weniger Fehler bedeuten schnelleres Absenden und weniger Zeit mit Ladezuständen.
Die Analytics-Integration ist eingebaut. WEMASY erfasst Formular-Einsendungen und kann Analytics-Ziele automatisch auslösen. Wird ein Formular erfolgreich abgeschickt, kannst du Ereignisse in Google Analytics oder Meta Pixel einrichten. Sieh, welche Formularfelder die besten Conversion-Raten haben, welche Formulare am häufigsten konvertieren und wo Leute abspringen.
Sieh dir an, welche Formularfunktionen in deinem WEMASY-Tarif enthalten sind.