Wissensdatenbank
Leitfäden
Academy
Video-Tutorials
Versuchen Sie es mit:
Zuletzt angesehene Artikel:

Inhaltsverzeichnis

Ändern des Designs Ihres Ecwid-Shops auf Wix

Ecwid ist professionell nach den neuesten E-Commerce-Trends gestaltet und sieht auf jedem Gerät gut aus. Wenn Sie Ecwid auf Ihrer Wix-Website installiert haben, können Sie sofort mit dem Verkauf beginnen. Dennoch können Sie das Design Ihres Ecwid-Shops auf Wix ändern, so dass Ihr Online-Schaufenster dem Gesamtbild Ihrer Website entspricht.

Mit dem intuitiven visuellen Editor in der Ecwid-App für Wix können Sie die Schriftarten und Farben des Shops ändern, die Größe und das Seitenverhältnis der Produktbilder anpassen, das Layout der Produkt- und Katalogseiten ändern und Seitenelemente ohne Programmierkenntnisse ausblenden.

Falls Sie ein komplett individuelles Design benötigen, können wir das Schaufenster nach Ihren Vorgaben anpassen. Geben Sie ein individuelles Design in Auftrag, das unsere Experten für Sie umsetzen.

Ändern von Schriftarten und Farben im Shop

Mit der Ecwid-App für Wix können Sie die bevorzugten Farben für den Hintergrund Ihres Shops, den Text, die Links und die Schaltflächen auswählen, den Schriftstil ändern und die Deckkraft des Hintergrunds anpassen, um einen Online-Shop zu erstellen, der perfekt zum allgemeinen Stil der Website passt.

Wenn Sie sich nicht sicher sind, welches Farbschema Sie für Ihren Shop wählen sollen, können Sie die Farben auswählen, die der Farbpalette der Hauptwebsite entsprechen, indem Sie die 60-30-10 Regel anwenden:

  • die Primärfarbe, die 60 % der Seite einnimmt – die Hintergrundfarbe;
  • die Sekundärfarbe, die 30 % der Seite einnimmt und mit der Primärfarbe kontrastiert – die Textfarbe;
  • die Akzentfarben, die 10 % der Seite einnehmen und entweder Ihre Primär- oder Sekundärfarbe ergänzen – die Farbe der Schaltflächen, Links und Produktpreise.

Was die Schriftarten betrifft, so empfehlen wir, nicht mehr als 2-3 Schriftarten für die Website zu wählen – eine für Überschriften und Titel, eine für Untertitel (optional) und eine für die Inhaltsbereiche. Zu viele Schriftstile können Ihre Website unordentlich und unprofessionell aussehen lassen. Es könnte damit schwierig sein, die wichtigen Botschaften zu erkennen, die Sie vermitteln wollen.

Um die Schriftart und die Farben des Shops zu ändern:

  1. Öffnen Sie Ihren Wix Website-Editor und wechseln Sie zu der Seite, auf der Ihr Ecwid-Shop installiert ist (standardmäßig ist es die Seite für den Online-Shop).
  2. Klicken Sie irgendwo in den Block mit Ihren Produkten und wählen Sie Einstellungen:

Einstellungen öffnen

  1. Wechseln Sie im Popup-Menü auf die Registerkarte Design:

Design-Registerkarte öffnen

  1. Wählen Sie die gewünschte Schriftart im Bereich Schriftstil:

Schriftart auswählen

  1. Wählen Sie die Hintergrundfarbe der Seite im Block der Farbauswahl aus und passen Sie die Deckkraft an, falls erforderlich:

Deckkraft und Farbe festlegen

  1. Legen Sie in den entsprechenden Farbauswahlfeldern die Farben für Text, Produktpreise, Links und Schaltflächen fest:

Farben auswählen

  1. Wenn Sie mit den von Ihnen vorgenommenen Farbänderungen nicht zufrieden sind, können Sie sie jederzeit wieder rückgängig machen, indem Sie auf die entsprechende Option klicken, um die Standardfarben wiederherzustellen:

Standardfarben wiederherstellen

Sie können das Ergebnis Ihrer Änderungen in der Vorschau überprüfen. Wenn Sie mit der Bearbeitung der Schriftarten und Farben fertig sind, denken Sie daran, Ihre Website zu veröffentlichen, um die Änderungen zu übernehmen.

Ändern des Designs der Produktliste

Produktlisten sind Seiten, auf denen die Artikel angezeigt werden, die der gleichen Produktkategorie oder der Startseite des Shops zugeordnet sind. Sie können die Art und Weise, wie Ihre Produkte auf den Listing-Seiten angezeigt werden, in der Ecwid-App für Wix anpassen.

So können Sie beispielsweise die Größe und das Seitenverhältnis der Produktbilder (Miniaturansichten) bestimmen. Große Bilder sind in der Regel gut geeignet, um die wichtigsten Details Ihrer Produkte zu zeigen, mittelgroße Bilder sind ein gutes Mittelmaß für die meisten Produkte, während kleine Bilder es ermöglichen, mehr Produkte pro Seite unterzubringen. Die kleinen Bilder eignen sich gut, wenn Ihre Produkte besser durch die Beschreibung als durch das Bild präsentiert werden, z. B. Autoteile, verschiedene Geräte usw.

Mit den Seitenverhältnismustern können Sie die Auflistungsseiten für die horizontal oder vertikal ausgerichteten Bilder anpassen. Sie können auch die Hintergründe der Miniaturansichten abdunkeln, um die Produkte auf der Seite besser hervorzuheben.

Versuchen Sie, die Ausrichtung des Textes in den Produktkarten oder die Sichtbarkeit der Produktnamen, Preise und „Jetzt kaufen“-Schaltflächen zu ändern, wenn Sie ein geräumigeres Aussehen der Produktlistenseiten wünschen.

Auf der gegenüberliegenden Seite können Sie die Produktnamen, Preise und „Jetzt kaufen“-Schaltflächen anzeigen und Ihren Kunden ermöglichen, Artikel direkt von den Katalogseiten aus in den Warenkorb zu legen.

Während Sie verschiedene Einstellungen ausprobieren, können Sie eine Live-Vorschau Ihrer Änderungen betrachten, ohne die Seite neu laden oder die Website veröffentlichen zu müssen. Wenn Sie mit dem Ergebnis nicht zufrieden sind, können Sie jederzeit die Standardeinstellungen wiederherstellen.

Zum Anpassen des Aussehens der Produktlistenseiten:

  1. Öffnen Sie Ihren Wix Website-Editor und wechseln Sie zu der Seite, auf der Ihr Ecwid-Shop installiert ist (standardmäßig ist es die Seite für den Online-Shop).
  2. Klicken Sie irgendwo in den Block mit Ihren Produkten und wählen Sie Einstellungen:

Einstellungen öffnen

  1. Wechseln Sie im Popup-Menü auf die Registerkarte Produktliste:

Produktliste öffnen

  1. Ändern Sie die Miniaturbildgröße und das Seitenverhältnis:

Miniaturbildgröße und Seitenverhältnis wählen

  1. Aktivieren Sie die Option zum Abdunkeln der Hintergründe der Miniaturansichten:

Hintergrund der Miniaturansicht abdunkeln

  1. Passen Sie die Ausrichtung von Text und Schaltflächen auf den Produktkarten an:

Ausrichtung von Produktkarten festlegen

  1. Aktivieren Sie die Option, wenn Sie einen Rahmen um die Produktkarten anzeigen möchten:

Produktkartenrahmen ein- oder ausblenden

  1. Wählen Sie, ob Sie Produktname, Preis, SKU, „Jetzt kaufen“-Schaltfläche und die Zusätzlichen Produktbilder (Galeriebilder) auf den Produktlistenseiten immer anzeigen, nur unter der Maus anzeigen oder ausblenden möchten:

Optionen zum Anzeigen auswählen

Sie können das Ergebnis Ihrer Änderungen in der Vorschau überprüfen. Wenn Sie mit der Bearbeitung des Designs der Produktlistenseiten fertig sind, denken Sie daran, sie zu veröffentlichen, um die Änderungen zu übernehmen.

Ändern des Designs der Produktseiten

Produktseiten sind Seiten, die detaillierte Informationen über ein Produkt enthalten: seine Beschreibung, eine Galerie mit zusätzlichen Bildern, Preis, Lagerbestand, Varianten und mehr.

Sie können das Aussehen der Produktseiten in der Ecwid-App für Wix anpassen, indem Sie das Seitenlayout und die Sichtbarkeit der Elemente in der Seitenleiste ändern.

Sie können aus mehreren Seitenlayout-Optionen wählen:

  • 2 Spalten mit Produktbeschreibung auf der rechten Seite: eine Standardoption, die mit hochwertigen Bildern und einer kurzen Beschreibung gut aussieht;
  • 2 Spalten mit Produktbeschreibung unter dem Bild: ein klassisches Layout, ideal für Produkte mit langen Beschreibungen;
  • 2 Spalten mit Produktbeschreibung auf der linken Seite: ein gespiegeltes Layout für Produkte, die besser durch ihre Beschreibung als durch das grafische Bild dargestellt werden;
  • 3 Spalten: ein inhaltsreiches Layout, das so viele Informationen wie möglich auf einem einzigen Bildschirm unterbringen kann und am besten auf breiten Bildschirmen funktioniert.

Um das Aussehen der Produktseiten zu ändern:

  1. Öffnen Sie Ihren Wix Website-Editor und wechseln Sie zu der Seite, auf der Ihr Ecwid-Shop installiert ist (standardmäßig ist es die Seite für den Online-Shop).
  2. Klicken Sie irgendwo in den Block mit Ihren Produkten und wählen Sie Einstellungen:

Einstellungen öffnen

  1. Wechseln Sie im Popup-Menü auf die Registerkarte Produkt:

Layout der Produktseite festlegen

  1. Wählen Sie das bevorzugte Layout im entsprechenden Abschnitt des Produktdetails-Layouts:

Produktdetails-Layout

  1. Wählen Sie im Bereich Produktgalerie-Layout, wie Sie die Galeriebilder anzeigen möchten:

Galerie-Layout

  1. Legen Sie im Bereich für den Seitenleisteninhalt fest, welche Produktdetails Sie anzeigen möchten:

Inhalt der Seitenleiste

Sie können das Ergebnis Ihrer Änderungen in der Vorschau überprüfen. Wenn Sie mit der Bearbeitung des Designs der Produktdetails fertig sind, denken Sie daran, sie zu veröffentlichen, um die Änderungen zu übernehmen.

Sie können zu Ihren Websites auch ein Warenkorb-Symbol und eine Produktsuchleiste hinzufügen. Mit dem Warenkorb können Ihre Kunden ihre Produkte überprüfen und von jeder Seite Ihrer Website aus schnell zur Kasse gehen. Mithilfe der Suchleiste finden Ihre Besucher ganz einfach, wonach sie suchen, ohne all die Seiten des Shops durchstöbern zu müssen.

Verwandte Artikel

Hinzufügen Ihres Ecwid-Shops zur Wix-Website
Hinzufügen von Kategorien zu Ihrem Ecwid-Shop auf Wix

War dieser Beitrag hilfreich?

Großartig! Vielen Dank für Ihr Feedback!

Vielen Dank für Ihr Feedback!

Das tut uns leid! Was ist schief gelaufen?
27 von 80 fanden dies hilfreich
10
Wir verwenden Cookies und ähnliche Technologien, um Ihre Präferenzen zu speichern, die Effektivität unserer Kampagnen zu messen und anonymisierte Daten zu analysieren, um die Leistung unserer Website zu verbessern. Mit der Auswahl von „Akzeptieren“ stimmen Sie der Verwendung von Cookies zu.
Cookies akzeptieren Ablehnen