15 Beispiele für Danke-Seiten mit Code und nächsten Schritten | We.Inc
Fünfzehn eigene Designs für Danke-Seiten nach Bestellung, Anmeldung, Buchung, Download und Spende, jeweils mit editierbarem HTML und CSS und einem klaren nächsten Schritt.
Beispiele für Danke-Seiten
Eine gute Danke-Seite bestätigt, was gerade passiert ist, sagt, was als Nächstes kommt und wann, und bietet genau einen sinnvollen nächsten Schritt. Unten findest du fünfzehn eigene Designs für Bestellungen, Anmeldungen, Buchungen, Downloads, Spenden und mehr, jeweils in schlichtem HTML und CSS, das du hier bearbeiten und in deine eigene Website kopieren kannst.
Passe den nächsten Schritt an das an, was der Besucher gerade getan hat
Postfach zur Bestätigung prüfen oder einen Einstiegsbeitrag lesen
Einen Termin gebucht
Datum, Uhrzeit, Ort oder Videolink
Zum Kalender hinzufügen
Eine Datei heruntergeladen
Dateiname, ein Ersatz-Downloadlink
Passender Leitfaden oder passendes Tool
Ein Kontaktformular gesendet
Antwortzeit, eine Kopie der Nachricht
Antworten auf häufige Fragen durchsehen
Gespendet
Betrag, Quittung per E-Mail
Teilen oder eine monatliche Spende einrichten
Die meisten Besucher erreichen eine Danke-Seite genau in dem Moment, in dem sie dir am meisten vertrauen, und verlassen sie dann, weil die Seite nichts sagt. Diese Beispiele sind für genau diesen Moment gebaut. Jedes ist ein vollständiges, editierbares Snippet für ein fiktives Unternehmen, passend zum Einfügen in eine Seite, und jedes zeigt einen anderen Weg, den Besucher zum Schritt zu führen, der als Nächstes zählt.
Blättere die Beispiele nach Situation durch: Käufe, Anmeldungen, Buchungen, Downloads und Nachrichten, dann Spenden und Veranstaltungen.
Bearbeite den Code neben einem Beispiel, und die Vorschau aktualisiert sich während du tippst. Skripte sind in der Vorschau deaktiviert.
Kopiere das Snippet, setze deine eigenen Texte und Farben ein und platziere es auf der Seite, auf die dein Formular oder Checkout weiterleitet.
Geh vor dem Veröffentlichen die Checkliste über den Beispielen durch, damit die Seite beantwortet, was sich Besucher fragen werden.
Wiederhole das wichtigste Detail: die E-Mail-Adresse, die Terminzeit oder die Bestellnummer. Das beruhigt und deckt Tippfehler früh auf.
Sag, wann das Nächste passiert. Eine Bestätigungs-E-Mail, die nach fünf Minuten ankommt, wirkt kaputt, wenn niemand sie angekündigt hat.
Biete eine Hauptaktion an. Eine Wand aus Social-Buttons, Upsells und Links teilt die Aufmerksamkeit und bringt meist weniger Klicks auf jedes einzelne Element.
Behalte den Header der Website, damit Besucher weiterstöbern können, aber verzichte auf Pop-ups und Newsletter-Boxen für jemanden, der sich gerade angemeldet hat.
Füge Danke-Seiten ein noindex-Robots-Meta-Tag hinzu, damit sie nicht in Suchergebnissen für Leute auftauchen, die nie konvertiert haben.
Häufige Fragen
Was sollte auf einer Danke-Seite stehen?
Drei Dinge: eine Bestätigung, was genau passiert ist, was der Besucher als Nächstes erwarten kann und wann, und eine klare Aktion für jetzt. Alles andere ist optional.
Sollten Suchmaschinen eine Danke-Seite indexieren?
Meist nicht. Füge <meta name="robots" content="noindex"> in den head ein. Google weist darauf hin, dass der Crawler die noindex-Regel nie sieht, wenn robots.txt die Seite blockiert. Blockiere dieselbe Seite also nicht zusätzlich in robots.txt.
Ist eine Danke-Seite besser als eine Erfolgsmeldung direkt im Formular?
Eine eigene Seite hat eine eigene Adresse, was das Conversion-Tracking einfach macht und Platz für einen nächsten Schritt bietet. Eine Meldung im Formular hält die Leute an Ort und Stelle, was zu kleinen Formularen wie einem Kommentarfeld passt. Beide sollten in Worten bestätigen, was passiert ist.
Was macht eine gute Bestellbestätigungsseite aus?
Die Bestellnummer in großer Schrift, eine kurze Übersicht über Artikel und Gesamtbetrag, die voraussichtliche Lieferung oder Abholung, die E-Mail-Adresse, an die die Quittung ging, und ein einzelner Link, um die Bestellung zu verfolgen oder zu verwalten.
Kann ich auf einer Danke-Seite ein Upsell anbieten?
Ja, wenn das Angebot klar zu dem passt, was gerade getan wurde, und die Bestätigungsdetails nicht nach unten drängt. Ein passendes Zubehör oder eine Empfehlungsprämie ist weit willkommener als ein allgemeines Rabattbanner.
Warum die Seite nach dem Formular wichtig ist
Ein abgeschicktes Formular oder ein abgeschlossener Checkout ist der eine Moment, in dem du genau weißt, was jemand wollte. Die folgende Seite kann Zweifel ausräumen, Support-E-Mails verhindern und den nächsten Schritt der Beziehung einleiten, oder sie ist eine Sackgasse, die nur Danke sagt.
Schreib die Seite als Antwort auf die nächste Frage des Besuchers. Nach dem Bezahlen ist das, wann das Paket ankommt. Nach einer Buchung ist es, wohin man gehen muss und wie man umbucht. Nach einem Download ist es, ob die Datei wirklich gespeichert wurde.
Barrierefreie Bestätigung
Gib der Seite eine klare Überschrift wie Bestellung bestätigt statt nur eines Symbols, und verlass dich für den Erfolg nicht allein auf Farbe. Wenn du die Bestätigung im Formular statt auf einer neuen Seite zeigst, setze sie in ein Element mit role="status", damit Screenreader sie höflich ansagen, ohne den Fokus zu verschieben.
Nach einem Kauf
1. Bestellung bestätigt mit großer Bestellnummer
Nach der Nummer fragt der Support als Erstes, deshalb bekommt sie nach der Überschrift die größte Schrift.
2. Versandverlauf
Drei Schritte zeigen, wo die Bestellung steht, und nennen das Lieferfenster, bevor jemand fragen muss.
3. Vom Gastkauf zum Konto
Ein Gastkäufer hat bereits eine E-Mail eingegeben, also bietet die Seite ein Passwortfeld an, um den Bestellverlauf zu behalten.
4. Passende Ergänzung unter der Bestätigung
Das Angebot steht unter den Bestätigungsdetails und passt zum Kauf, sodass es als Hilfe statt als aggressiver Verkauf wirkt.
Nach einer Anmeldung
5. Prüfe dein Postfach
Listen mit Double-Opt-in brauchen diesen Schritt. Absender und Betreffzeile zu nennen hilft, die E-Mail schnell zu finden.
6. Willkommen mit einem Einstiegsbeitrag
Sobald jemand abonniert hat, verweise auf das Beste, was du schon veröffentlicht hast, statt ihn auf die nächste Ausgabe warten zu lassen.
7. Kostenlose Testphase gestartet
Eine kurze Einrichtungsliste mit drei Schritten macht aus einem leeren Konto Fortschritt, wobei der erste Schritt als Startpunkt markiert ist.
Nach einer Buchung oder Nachricht
8. Termin mit Zum-Kalender-hinzufügen
Datum, Uhrzeit und Ort in einem kompakten Block, mit Kalender- und Umbuchungslinks direkt daneben.
9. Erstgespräch gebucht mit Vorbereitungsfragen
Eine kurze Vorbereitungsliste macht das Gespräch nützlicher und klärt nebenbei die Erwartungen beider Seiten.
10. Nachricht erhalten mit Antwortzeit
Die Nachricht zu wiederholen beweist, dass sie angekommen ist, und ein echtes Antwortfenster verhindert, dass sie doppelt geschickt wird.
11. Angebotsanfrage mit Referenz
Eine Referenznummer und eine namentlich genannte Person lassen eine Angebotsanfrage bearbeitet wirken statt in einer Warteschlange verloren.
Nach einem Download, einer Spende oder einer Veranstaltungsanmeldung
12. Download mit Ersatzlink
Browser blockieren manchmal automatische Downloads, daher decken ein sichtbarer Link und die Dateigröße den Fall ab, dass nichts erschienen ist.
13. Spende mit Wirkung und Quittung
Zu sagen, was die Spende bewirkt, und die Quittung zu bestätigen, schlägt ein allgemeines Danke. Die monatliche Option wird einmal und dezent angeboten.
14. Veranstaltungsanmeldung mit Ticket
Ein ticketförmiger Block enthält die Details, nach denen Leute am Tag selbst suchen: Datum, Einlass und ihren Namen.
15. Warteliste mit Empfehlungsanreiz
Eine Warteliste ist der eine Ort, an den ein Teilen-Aufruf passt, weil das Einladen von Freunden dem Besucher etwas bringt, das er will.
Die Überschrift sagt in Worten, was gerade passiert ist
Das wichtigste Detail wird wiederholt (Bestellnummer, E-Mail, Uhrzeit)
Es steht da, was als Nächstes kommt und ungefähr wann
Es gibt einen einzigen nächsten Hauptschritt, gestaltet als Hauptbutton
Es gibt einen Weg, einen Fehler zu korrigieren (falsche E-Mail, umbuchen, stornieren)
Die Website-Navigation ist weiter verfügbar, um weiterzustöbern
Kein Pop-up und keine Anmeldebox für jemanden, der sich gerade angemeldet hat
Die Seite hat ein noindex-Robots-Meta-Tag
Checkliste für Danke-Seiten
{n} von {total} erledigt
Alles erledigt. Deine Danke-Seite beantwortet, was sich Besucher fragen werden.