header-logo
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Den Warenkorb anpassen

6 min
Wichtig:
  • Der Mini-Warenkorb wurde durch eine verbesserte Version, den Sidebar-Warenkorb ersetzt. Wenn du den Sidebar-Warenkorb noch nicht hast, veröffentliche deine Website, um ihn zu erhalten.
  • Dieser Artikel ist relevant für Wix Stores, Wix Bookings und Wix Restaurants Orders (Neu).
Der Sidebar-Warenkorb ist eine Vorschau der Warenkorbseite, die sich am Rand deiner Website-Seiten öffnet. Kunden können zum Warenkorb gelangen, indem sie auf das Warenkorb-Symbol oder den „In den Warenkorb“-Button klicken.
Screenshot des Sidebar-Warenkorbs.

Auf den Warenkorb im Editor zugreifen

Wenn du nur eine Business-Lösung verwendest, greifst du über den entsprechenden Abschnitt auf der Seite dieser Business-Lösung in deinem Editor auf den Warenkorb zu. Wenn du zum Beispiel nur Wix Stores verwendest, findest du den Sidebar-Warenkorb unter Shop-Seiten.

Wenn du jedoch mehr Business-Lösungen verwendest, zum Beispiel Wix Stores und Wix Bookings, befindet sich der Warenkorb unter Warenkorb & Bestätigung.
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten & Menü .
  3. Wähle die entsprechende Unternehmenslösung aus (Shop-Seiten, Buchungsseiten oder Restaurantseiten) oder wähle Warenkorb & Bestätigung.
  4. Wähle Sidebar-Warenkorb aus.

Warenkorb-Symbol festlegen, um den Sidebar-Warenkorb zu öffnen

Du kannst festlegen, was passiert, wenn ein Kunde auf das Warenkorb-Symbol klickt. So kannst du Kunden zum Sidebar-Warenkorb oder direkt zur Warenkorbseite leiten.

Festlegen, was passiert, wenn das Warenkorb-Symbol geklickt wird:

  1. Klicke in deinem Editor auf das Warenkorb-Symbol.
Screenshot des Warenkorb-Symbols.
  1. Klicke auf Einstellungen.
  2. Wähle den Tab Einstellungen.
  3. Wähle eine Option:
    • Sidebar-Warenkorb anzeigen: Wenn Kunden auf das Warenkorb-Symbol klicken, öffnet sich der Sidebar-Warenkorb auf der rechten Seite. Von dort aus können sie auf Warenkorb anzeigen klicken, um zur Warenkorbseite zu gelangen, oder auf Checkout, um direkt zum Kauf ihrer Bestellung zu gelangen.
    • Vollständige Warenkorbseite öffnen: Wenn Kunden auf das Warenkorbsymbol klicken, werden sie zur Warenkorbseite weitergeleitet.

Den „In den Warenkorb“-Button einrichten, um den Sidebar-Warenkorb zu öffnen

Du kannst festlegen, was passiert, wenn ein Kunde auf den „In den Warenkorb“-Button klickt.Der „In den Warenkorb“-Button kann so eingestellt werden, dass er direkt zum Warenkorb oder zu einer der anderen Optionen führt.
Tipps:
  • Diese Option ist nur für Wix Stores relevant.
  • Der Button kann auf der Produktseite, auf der Kategorieseite oder in einer Galerie angezeigt werden.
Screenshot der Produktseite.

Um festzulegen, was passiert, wenn „In den Warenkorb“ geklickt wird:

  1. Klicke im Editor auf die Produktseite, Kategorieseite oder eine Gittergalerie.
    Tipp: Der Button kann jeweils separat angepasst werden.
  2. Klicke auf Einstellungen.
  3. Klicke auf den Tab Einstellungen.
  4. Achte darauf, dass unter „In den Warenkorb“-Button der Schalter Button anzeigen aktiviert ist.
  5. Wähle eine Option unter Beim Anklicken des Buttons:
    • Erfolgs-Pop-up anzeigen: Eine Pop-up-Benachrichtigung wird angezeigt.
      Hinweis: Das Erfolgs-Pop-up wird nicht auf Mobilgeräten angezeigt. Mobile Kunden werden zur Warenkorbseite weitergeleitet.
    • Sidebar-Warenkorb öffnen: Der Sidebar-Warenkorb wird am Bildschirmrand geöffnet.
    • Zur Warenkorbseite leiten: Kunden werden direkt zur Warenkorb-Seite geleitet.
    • Auf aktueller Seite bleiben: Kunden bleiben auf derselben Seite. Auf dem Button wird ein Häkchen angezeigt, um darzustellen, dass das Produkt erfolgreich hinzugefügt wurde.

Den Warenkorb anpassen

Nimm Änderungen am Text und Design des Sidebar-Warenkorbs vor, damit dieser zum Design deiner Marke passt.
Tipp:
Um den Sidebar-Warenkorb mit Artikeln anzuzeigen, während du ihn anpasst, klicke oben rechts im Editor auf Vorschau, füge einen Artikel hinzu (z. B. ein Produkt oder einen Service) und dann Zurück zum Editor, um den Vorschaumodus zu verlassen.

Um den Warenkorb anzupassen:

  1. Klicke in deinem Editor auf den Warenkorb.
  2. Klicke auf Einstellungen.
Screenshot des Wix Editor mit einem Teil des Sidebar-Warenkorbs und dem hervorgehobenen Button „Einstellungen“.
  1. Passe den Sidebar-Warenkorb mit den verfügbaren Optionen an:
    • Einstellungen: Blende eines der Sidebar-Warenkorb-Elemente ein oder aus.
    • Design: Passe Farben, Schriftarten, Deckkraft und vieles mehr an.
    • Text: Bearbeite den Standardtext.
  2. Passe die Überlagerung der Seite an:
    1. Klicke außerhalb des Sidebar-Warenkorbs auf eine beliebige Stelle auf der Seite.
    2. Klicke auf Hintergrund ändern.
    3. Klicke auf Einstellungen und passe die Überlagerung an.
  3. Lege fest, was passiert, wenn Kunden außerhalb des Sidebar-Warenkorbs auf die Seite klicken:
    1. Klicke außerhalb des Sidebar-Warenkorbs auf eine beliebige Stelle auf der Seite.
    2. Klicke auf Überlagerung aktivieren.
    3. Klicke auf den Schalter Lightbox durch Anklicken schließen, um ihn zu aktivieren oder zu deaktivieren:
      • Aktiviert: Wenn Kunden außerhalb des Warenkorbs klicken, wird der Warenkorb geschlossen. Kunden können den Warenkorb auch schließen, indem sie in der oberen Ecke auf das „X“ klicken.
      • Deaktiviert: Wenn Kunden außerhalb des Sidebar-Warenkorbs auf die Seite klicken, passiert nichts. Kunden können den Warenkorb schließen, indem sie in der oberen Ecke auf das „X“ klicken.
  1. Wenn du fertig bist, klicke auf Modus verlassen.
Screenshot des Wix Editor mit einem Teil des Sidebar-Warenkorbs und dem hervorgehobenen Button „Modus verlassen“.
  1. (Optional) Du kannst zum Mobile-Editor wechseln und den Sidebar-Warenkorb auf deiner Mobile-Website anpassen.
    Tipp: Anpassungen, die du im Mobile-Editor vornimmst, wirken sich nicht auf den Sidebar-Warenkorb auf dem Desktop aus.

Häufig gestellte Fragen (FAQs)

Klicke unten auf eine Frage, um mehr zu erfahren.
Screenshot des Sidebar-Warenkorbs.
Screenshot des Warenkorb-Symbols.
Screenshot der Produktseite.
Screenshot des Wix Editor mit einem Teil des Sidebar-Warenkorbs und dem hervorgehobenen Button „Einstellungen“.
Screenshot des Wix Editor mit einem Teil des Sidebar-Warenkorbs und dem hervorgehobenen Button „Modus verlassen“.