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

Inhaltsverzeichnis

Anpassung des Schaufenster-Designs in Ecwid

Sie können das Aussehen Ihres Shops über den Abschnitt Gestaltung in Ihrem Ecwid-Admin konfigurieren. Wählen Sie die Größe der Bilder, das Layout der Produktkarte, die Position des Kategorienamens und vieles mehr nach Ihren Wünschen. Sobald Sie die Einstellungen aktualisieren, werden die Änderungen sofort im Shop auf Ihrer Website angezeigt.

Wenn Sie über WordPress oder Wix verkaufen, können Sie das Schaufensterdesign auf der Seite Ihres Website-Baukastens einrichten.
Für WordPress-Benutzer: Folgen Sie diesen Anweisungen (auf Englisch) →
Für Wix-Benutzer: Folgen Sie diesen Anweisungen (auf Englisch)

Gestaltung der Produktkarte

Eine Produktkarte enthält ein Bild und einen Inhalt, um Ihren Kunden einen kurzen Überblick über ein Produkt zu geben.

Bild

Um die Größe eines Bildes anzupassen, navigieren Sie zu Gestaltung → Bildgröße. Größere Bilder sind am besten geeignet, um Details zu zeigen. Wählen Sie das große Format für Bilder zur Präsentation von Schmuck, Inneneinrichtung usw.

Die Ausrichtung im Querformat kann unter Gestaltung → Seitenverhältnis der Bilder angepasst werden. Sie können die Ausrichtung wählen, die für Ihre Produkte am besten geeignet ist. Das Hochformat eignet sich zum Beispiel hervorragend für die Darstellung von Kleidungsstücken.

Um zwei Produktbilder in der Produktkarte anzuzeigen, navigieren Sie zu Gestaltung → Angaben und Layout der Produktfelder → Zusätzliches Produktbild und wählen Sie Unter der Maus anzeigen.

Inhalt

Sie können die Produktdetails auf der Karte oder ihre Details unter dem Mauszeiger anzeigen (beachten Sie, dass dies für mobile Kunden nicht funktioniert, da es bei Handys keinen Mauszeiger gibt) oder sie ausblenden. Legen Sie unter Gestaltung → Angaben und Layout der Produktkarten fest, was angezeigt werden soll:

Adjusting_storefront_design__1_.png

Wenn Sie auf einer Instant Site verkaufen, werden alle Einstellungen, die Sie unter Gestaltung vornehmen, sowohl auf Ihrer Shopseite (https://YOUR-STORE.company.site/products) als auch auf dem Block „Empfohlene Produkte“ auf der Hauptseite angewendet. Für den Block „Empfohlene Produkte“ können Sie weitreichende Anpassungen in Ihrem Instant Site Editor vornehmen.

Layout der Produktseite einrichten

Sie können entscheiden, wie die Produktseiten aussehen sollen, indem Sie das Layout für sie auswählen. Unter Gestaltung → Sidebar können Sie festlegen, ob Kurzbeschreibung, Artikelnummer (auf Englisch), Teilen-Schaltflächen für soziale Medien und andere Informationen angezeigt werden sollen oder nicht.

Die Art und Weise, wie Informationen auf einer Seite angezeigt werden, kann unter Gestaltung → Produktseiten-Layout angepasst werden.

Sie können unter Design → Bildgalerie-Miniaturansichten auch das Layout für die Thumbnails auswählen. Wenn Sie eine Galerie mit hochwertigen Fotos für Ihre Produkte hochgeladen haben, ist es besser, die Bilder in voller Größe zu zeigen, damit sich die Kunden alle Bilder ansehen können.

Produkte im Schaufenster hervorheben

Sie können zu jedem Artikel in Ihrem Katalog Produktribbons hinzufügen, um ihn im Schaufenster hervorzuheben. Ribbons sind farbige, horizontale Kennzeichnungen, die auf den Miniaturansichten der Produktanzeigen und den Produktdetailseiten angezeigt werden.

Erfahren Sie, wie Sie Ribbons zu Produkten hinzufügen →

Adjusting_storefront_design__2_.png

Sie können auch eine GIF-Datei als Produktbild anstelle eines normalen statischen Fotos hochladen. Auf diese Weise wird die GIF-Animation die Aufmerksamkeit der Besucher Ihres Shops auf sich ziehen.

Um ein animiertes Bild hinzuzufügen, laden Sie die .gif-Datei als Ihr Hauptproduktbild hoch, wodurch es im Schaufenster erscheinen wird:

gif_animation.gif

Hinzufügen von Bannern im Schaufenster

Um die Aufmerksamkeit der Kunden auf Ihre Sonderangebote, den saisonalen Ausverkauf, die sozialen Medien oder etwas anderes zu lenken, können Sie ein Banner in Ihr Schaufenster einfügen. Das Banner kann auf der Startseite des Shops oder auf einer der Kategorieseiten platziert werden.

Erfahren Sie, wie Sie ein Banner oder Begrüßungstexte in Ihren Shop einfügen (auf Englisch) →

Empfohlene Produkte anzeigen

Sie können bestimmte Produkte hervorheben, indem Sie sie in Ihrem Schaufenster im Abschnitt „Empfohlene Produkte“ anzeigen. Auf diese Weise erhöhen Sie die Chancen, die von Ihnen vorgestellten Produkte zu verkaufen.

Folgen Sie den Anweisungen, um empfohlene Produkte auf der Startseite des Shops hinzuzufügen (auf Englisch) →

Sie können den Abschnitt auch umbenennen und „Empfohlene Produkte“ eine eigene Überschrift geben (auf Englisch) →

Anzeigen von Kategorien

Sie können Produkte in Kategorien gruppieren, um den Kunden die Navigation in Ihrem Shop zu erleichtern. Sie können die Kategorien einklappen, um nur ihre Namen anzuzeigen, oder Stammkategorien ausklappen, um die Produkte anzuzeigen, die die Kategorien enthalten. Um auszuwählen, wie die Kategorien angezeigt werden sollen, navigieren Sie zu Gestaltung → Kategorieansicht.

Erfahren Sie mehr über das Ausklappen von Produktkategorien →

Die Art der Anzeige des Kategorienamens kann unter Gestaltung → Position der Kategoriebezeichnung festgelegt werden. Sie können die Kategorie-Thumbnails auch ausblenden, indem Sie Kategoriebilder ausblenden wählen.

Wenn Sie auf einer Instant Site verkaufen, werden alle Einstellungen, die Sie unter Gestaltung vornehmen, sowohl auf Ihrer Shopseite (https://YOUR-STORE.company.site/products) als auch auf der Hauptseite angewendet. Sie können das Aussehen der Kategorien auf der Hauptseite im Instant Site Editor vollständig anpassen. Ältere Einstellungen für Kategorien, die im Gestaltungsbereich vorgenommen wurden, werden überschrieben, allerdings nur auf der Hauptseite.

Anpassen der Navigation

Auf der Seite Ihres Shops gibt es einige Navigationsoptionen, die das Kundenerlebnis in Ihrem Shop verbessern: Link zur Anmeldung, Produktfilter, Sortieroptionen, Brotkrümelnavigation und so weiter. Es liegt an Ihnen, diese Optionen zu zeigen oder zu verbergen. Wir empfehlen, sie anzuzeigen, um den Käufern das Einkaufen in Ihrem Shop zu erleichtern.

Die Schaufensternavigation kann unter Gestaltung → Navigation und Farben der Shop-Hauptseite angepasst werden.

Wenn Sie mehr über die Navigation erfahren möchten, lesen Sie unseren Leitfaden darüber, wie die Navigation Ihren Shop optimieren kann (auf Englisch) →

Andere, weitreichende Möglichkeiten zur Anpassung des Designs

Für eine detailliertere Einrichtung des Designs Ihres Shops können Sie zusätzliche Tools verwenden:

  • Ecwid App-Markt: Hier finden Sie verschiedene Apps, mit denen Sie Ihren Ecwid-Shop nach Ihren Wünschen gestalten können.
  • CSS-Codes: Eine einfache Möglichkeit, das Aussehen Ihres Shops mit Hilfe von Cascading Style Sheets (CSS) anzupassen. Sie können dies selbst tun, auch wenn Sie keine Programmierkenntnisse haben.
    Ecwid CSS-Cookbook (auf Englisch) →
    So fügen Sie CSS-Codes zu Ihrem Shop hinzu →
  • Kundenspezifische Entwicklung: Ihre Möglichkeit, genau die Funktion zu erhalten, die Sie sich wünschen. Sie können das Ecwid-Entwicklungsteam kontaktieren, um Ihnen bei der Erstellung von Gestaltungsoptionen zu helfen, die Ecwid nicht standardmäßig bietet. Alternativ können Sie auch ein externes Entwicklungsteam damit beauftragen.

Verwandte Artikel:

Anpassungsmöglichkeiten in Ecwid (auf Englisch)
Bewährte Verfahren für die Auflistung von Produkten in Ihrem Shop (auf Englisch)
Konfiguration von Design und Inhalt für die Instant Site der nächsten Generation

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?
114 von 299 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