Warenkorb & Kasse

So erscheinen Warenkorb und Kasse auf deiner Seite

Sobald ein Produkt im Warenkorb liegt, öffnet sich ein Schiebe-Warenkorb, der von rechts hereinfährt. Darin sieht deine Kundschaft die Positionen mit Bild, Menge und Preis, kann die Menge ändern oder etwas entfernen, einen Rabattcode eingeben und geht dann über „Zur Kasse" weiter in dasselbe Panel, das dort zum Bestellformular wird. Geöffnet wird der Warenkorb über das Warenkorb-Symbol im Header (mit kleiner Zahl-Blase) oder über einen schwebenden Warenkorb-Knopf unten rechts, falls im Header kein Symbol sitzt. Farben, Eckenradius und Schrift übernimmt dieses Panel von deiner Website, sodass Warenkorb und Kasse automatisch zu deiner Marke passen. Die Produktseite selbst gestaltest du frei im Website-Builder unter der Produktvorlage (Studio → Websites); Warenkorb und Kasse sind bewusst ein festes, sicheres Panel, das du über die Einstellungen anpasst statt Baustein für Baustein.

Die Kasse einrichten

Geh auf Studio → Shop → Einstellungen und öffne oben den Abschnitt Checkout. Unter „Formularfelder der Kasse" legst du fest, welche Angaben abgefragt werden: Reihenfolge über die Pfeile, pro Feld die Schalter Pflicht und Anzeigen. Name, E-Mail und Land sind Kernfelder, tragen die Markierung fix und lassen sich nicht entfernen. Bei rein digitalen Bestellungen heißt das Adressfeld in der Kasse Rechnungsadresse, denn geliefert wird nichts; „Abweichende Rechnungsadresse“ entfällt dann. Unter „Checkout-Design“ blendest du es mit „Bei digitalen Produkten keine Adresse abfragen“ ganz aus. Über der Kleinbetragsgrenze der Rechnung (250 € in Deutschland, 400 € in Österreich) fragt die Kasse die Anschrift trotzdem ab. Die USt-IdNr. ist freiwillig: Direkt am Feld steht, dass sie nur bei Bestellungen als Firma nötig ist. Im Block „Bestellablauf" erlaubst du bei Bedarf die Gastbestellung und setzt einen Mindestbestellwert. Unter „Checkout-Design" wählst du den Schrittprozess (1-Step = alles auf einer Seite, 2-Step/3-Step = Kundendaten, Versand und Zahlung verteilt), das Layout (Formular und Übersicht getrennt oder gestapelt) sowie die Feld-Optik und den Eckenradius. Ganz unten passt du unter „Design & Texte der Kasse" die Überschrift, den Text auf dem Zahlen-Knopf, einen Sicherheitshinweis und die Vertrauenszeilen an. Für englische Seiten gibt es daneben „Vertrauenszeilen auf Englisch“: Die Kasse zeigt sie auf englischen Seiten; bleibt das Feld leer, stehen dort die deutschen Zeilen. Alles speichert automatisch.

Unter Danke-Seite wählst du, wohin Kund:innen nach der Bestellung kommen – eine Seite deiner Website oder eine eigene Adresse. Gibt es noch keine Danke-Seite, legt „Danke-Seite anlegen“ sie fertig gestaltet an und wählt sie aus. Einzelne Produkte können unter Dankeschön-Seite eine eigene bekommen – mit demselben Knopf.

Live-Vorschau der Kasse

Neben den Checkout-Einstellungen (auf schmalen Bildschirmen darunter) siehst du die echte Kasse mit einem Beispiel-Warenkorb aus einem physischen und einem digitalen Artikel deines Shops. Jede Änderung erscheint sofort: Felder, Schritte, Layout, Farben, Texte, Rabattfeld und Rechtstexte. Oben wechselst du zwischen Desktop und Handy und zwischen den Ansichten Warenkorb, den einzelnen Kassen-Schritten und der Bestätigung. In der Vorschau wird nichts bestellt, bezahlt oder gesendet; der Bestell-Knopf zeigt nur einen Hinweis.

Aussehen anpassen: Farben, Hintergrund und Schrift

Im Abschnitt Checkout findest du unter „Checkout-Design" den Block „Farben & Schrift". Dort setzt du eine eigene Akzentfarbe für Knöpfe, ausgewählte Optionen und den Fokusrahmen; lässt du das Feld leer, verwendet die Kasse deine Markenfarbe. Der Hintergrund steuert die Fläche hinter dem Formular (Standard ist Weiß), und über Schriftart wählst du eine beliebige Schrift aus der Schriften-Bibliothek (mit Vorschau und Suche). Die Schrift liefert BirdBuild selbst aus, Besucher kontaktieren dafür keinen fremden Dienst. Farbfelder öffnest du per Klick und wählst die Farbe über die Paletten-Swatches oder gibst einen Hex-Wert ein. Zusätzlich kannst du mit den Schaltern darunter zum Beispiel den Rabattcode erlauben, das Abzeichen „Sicherer Checkout" zeigen, die Bestellübersicht auf dem Handy nach oben holen oder die Kasse auf volle Höhe erweitern.

Adresse mit Autovervollständigung

Im Adressfeld der Kasse tippt deine Kundschaft einfach los, zum Beispiel Straße und Ort, und bekommt nach wenigen Zeichen eine Vorschlagsliste. Ein Klick auf einen Vorschlag füllt Straße, Postleitzahl und Ort in das Adressfeld und stellt, wenn erkennbar, gleich das passende Land ein. Wer lieber selbst tippt, gibt die Adresse weiterhin ganz normal von Hand ein. Die Vorschläge stammen aus dem freien Kartendienst OpenStreetMap und laufen über den BirdBuild-Server, sodass nur der eingetippte Adressteil übermittelt wird, nicht Name oder IP-Adresse deiner Kundschaft. Du musst dafür nichts einrichten oder freischalten, das ist in der Kasse fest eingebaut. Unter der Vorschlagsliste steht der Pflichthinweis „Adressdaten © OpenStreetMap".

Ablauf und Rabattcodes

Ob nach dem Klick auf einen Produkt-Knopf zuerst der Warenkorb aufgeht oder direkt die Kasse, steuerst du in den Shop-Einstellungen über die Auswahl zwischen „In den Warenkorb" und „Direkt zur Kasse". Ist der Rabattcode erlaubt, erscheint im Warenkorb ein Feld mit dem Knopf Anwenden; gültige Codes legst du unter Studio → Shop → Rabatte an. Nach einer Bestellung landet die Kundschaft auf der eingebauten Danke-Ansicht mit Bestellnummer, oder du hinterlegst im Checkout unter „Danke-Seite" eine eigene Zielseite. Alle Preise, Versandkosten und Rabatte werden beim Absenden noch einmal auf dem Server geprüft, damit an der Kasse nichts manipuliert werden kann.

Kurse und Minikurse: Kundenkonto direkt in der Kasse

Ein Kurs läuft über deine Community: Das Produkt hat den Typ Mitgliedschaft und ist mit der Community verknüpft, oder es ist das Zugangsprodukt einer bezahlten Community. Für den Zugang braucht die Käuferin ein Kundenkonto. Die Kasse sagt das gleich am Anfang und fragt direkt unter der E-Mail-Adresse nach einem Passwort für dein Kundenkonto (mindestens 8 Zeichen). Das Konto entsteht mit der Bestellung, ein eigener Registrierungs-Schritt ist nicht nötig. Wer schon ein Konto hat, meldet sich über Schon eins? an, danach geht die Bestellung weiter.

Freigeschaltet wird der Kurs, sobald die Bestellung bezahlt ist: bei 0 € sofort, bei Rechnung oder Vorkasse mit dem Zahlungseingang, bei Online-Zahlung nach der Bestätigung des Zahlungsanbieters. Dann kommt eine Willkommens-Mail mit dem Knopf zum Kurs. Bei einem neuen Konto bestätigt dieser Klick zugleich die E-Mail-Adresse. Die Danke-Ansicht und die Bestellbestätigung sagen das genau so, und im Kundenkonto steht der Kurs unter Meine Kurse mit dem Knopf Zum Kurs.

Ist unter Shop → Einstellungen → Kundenkonto der Schalter Kundenkonto anbieten aus, können nur bestehende Konten Kurse kaufen: Die Kasse bittet dann um die Anmeldung.

Gratis-Bestellungen, etwa ein Lead-Magnet

Kostet der ganze Warenkorb 0 € und muss nichts versendet werden, fragt die Kasse nur das Nötigste ab: Name und E-Mail-Adresse. Land, Adresse, Firma, Telefon und Anmerkung erscheinen nur, wenn du sie unter Shop → Einstellungen → Checkout als Pflicht markiert hast. Auch das Häkchen zum Widerrufsrecht entfällt: Ohne Preis erlischt das Widerrufsrecht bei digitalen Inhalten mit dem Beginn der Bereitstellung und bei einem Zugang mit der vollständigen Erbringung, eine Zustimmung braucht es dafür nicht (§ 356 Abs. 4 und 5 BGB, § 18 FAGG). Ein Rabattcode über 100 % macht aus einem bezahlten Produkt kein Gratis-Produkt, dort bleibt das Häkchen.