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

Wix Stores: Einen „In den Warenkorb“-Button hinzufügen und einrichten

2 min
Du kannst einen eigenständigen „In den Warenkorb”-Button überall auf deiner Website platzieren. Der Button ist mit dem von dir ausgewählten Produkt verknüpft. Dies kann nützlich sein, wenn du irgendwo auf deiner Website über ein Produkt schreibst und es einem Kunden erleichtern möchtest, das Produkt in den Warenkorb zu legen.

Schritt 1 | Den „In den Warenkorb“-Button hinzufügen

Beginne, indem du zur entsprechenden Seite navigierst und dann den „In den Warenkorb“-Button aus dem „Hinzufügen“-Panel an die ideale Stelle ziehst.
GIF, das zeigt, wie du einen „In den Warenkorb“-Button zu einer Website-Seite auf einer Website von Wix hinzufügen kannst.
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  3. Klicke auf Shops.
  4. Ziehe den In den Warenkorb-Button auf die Seite.

Schritt 2 | Den Button mit einem Produkt verknüpfen

Damit der Button richtig funktioniert, musst du auswählen, welches Produkt beim Anklicken in den Warenkorb des Kunden gelegt wird.
Screenshot des Panels für die Einstellungen, in dem du auswählen kannst, welches Produkt mit dem „In den Warenkorb“-Button verknüpft wird.

Um den Button mit einem Produkt zu verbinden:

  1. Klicke in deinem Editor auf den „In den Warenkorb“-Button.
  2. Klicke auf Einstellungen
  3. (Optional) Bearbeite den Buttontext.
  4. Verbinde den Button mit einem Produkt:
    1. Klicke auf das Standardprodukt.
    2. Wähle ein Produkt aus.

Schritt 3 | Den Button gestalten

Jetzt kannst du den Button so gestalten, damit er perfekt auf die Seite passt.

Um das Design des Buttons anzupassen:

  1. Klicke in deinem Editor auf den „In den Warenkorb“-Button.
  2. Klicke auf Einstellungen
  3. Klicke auf Design.
  4. Nimm eine der folgenden Anpassungen vor:
    • Wähle das Button-Design.
    • Wähle eine Buttonfarbe aus und ziehe den Schieberegler, um die Deckkraft anzupassen.
    • Wähle eine Randfarbe aus und ziehe den Schieberegler, um die Randbreite anzupassen.
    • Ziehe den Schieberegler, um die Ecken runder oder eckiger zu gestalten.
    • Wähle eine Textfarbe oder Schriftart aus.
Screenshot der Designoptionen, die für den „In den Warenkorb“-Button verfügbar sind.
Hinweise:
  • Wenn ein Produkt nicht vorrätig ist, ändert sich der Buttontext zu „Ausverkauft“.
  • Es ist nicht möglich, das Design des „Ausverkauft“-Buttons zu bearbeiten.
GIF, das zeigt, wie du einen „In den Warenkorb“-Button zu einer Website-Seite auf einer Website von Wix hinzufügen kannst.
Screenshot des Panels für die Einstellungen, in dem du auswählen kannst, welches Produkt mit dem „In den Warenkorb“-Button verknüpft wird.
Screenshot der Designoptionen, die für den „In den Warenkorb“-Button verfügbar sind.