header-logo
Deine Website erstellenGestalte und verwalte deine Website mit Wix.
Konto und AbrechnungVerwalte Premiumpakete, Abos und Rechnungen
Wix Mobile AppsFühre dein Unternehmen und vernetze dich mit Mitgliedern.
Dein Unternehmen verwaltenStärke dein Unternehmen und deine Webpräsenz.
Werbung für deine WebsiteSteigere deine Sichtbarkeit mit SEO und Marketing.
Studio, Partner von Wix & EnterpriseNutze erweiterte Funktionen für mehr Effizienz.
Du benötigst weitere Hilfe?Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Wix LearnVerbessere deine Kenntnisse mit unseren Tutorials.
Wix BlogErhalte Tipps für Webdesign, Marketing und mehr.
SEO Learning HubErfahre, wie du den organischen Traffic steigerst.
Website developmentErstelle eine Website mit unserer Full-Stack-Plattform.
Engagiere einen ProfiFinde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Wix Stores: Deine Produktseite anpassen

In diesem Artikel
  • Elemente der Produktseite ein- oder ausblenden
  • Die Einstellungen der Produktseite anpassen
  • Das Layout und die Bildanzeige anpassen
  • Das Design der Produktseite anpassen
  • Den Text des Produktseiten-Buttons bearbeiten
  • Häufig gestellte Fragen (FAQs)
Wichtig:
Dieser Artikel gilt für die Produktseite im Wix Editor, im Wix Harmony Editor und die neue Produktseite im Wix Studio Editor. Erfahre, wie du die bisherige Produktseite von Wix Studio anpasst.
Die Produktseite ist eine dynamische Seite, die detaillierte Informationen über jedes deiner Produkte anzeigt.
Screenshot der Produktseite auf einer Beispielwebsite mit einem Online-Shop von Wix.
Das Design der Seite ist immer gleich, aber der Inhalt (Produktbilder und Text) ändert sich, je nachdem, welches Produkt angezeigt wird.
Alle Anpassungen, die du an der Produktseite vornimmst, wie zum Beispiel die Hintergrundfarbe oder der Buttontext, wirken sich auf alle Produkte aus.

Elemente der Produktseite ein- oder ausblenden

Klicke auf den Tab Anzeige, um auszuwählen, welche Elemente du auf der Produktseite ein- oder ausblenden möchtest.
Beachte, dass der „In den Warenkorb“-Button auf der Produktseite standardmäßig aktiviert ist. Du kannst auch das Wunschzettel-Symbol (im Tab Einstellungen) sowie den „Jetzt kaufen“-Button aktivieren.
Screenshot einiger der verfügbaren Buttons, die auf der Produktseite einer Website von Wix angezeigt werden können.
Du kannst den „Jetzt kaufen“-Button auch durch eine Expresskasse-Option ersetzen (z. B. PayPal, Apple Pay, Google Pay).
Screenshot einiger der verfügbaren Buttons, die auf der Produktseite einer Website von Wix angezeigt werden können.
Erfahre hier mehr über den Checkout mit PayPal oder mit Apple Pay oder Google Pay.

Um Elemente auf der Produktseite ein- oder auszublenden:

  1. Öffne deinen Editor.
  2. Öffne deine Produktseite:
    1. Klicke links im Editor auf Seiten & Menü .
    2. Klicke auf Shop-Seiten.
    3. Klicke auf Produktseite.
  3. Klicke auf deiner Seite auf das Element „Produktseite“.
  4. Klicke auf Einstellungen.
Screenshot der Produktseite im Editor von Wix und des hervorgehobenen Buttons „Einstellungen“.
  1. Klicke auf Anzeigen.
  2. Aktiviere oder deaktiviere die Kontrollkästchen, um Elemente ein- oder auszublenden.
Tipp:
Wenn du das Kontrollkästchen neben „Geringe Verfügbarkeit“-Nachricht aktivierst, werden Kunden darüber informiert, dass nur noch wenige Einheiten verfügbar sind. Wenn der Bestand eines Produkts auf weniger als 10 sinkt, wird eine Nachricht angezeigt (z. B. „Nur 3 auf Lager“).

Die Einstellungen der Produktseite anpassen

  1. Öffne deinen Editor.
  2. Öffne deine Produktseite:
    1. Klicke links im Editor auf Seiten & Menü .
    2. Klicke auf Shop-Seiten.
    3. Klicke auf Produktseite.
  3. Klicke auf deiner Seite auf das Element „Produktseite“.
  4. Klicke auf Einstellungen.
Screenshot der Produktseite im Editor von Wix und des hervorgehobenen Buttons „Einstellungen“.
  1. Klicke auf Einstellungen.
  2. Klicke auf den „In den Warenkorb“-Button:
    1. Klicke auf den Schieberegler Button Sticky machen, um ihn zu aktivieren.
      Tipp: Diese Einstellung ist für Mobilgeräte gedacht. Wenn diese Option aktiviert ist, bleibt der „In den Warenkorb“-Button immer sichtbar.
    2. Wähle aus, was passiert, wenn der Button angeklickt wird:
      • Erfolgs-Pop-up anzeigen: Eine Pop-up-Benachrichtigung wird angezeigt.
        Hinweis: Das Pop-up wird nicht auf Mobilgeräten angezeigt. Kunden werden zur Warenkorbseite geleitet.
      • Sidebar-Warenkorb öffnen: Öffnet sich am Rand des Bildschirms.
      • Zum Warenkorb leiten: Kunden werden direkt zur Warenkorbseite weitergeleitet.
      • Auf der Produktseite bleiben: Kunden bleiben auf der Produktseite. Auf dem Button erscheint ein Häkchen, um anzuzeigen, dass das Produkt erfolgreich hinzugefügt wurde.
  3. Klicke auf den Wunschzettel-Button und dann auf den Schieberegler „Auf den Wunschzettel“-Button anzeigen, um ihn zu aktivieren oder zu deaktivieren.
    Tipp: Erfahre hier mehr über das Hinzufügen und Einrichten des Wunschzettels.

Das Layout und die Bildanzeige anpassen

Klicke auf den Tab Layout, um das beste Produktseiten-Layout für deinen Shop auszuwählen. Passe anschließend an, wie Bilder angezeigt werden.
Hinweis:
Die Bildoptionen variieren je nach ausgewähltem Layout.
  1. Öffne deinen Editor.
  2. Öffne deine Produktseite:
    1. Klicke links im Editor auf Seiten & Menü .
    2. Klicke auf Shop-Seiten.
    3. Klicke auf Produktseite.
  3. Klicke auf deiner Seite auf das Element „Produktseite“.
  4. Klicke auf Einstellungen.
Screenshot der Produktseite im Editor von Wix und des hervorgehobenen Buttons „Einstellungen“.
  1. Klicke auf den Tab Layout.
  2. Allgemein:
    1. Wähle ein Layout für die Produktseite.
    2. Klicke auf den Schieberegler Volle Bildschirmbreite, um ihn zu aktivieren oder zu deaktivieren.
  3. Produktbilder: Erfahre hier mehr über das Anzeigen von Bildern in deinem Shop.
    1. Klicke auf das Dropdown-Menü Bildverhältnis und wähle ein Bildverhältnis aus.
    2. Wähle unter Bildgröße ändern eine Option:
      • Zuschneiden: Schneidet alle Bilder auf die gleiche Größe zu.
      • Anpassen: Behält das Seitenverhältnis der Bilder bei.
    3. Klicke auf den Schieberegler Bild vergrößern, um ihn zu aktivieren (für einige Layouts verfügbar). Hinweis: Um eine Vorschau der Vergrößerung anzuzeigen, öffne deine Live-Website.
    4. Wähle unter Miniaturbilder anzeigen aus, wie du Bild- Minitaurbilder anzeigen möchtest.
  4. Farbfelder: Wähle aus, wie die Auswahl von Produktoptionen und Modifikatoren angezeigt werden soll (z. B. „Größe“) und passe deine gewählte Option an.

Das Design der Produktseite anpassen

Du kannst die Farben, Schriftarten, Buttondesigns und mehr anpassen, um ein Design zu erstellen, das zum Stil deines Shops passt. Um loszulegen, klicke auf den Tab Design.
Tipp:
Die verfügbaren Anpassungen können je nach Layout und Einstellungsoptionen variieren.
  1. Öffne deinen Editor.
  2. Öffne deine Produktseite:
    1. Klicke links im Editor auf Seiten & Menü .
    2. Klicke auf Shop-Seiten.
    3. Klicke auf Produktseite.
  3. Klicke auf deiner Seite auf das Element „Produktseite“.
  4. Klicke auf Einstellungen.
Screenshot der Produktseite im Editor von Wix und des hervorgehobenen Buttons „Einstellungen“.
  1. Klicke auf den Tab Design.
  2. Passe das Design mit den verfügbaren Optionen an.
Erfahre hier mehr über:

Den Text des Produktseiten-Buttons bearbeiten

Klicke auf den Tab Text, um eine beliebige der verfügbaren Textoptionen zu bearbeiten, die auf den Buttons der Produktseite angezeigt werden können.
Tipp:
Wenn du die „In den Warenkorb“- oder „Jetzt kaufen“-Buttons deaktiviert hast, werden dir einige Optionen nicht angezeigt.
  1. Öffne deinen Editor.
  2. Öffne deine Produktseite:
    1. Klicke links im Editor auf Seiten & Menü .
    2. Klicke auf Shop-Seiten.
    3. Klicke auf Produktseite.
  3. Klicke auf deiner Seite auf das Element „Produktseite“.
  4. Klicke auf Einstellungen.
Screenshot der Produktseite im Editor von Wix und des hervorgehobenen Buttons „Einstellungen“.
  1. Klicke auf Text.
  2. Bearbeite eine der verfügbaren Textoptionen.
Erfahre hier mehr über:

Häufig gestellte Fragen (FAQs)