Best Practices für das Design von Kassenseiten

Deine Kassenseite ist der letzte Schritt zwischen Stöbern und Kauf. Die Kund:innen erwarten ein sicheres, reibungsloses und intuitives Kassenerlebnis. All diese Aspekte haben Einfluss darauf, ob sie den Kauf abschließen.

Dieser Artikel erklärt, wie du eine schön gestaltete und funktionale Kassenseite erstellst, die ein nahtloses Erlebnis gewährleistet und so zum Verkaufsabschluss beiträgt. Du erfährst, wie du deinen Bezahlvorgang optimierst, um ein reibungsloses, professionelles Erlebnis zu schaffen, das deine Kund:innen überzeugen wird.

Was macht eine gute Kassenseite aus?

Eine Kassenseite ist deine letzte Chance, vor einem Verkauf einen guten Eindruck zu hinterlassen. Ein reibungsloses Kassenerlebnis führt zu zufriedenen Kund:innen. Eine Person schließt mit höherer Wahrscheinlichkeit eine Transaktion auf deiner Kassenseite ab, wenn diese in ihren Augen folgende Kriterien erfüllt:

• Vertrauenswürdig: professionelles Markendesign

• Sicher: sicheres Kassenerlebnis und sichere Zahlungsoptionen

• Intuitiv: leicht verständlich für eine positive Nutzererfahrung

• Professionell: die Bestellübersicht und die Produktdetails sind übersichtlich gestaltet

• Fehlerfrei: vor dem endgültigen Abschluss des Kaufs gibt es einen Überprüfungsschritt

Genauso wie Verzögerungen und Probleme an der Kasse im Supermarkt als unglaublich frustrierend empfunden werden, können Probleme mit deiner Kassenseite Online-Käufer:innen abschrecken. Folgendes kann passieren:

• Sie durchlaufen mit einem vollen Warenkorb den Bezahlvorgang, brechen ihn jedoch am Ende ab.

• Sie finden deinen Vorgang so verwirrend, dass sie ihn vorzeitig abbrechen und nicht wiederkommen.

• Sie schließen den Kauf zwar ab, sind aber so unzufrieden, dass sie dein Unternehmen schlecht bewerten oder nicht wiederkommen.

Die beste Möglichkeit, diese negativen Aspekte zu vermeiden, besteht in der sorgfältigen Konzeption des Designs deiner Kassenseite, damit auch wirklich alles stimmt. Denke an eigene Online-Einkaufserlebnisse. Wann sind sie gut? Wann sind sie frustrierend? Nutze deine eigene Einkaufserfahrung, um bei deiner Kassenseite Fallstricke zu umgehen.

Was steht auf einer Kassenseite?

Eine gut gestaltete Kassenseite bietet ein nahtloses Einkaufserlebnis und minimiert mögliche Reibungspunkte, die dazu führen, dass jemand es sich anders überlegt oder wegklickt. Hier sind die wichtigsten Elemente, die zu einem optimierten Bezahlvorgang beitragen:

• Bezahloption für Gäste: Biete an der Kasse eine Bezahloption für Gäste an, die schnell einkaufen möchten. 

• Zahlungsmethoden: Biete verschiedene Zahlungsoptionen für unterschiedliche Vorlieben an, etwa Kartenzahlung, Zahlung mit E-Wallets oder „Jetzt kaufen, später zahlen“-Optionen. 

• Sicherer Bezahlvorgang: Stelle sicher, dass deine Zahlungstools sichere Gateways für die Verarbeitung sensibler Daten bieten.

• Kontakt- und Versandinformationen: Erfasse wichtige Kundendaten für Auftragsbestätigung, Versand und Zahlung.

• Bestellübersicht: Präsentiere Informationen zu Produkten, Mengen und Preisen, damit die Kund:innen sie vor dem Kaufabschluss überprüfen können.

• Versandoptionen: Gib die Versandkosten basierend auf dem Umfang der Bestellung und dem Zielort an.

• Aktionscode-Feld: Ermögliche Kund:innen, vor dem endgültigen Abschluss des Bezahlvorgangs eventuell vorhandene Rabattcodes einzugeben.

• Klarer Ablauf: Leite Kund:innen mit einem Fortschrittsbalken oder klaren Schritten durch den Bezahlvorgang.

Best Practices zur Gestaltung von Kassenseiten

Möchtest du für ein Kassenerlebnis sorgen, das deine Kund:innen begeistert und deinen Umsatz steigert? Befolge diese Best Practices, um das Design deiner Seite, das Nutzererlebnis und die Möglichkeiten zur Gewinnung von Käufer:innen zu optimieren.

Erstelle ein klares, markenspezifisches Design

Halte deine Kassenseite minimalistisch, damit der Fokus voll und ganz auf dem Bezahlvorgang liegt. Wenn du Bilder wie Logos einbinden möchtest, sollten diese von hoher Qualität sein, um deine Professionalität und Vertrauenswürdigkeit zu unterstreichen.

Dein Design sollte folgende Kriterien erfüllen

• Leicht lesbar und optisch übersichtlich

• Für Mobilgeräte optimiert

• Intuitiver Übergang von einem Schritt zum nächsten

• Abgestimmt auf die Markenführung deiner Website

Priorisiere das Nutzererlebnis

In Squarespace-Nutzerinterviews betonen einige der erfolgreichsten Unternehmer:innen, dass sie das Kundenerlebnis in den Mittelpunkt stellen. Identifiziere alle Probleme in deinem Bezahlvorgang, indem du dich in die Lage deiner Kund:innen versetzt und ihn selbst durchgehst. 

Folgendes Vorgehen ist allgemein zu empfehlen:

• Teste den Bezahlvorgang regelmäßig.

• Achte auf klare Schritte, um Verwirrung zu vermeiden.

• Finde Möglichkeiten, den Vorgang zu beschleunigen.

• Frage Kund:innen nur nach den Informationen, die du benötigst.

• Füge Sicherheitsfunktionen wie einen sicheren SSL-Bezahlvorgang hinzu.

Biete flexible Zahlungsmöglichkeiten an

Manche Leute brechen den Bezahlvorgang ab, wenn ihre bevorzugte Zahlungsoption nicht verfügbar ist. Für Kund:innen kann es eine Frage des Vertrauens sein – sie bevorzugen ein weit verbreitetes Zahlungsunternehmen – oder sie wissen die Annehmlichkeit zu schätzen, dass sie nicht erst nach Kartendaten suchen müssen. 

Beachte auch Folgendes:

• Biete verschiedene Liefer- oder Abholoptionen an.

• Gib auf deiner Kassenseite klar und deutlich Informationen zum Versand und den damit verbundenen Kosten an.

• Verlinke zu Versand - und Rückgabeinformationen

• Füge ein Rabattfeld hinzu.

Funktionen zum Verlassen des Warenkorbs hinzufügen

Vom Verlassen des Warenkorbs spricht man, wenn Kund:innen ihren Warenkorb zwar füllen oder sogar die Kassenseite aufrufen, den Kauf aber nicht abschließen. Gründe hierfür können sein, dass die Person abgelenkt wurde, der Bezahlvorgang zu lang gedauert hat oder zu verwirrend war oder dass die Person ihre Kaufentscheidung hinterfragt.

Du kannst versuchen, diese Kund:innen zurückzugewinnen, indem du automatische „Warenkorb verlassen“-E-Mails für Nutzer:innen einrichtest, die eine Transaktion abbrechen.

Mit diesen E-Mails kannst du:

• Käufer:innen an das erinnern, für das sie sich interessiert haben, und dafür sorgen, dass sie Angst haben, etwas zu verpassen

• Einen Rabatt anbieten, um Käufer:innen zu überzeugen, wiederzukommen und den Kauf abzuschließen

• Bewertungen oder Erfahrungsberichte von zufriedenen Kund:innen teilen

• Flexible Zahlungsoptionen, Rückgabebedingungen und Vorteile oder Wertversprechen hervorheben

Anpassungsmöglichkeiten für eine Squarespace Kassenseite

Jede Plattform ist ein bisschen anders. Mit Squarespace kannst du das visuelle Design und die funktionalen Details auf deiner Kassenseite anpassen.

Stilistische Optionen

Wir empfehlen, deine Kassenseite mit minimalistischer Farbgebung anzupassen und für eine bessere Lesbarkeit Wert auf hohe Kontraste zu legen. Füge dein Logo ein und sorge für eine gute Sichtbarkeit der Buttons, mit denen die Käufer:innen die einzelnen Schritte durchlaufen und den Kauf abschließen können. 

Folgende Optionen stehen zur Verfügung: 

• Farben: Passe die Farben für Hintergrund, Titel, Header und Rand an.

• Logo: Füge das Logo deiner Website ein, aber achte darauf, dass es sich um ein klares Bild handelt.

• Ausrichtung: Entscheide, wo der Titel oder das Logo in Relation zum Header angezeigt werden sollen.

• Buttons: Wähle Farben, die Buttons wie Weiter oder Anwenden hervorstechen lassen.

Erfahre, wie du deine Kassenseite gestaltest

Funktionale Optionen

Squarespace bietet solide Tools, um deinen Bezahlvorgang an die Bedürfnisse deines Unternehmens anzupassen. Das könnte bedeuten, Kunden verschiedene Lieferoptionen zu bieten, deine Versand- oder Rückgabebedingungen anzuzeigen oder Zusatzleistungen anzubieten, wie zum Beispiel Geschenkverpackungen.

Folgende funktionale Elemente kannst du anpassen oder hinzufügen:

• Mindestbestellwert: Lege einen Mindestbestellwert für Bestellungen fest.

• Belegdetails: Passe die in den Kundenbelegen enthaltenen Informationen an.

• Zahlungsmethoden: Akzeptiere eine große Auswahl von Zahlungsoptionen.

• Geschenkoptionen: Ermögliche Kund:innen, ihren Geschenk-Bestellungen personalisierte Nachrichten oder gegen einen geringen Aufpreis eine Geschenkverpackung hinzuzufügen.

• Lieferanweisungen: Richte ein Feld ein, in dem Kund:innen Lieferpräferenzen angeben oder sich für Click & Collect und Lieferfenster entscheiden können.

• Express-Bezahlvorgang: Optimiere den Bezahlvorgang für Einzelartikelkäufe, indem du Käufer:innen die Möglichkeit gibst, den Warenkorb zu umgehen.

• Rabattcodes: Aktiviere oder deaktiviere ein Feld, in das Kund:innen Rabattcodes eingeben können.

• „Warenkorb verlassen“-E-Mails: Konfiguriere automatische E-Mails, um Kund:innen, die ihren Warenkorb verlassen haben, erneut anzusprechen.

• Richtlinien: Gib deutlich Links zu deinen Nutzungsbedingungen, Rückgabebedingungen und Datenschutzbestimmungen an.

• Benutzerdefinierte Felder: Füge Felder für alle Details hinzu, die du für den Abschluss einer Bestellung benötigst, etwa Informationen für die Personalisierung.

Eine Sache, die du beachten solltest, ist, dass die Felder für Steuern und Versand beim Bezahlvorgang für Produkte immer erscheinen, auch wenn der Versand kostenlos ist und auch wenn du keine Steuern berechnen musst. So können die Käufer:innen sicher sein, dass später keine überraschenden Gebühren dazukommen.

Beispiel für eine Kassenseite

Das obige Beispiel für eine Kassenseite stammt aus dem Montclaire-Template von Squarespace und eignet sich gut, um ein minimalistisches, unkompliziertes Design der Kassenseite zu zeigen. Die Farbpalette lenkt nicht ab, und Text und Buttons sind gut sichtbar.

Jeder Schritt des Bezahlvorgangs ist klar. Der Ablauf leitet die Kund:innen eindeutig zur Auswahl der Liefer- und Zahlungsoptionen, wobei die Preise durchgehend auf der rechten Seite angezeigt werden. Die Käufer:innen können vor Abschluss des Kaufs eine Bewertung abgeben. Schließlich gibt es auf der Seite einen kleinen Hinweis auf den sicheren SSL-Bezahlvorgang, der den Kund:innen signalisiert, dass ihre Daten geschützt sind. 

Warenkorbseite vs. Kassenseite

Beide spielen zwar eine wichtige Rolle beim Online-Shopping, jedoch haben die Warenkorb- und die Kassenseite unterschiedliche Funktionen. 

• Die Warenkorbseite ist der Online-Einkaufswagen. Sie ermöglicht den Nutzer:innen zu shoppen, Artikel hinzuzufügen, Artikel zu entfernen, Mengen zu ändern und mehr.

• Die Kassenseite ist der letzte Schritt des Kaufs. Hier geben die Nutzer:innen in der Regel Kontaktinformationen an, wählen die Zahlungsart aus, wenden Gutscheine an, überprüfen die Bestellübersicht und geben dann die Bestellung auf.

Stell dir deine Warenkorbseite als das Online-Äquivalent zu einem Einkaufswagen vor, wo man während des Einkaufs Dinge hinzufügen und entfernen kann. Deine Kassenseite funktioniert hingegen wie eine Kassentheke, wo der Kauf abgeschlossen und die Zahlung entgegengenommen wird.

Beide Seiten sollten deiner Markenführung entsprechen. Außerdem sollten die Nutzung und die Navigation einfach sein. Wie du das erreichst, ist allerdings jeweils unterschiedlich.