Sieh dir an, wie Kunden deinen Shop erleben, vom Durchstöbern bis zur Kasse.

Diese Anleitung zeigt, was deine Kunden sehen, wenn sie deine Produkte durchstöbern, sie in einen Warenkorb legen und zum Kassenbereich gehen. Bevor Kunden bezahlen können, musst du Produkte zu deiner Website hinzufügen und einen Zahlungsdienstleister verbinden.

Tipp: Registriere dich für unser Webinar „Design tips to increase your store’s sales“ („Design-Tipps zur Umsatzsteigerung in deinem Shop“; auf Englisch), in dem wir Tools und Tipps präsentieren, mit denen du deine Produkte auf deiner Website hervorheben und den Umsatz steigern kannst.

Die Screenshots in dieser Anleitung stammen von einer Beispiel-Website der Version 7.1. Wenn du eine Website der Version 7.0 hast, kann das Kundenerlebnis etwas anders aussehen. Das Einkaufserlebnis deines Kunden kann auch leicht variieren, je nachdem, wie du deinen Shop eingerichtet hast. Das Ausführen von Testbestellungen ist der beste Weg, um zu erfahren, wie dein Kassenbereich funktioniert.

Deine Website durchsuchen

Wenn Kunden deine Website besuchen, verwenden sie zur Orientierung die Navigation deiner Website. Um deine Produkte zu sehen, klicken sie auf einen Link zu deiner Shop-Seite.

Auf der Shop-Seite können sie deine Produkte ansehen und nach Kategorien filtern. 

Die Shop-Seite zeigt bis zu 200 Produkte an. Wenn es mehr als 200 Produkte gibt, können Kunden auf Weiter klicken, um weitere Produkte anzuzeigen. Wenn ein Produkt mehrere Varianten mit unterschiedlichen Preisen hat, zeigt die Shop-Seite „Ab [niedrigster Variantenpreis]“ im Preisfeld an.

Wenn du spezielle Funktionen der Shop-Seite wie Schnellansicht oder Produkt-Zoom aktiviert hast, interagieren sie mit diesen Funktionen, wenn sie den Mauszeiger über die Vorschaubilder der Produkte bewegen.

Andere Einkaufsmöglichkeiten

Kunden können auf anderen Teilen deiner Website nach Produkten suchen, wenn du Produkt-Blöcke oder Übersichts-Blöcke verwendest, um sie auf verschiedenen Seiten anzuzeigen.

Wenn du deine Produkte über Squarespace E-Mail-Marketing vermarktest oder deine Produkte mit Facebook oder Instagram synchronisierst, können Kunden deine Produkte auch finden, wenn sie deine Squarespace-Website nicht besuchen.

Produkte zum Warenkorb hinzufügen

Wenn Kunden auf ein Produkt klicken, wird die Produktdetail-Seite geöffnet, auf der sie die Produktinformationen, -bilder und mehr überprüfen können. Wenn das Produkt mehrere Optionen wie Farbe und Größe hat, können sie diese aus einem Drop-down-Menü auswählen oder auf einen Button klicken. Um das Produkt in den Warenkorb zu legen, klicken sie auf Zum Warenkorb hinzufügen. Du kannst diesen Button-Text anpassen. Kunden können bis zu 500 Produkte zu ihrem Warenkorb hinzufügen. Wenn die zustellerabhängigen Portokosten aktiviert sind, können bis zu 150 Produkte hinzugefügt werden. Wenn sie eine größere Menge eingeben, als du auf Lager hast, wird eine Fehlermeldung mit der maximalen Anzahl angezeigt, die sie bestellen können. 

In Version 7.1 kannst du den Button Zum Warenkorb hinzufügen auch auf deiner Shop-Seite unter den Produkt-Vorschaubildern anzeigen, damit Kunden Artikel schneller in den Warenkorb legen können. Wenn ein Produkt eine Variante hat, können Kunden die Option auswählen und auf der Shop-Seite auf Zum Warenkorb hinzufügen klicken. Wenn das Produkt mehr als eine Variante hat, klicken Kunden auf den Button Optionen anzeigen, der sie zur Produktdetail-Seite führt, wo sie ihre Auswahl treffen können.

Den Warenkorb überprüfen

Nachdem Kunden einen Artikel zum Warenkorb hinzugefügt haben, wird oben auf der Seite eine Warenkorbbenachrichtigung angezeigt, die die Anzahl der Artikel im Warenkorb und die Gesamtkosten anzeigt. Um Besucher nach der Auswahl eines Produkts direkt zur Kasse zu leiten, aktiviere die Express-Kasse. Kunden können den Einkauf fortsetzen oder auf das Warenkorb-Symbol klicken, um den Warenkorb zu öffnen.

Im Warenkorb können sie die Menge/Stückzahl von Produkten ändern oder Produkte entfernen. Kunden klicken auf Kasse, um den Kauf abzuschließen.

Wenn sie alle Produkte aus dem Warenkorb entfernen, wird der Link Einkauf fortsetzen angezeigt. Dieser führt standardmäßig zu deiner Startseite, aber du kannst ihn auf eine andere Seite weiterleiten lassen.

Kasse

Durch Klicken auf den Button Kasse wird die Kassenseite geöffnet, die durch SSL geschützt ist, damit die Kreditkartendaten deiner Kunden sicher und geschützt sind. Ein typischer Bezahlvorgang sieht wie folgt aus:

1. E-Mail – Die Kunden geben ihre E-Mail-Adresse ein. Wenn du die Option zur Newsletter-Anmeldung an der Kasse aktiviert hast, können sie diese Option aktivieren oder deaktivieren.
2. Kundenkonto-Login – Wenn Kunden ein Kundenkonto haben, können sie sich anmelden, um den Bezahlvorgang zu beschleunigen. Wenn du Kundenkonten aktiviert hast, können Kunden an der Kasse ein Konto erstellen.
3. Liefermethoden – Kunden wählen zwischen Versand oder Click & Collect. Wenn sie sich für den Versand entscheiden, geben sie ihre Lieferadresse ein. Während ihrer Eingabe wird eine von Google unterstützte Liste mit AutoFill-Vorschlägen angezeigt. Danach wählen sie eine Versandoption aus. Diese werden aufsteigend nach Preis angezeigt. Standardmäßig ist die kostengünstigste Option ausgewählt. Wenn alle Optionen den gleichen Preis haben, werden sie in der Reihenfolge angezeigt, in der du sie hinzugefügt hast.
4. Zahlung & Rabatte – Die Kunden geben ihre Kreditkartendaten und die Rechnungsadresse ein. Sie können aber auch PayPal, Apple Pay oder Afterpay verwenden. Wenn du aktive Rabatte hast, können Kunden einen Rabattcode eingeben. Rabatte gelten für die Kosten des Produkts, nicht für den Versand. Nur Rabatte für kostenlosen Versand wirken sich auf die Versandkosten aus.
5. Überprüfung und Kauf – Kunden klicken auf Kaufen, um ihre Bestellung aufzugeben. Wenn du Shop-Richtlinien hinzugefügt hast, erscheinen diese hier als Text-Links.
6. Bestätigung – Nach dem Bezahlvorgang landen Kunden auf einer Bestätigungsseite. 

Wenn du einen automatischen Rabatt für kostenlosen Versand hast, wird dieser angezeigt, nachdem Kunden die Versandoption ausgewählt haben, für die der Rabatt gilt. Wenn diese Option teurer ist als andere Optionen vor dem Rabatt, müssen Kunden sie manuell auswählen.

Wenn Kunden mit mehreren Produkten, die unterschiedliche Abwicklungs-Profile haben, zur Kasse gehen, werden die Produkte an der Kasse nach Abwicklungs-Profilen unterteilt, und Kunden wählen eine Versandoption für jedes Profil aus. Kunden schließen den Bezahlvorgang einmal ab, aber ihre Bestellung wird in mehrere Bestellungen mit separaten Bestellnummern aufgeteilt, eine für jedes Abwicklungs-Profil. Du wickelst jede Bestellung einzeln im Menü „Bestellungen“ ab. Kunden erhalten mehrere Bestellbestätigungs-E-Mails.

Die Bestellbestätigungsseite

Nach einem erfolgreichen Bezahlvorgang wird eine Bestellbestätigungsseite angezeigt. Was auf der Seite enthalten ist, hängt von der Art des Produkts ab, das dein Kunde gekauft hat. Wenn der Kunde ein physisches Produkt, ein Download-Produkt oder eine Dienstleistung gekauft hat, zeigt die Bestätigungsseite den Bestellstatus, die Bestelldetails und die Option zum Erstellen eines Kundenkontos an. Wenn dein Kunde einen Geschenkgutschein, ein Abonnement oder eine Mitgliedschaft gekauft hat, zeigt die Seite den Text Bestellung bestätigt und die Bestellnummer an. Um eine Vorschau dieser Seiten anzuzeigen, führe eine Testbestellung mit einem unterstützten Produkttyp aus.

Starke Kundenauthentifizierung (SCA)

Kunden mit Kreditkarten, die im EWR ausgestellt wurden, haben möglicherweise einen zusätzlichen Authentifizierungsschritt während des Bestellvorgangs. Dabei kann es sich um ein Browser-Pop-up oder eine Push-Benachrichtigung von einer Bankanwendung handeln, die den Kunden auffordert, die Transaktion zu verifizieren. Der genaue Autorisierungsvorgang hängt von der Bank des Kunden ab. Um mehr zu erfahren, besuche die Seite Starke Kundenauthentifizierung (SCA).

E-Mails zur Bestellung überprüfen

Nach Abschluss des Bezahlvorgangs erhalten Kunden eine E-Mail zur Bestellbestätigung. Wenn sie ein Download-Produkt gekauft haben, erhalten sie eine E-Mail mit einem Download-Link zum Produkt. Bei physischen Produkten erhalten sie eine zweite E-Mail, wenn du ihre Bestellung abwickelst. Kunden können auch auf einen Link in der E-Mail zur Bestellbestätigung klicken, um ihren Bestellstatus anzuzeigen.

Dieser Screenshot zeigt das E-Mail-Layout zur Bestellbestätigung, das du im Menü E-Mail-Benachrichtigungen für Kunden anpassen kannst.

Die Bestellstatus-Seite überprüfen

Nach dem Bezahlvorgang für physische Produkte, Downloads und Dienstleistungen landen Kunden auf der Bestellstatus-Seite. Sie können auch auf einen Link in der Bestellbestätigungs-E-Mail klicken, um zu dieser Seite zurückzukehren. Auf der Bestellstatus-Seite werden Bestelldetails wie die Bestellnummer und die Gesamtsumme der Bestellung angezeigt. Sie zeigt auch den Status der Bestellung an, der je nachdem, ob du die Bestellung abgewickelt hast, „ausstehende Abwicklung“ oder „abgewickelt“ lauten kann. Wenn der Kunde die Option Zustellerabhängige Portokosten gewählt hat und du ein USPS-Versandetikett über Squarespace gekauft hast, werden die Daten zur Sendungsverfolgung auch angezeigt, wenn der Kunde bei seinem Konto angemeldet ist.

Kunden können auch ihre Versand- und Rechnungsinformationen überprüfen, wenn sie in ihrem Kundenkonto angemeldet sind. Wenn auf deiner Website SSL aktiviert ist, können Kunden auch Bestelldetails anzeigen, indem sie ihre E-Mail-Adresse und einen Code aus ihrer Bestellbestätigungs-E-Mail eingeben. Wenn sie kein Konto haben, können sie auf der Bestellstatus-Seite eines erstellen. Falls ein Kunde Probleme bei der Erstellung eines Kundenkontos oder bei der Anmeldung hat, findest du im Leitfaden für Kundenkonten Tipps zur Problembehebung.

Die Bestellstatus-Seite erscheint leer

Wenn die Bestellstatus-Seite leer erscheint oder andere Anzeigeprobleme aufweist, kann dies an benutzerdefiniertem Code liegen, den du zu deiner Website hinzugefügt hast. Benutzerdefinierter Code kann manchmal den integrierten Code von Squarespace beeinträchtigen und Probleme verursachen. Um das Problem zu beheben, entferne den gesamten benutzerdefinierten Code von deiner Website, speichere ihn zur sicheren Aufbewahrung in einem Textdokument und aktualisiere dann die Seite. Benutzerdefinierter Code ist eine erweiterte Änderung, die nicht in den Zuständigkeitsbereich des Squarespace-Supports fällt. Weitere Hilfe findest du im Squarespace Forum, unserem Online-Forum, in dem Kunden sich gegenseitig bei Codierungslösungen helfen.