Gestaltung deines Kassenbereichs

Passe deinen Kassenbereich an das Design deiner Website an.

Zuletzt aktualisiert: 22. August 2024

Gestalte die Kassenseite so, dass sie der Ästhetik deiner Website entspricht. Du kannst die Ausrichtung des Headers sowie die Text-, Hintergrund- und Button-Farben anpassen. Diese Änderungen gelten auch für die Kassenseite von Spenden-Blöcken.

Um mehr über die anderen Möglichkeiten zu erfahren, wie du deinen Kassenbereich anpassen kannst, besuche Anpassen des Einkaufserlebnisses und Eine barrierefreie E-Commerce-Website erstellen.

Hinweis

Es ist derzeit nicht möglich, den Text der Kassenseite zu ändern.

Video ansehen

Den Kassenbereich gestalten

  1. Öffne das Seiten-Menü, scrolle nach unten, klicke auf System-Seiten und dann auf Kasse.
  2. Use style tweaks to customize different elements of the page.
  3. When you’re finished styling the checkout page, click Save.

Es wird ein Banner mit der Nachricht Die Kasse ist deaktiviert angezeigt. Das bedeutet, dass die Änderungen, die du vornimmst, noch nicht sichtbar sind. Kunden können deine Produkte aber trotzdem kaufen, während du die Seite gestaltest. Deine Änderungen werden erst dann sichtbar, wenn du die Seite speicherst.

Du kannst Folgendes anpassen:

  • Hintergrundfarbe
  • Website-Logo anzeigen
  • Title Color - Change your Site Title color, if Show Site Logo is unchecked.
  • Kopfzeile: Farbe
  • Kopfzeile: Randfarbe
  • Header: Ausrichtung – Zeige den Titel oder das Logo links, mittig oder rechts vom Header an.
  • Button: Farbe – Ändere die Buttons auf der Seite, einschließlich der Buttons Fortfahren und Einlösen. Wir raten davon ab, die Farbe auf transparent oder weiß zu ändern. Da der Button-Text nicht geändert werden kann, wird der Button ausgeblendet und hindert Kunden daran, die Transaktion fortzusetzen.
checkout-page-styles3.png

Hinweis

It's not possible to change the appearance of your site title on the checkout page.

Nach dem Bezahlvorgang

Welche Seite nach dem Bezahlvorgang angezeigt wird, hängt vom Kauf des Kunden ab.

Bestellstatus-Seite: physische Produkte, digitale Artikel und Dienstleistungen

Wenn dein Kunde ein physisches Produkt, einen digitalen Artikel oder eine Dienstleistung gekauft hat, wird die Bestellstatus-Seite angezeigt. Diese Seite enthält die meisten Bestelldetails und die Option zum Erstellen eines Kundenkontos. Sie hat immer einen weißen Hintergrund und verwendet eine Standard-Schriftart. Es ist nicht möglich, die Bestellstatus-Seite unter Website-Stile anzupassen. Um eine Vorschau der Bestellstatus-Seite anzuzeigen, besuche Wie Kunden deine Produkte kaufen. Du kannst auch eine Testbestellung mit einem unterstützten Produkttyp ausführen.

Tipp

Wenn die Bestellstatus-Seite nicht angezeigt wird, wenn du eine Testbestellung für einen unterstützten Produkttyp ausführst, liegt das wahrscheinlich daran, dass du „Code einfügen“ zu deiner Website hinzugefügt hast. Näheres erfährst du unter Verwenden von „Code einfügen“

Bestellbestätigungsseite: Abonnement, Geschenkgutscheine und Mitgliedschaften

Wenn dein Kunde ein Abonnement, einen Geschenkgutschein oder eine Mitgliedschaft gekauft hat, wird eine vereinfachte Bestellbestätigungsseite mit dem Text Bestellung bestätigt und der Bestellnummer angezeigt. Diese Seite entspricht den Stilen deiner Website. Um eine Vorschau der Bestellbestätigungsseite anzuzeigen, führe eine Testbestellung mit einem unterstützten Produkt aus.

Wie du den Text der Bestellbestätigungsseite gestaltest, hängt von der Version deiner Website ab.

Verwende die folgenden Anpassungen, um die Bestellbestätigungsseite zu gestalten. Denke daran, dass das Farbschema der Bestellbestätigungsseite mit deiner standardmäßigen 404-Seite übereinstimmt.

  • Schriftart von „Bestellung bestätigt“ – Entspricht Überschrift 1
  • Farbe von „Bestellung bestätigt“ – Entspricht Überschrift (Extragroß)
  • Text-Schriftart der Bestellnummer und -bestätigung – Entspricht Absatz 2
  • Textfarbe der Bestellnummer und -bestätigung – Entspricht Absatz (mittelgroß)
  • Schriftart von „Dein Kauf enthält Downloads“ – Entspricht Überschrift 3
  • Farbe von „Dein Kauf enthält Downloads“ – Entspricht Überschrift (mittelgroß)

In allen Templates:

  • Text von „Bestellung bestätigt“ – Entspricht dem Text von Überschrift 1
  • Text der Bestellnummer und -bestätigung – Entspricht dem Textkörper
  • Text von „Dein Kauf enthält Downloads“ – Entspricht dem Text von Überschrift 3

Weitere Informationen zum Ändern von Schriftarten und Farben findest du unter Stil-Änderungen vornehmen.

Order confirmation page header content

Es ist nicht möglich, Bilder und andere Inhalte zu deinem Kassenbereich hinzuzufügen. In Version 7.0 zeigen diese Template-Gruppen jedoch Inhalte aus ihren standardmäßigen 404-Seiten auf Bestellbestätigungsseiten, Warenkörben und Suchvorgängen an:

  • Avenue
  • Farro
  • Five
  • Wexley
  • York

Um unerwünschte Kopfzeilen-Inhalte in diesen Template-Gruppen zu entfernen, bearbeite deine Standard-404-Seite oder erstelle eine benutzerdefinierte 404-Seite.

Nächste Schritte

Now that you’ve adjusted the checkout page style, you can customize other elements of the checkout experience:

Mehr dazu erfährst du unter Ihren Bezahlvorgang anpassen.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.

Gestaltung deines Kassenbereichs