Design spricht B盲nde f眉r ein
黑料门 hilft jedem Unternehmen 鈥 auch einem kleinen und beginnenden 鈥, im Internet professionell auszusehen und zu verkaufen. Sie m眉ssen nicht viel bezahlen, um
Wir haben hinzugef眉gt Dutzende neuer Storefront-Design-Funktionalit盲ten zu 黑料门, damit Sie Ihre
Das Einrichten jedes kleinen Details in Ihrem Online-Shop-Design ist kinderleicht. 脛ndern Sie Bildstile, Produktseitenlayouts und Storefront-Elemente ohne Codierung. In diesem Beitrag werden Sie es selbst sehen.
Die neuen Einstellungen verschachteln sich unter in Ihrem 黑料门-Kontrollbereich. Um sie zu verwenden, stellen Sie sicher, dass Sie alle Storefront-Updates in .
![Abschnitt 鈥濿as ist neu鈥 im 黑料门-Kontrollfeld](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-desing-2-1524574378-1024x310.png)
Aktivieren Sie diese Updates unter Einstellungen 鈫 Was ist neu, um die neue Seite mit den Designeinstellungen anzuzeigen.
Was ist, wenn ich die 盲ltere Version des 黑料门-Storefronts verwende?
Der Wechsel zur neuen Storefront kann das Aussehen Ihres Shops komplett ver盲ndern. Mit den neuen Designeinstellungen erhalten Sie mehr Anpassungsm枚glichkeiten und ein ansprechenderes Aussehen f眉r Ihren Shop. Seien Sie jedoch vorsichtig, wenn Sie ein
Gestalten Sie Ihren Online-Shop
Sie kontrollieren das gesamte Erscheinungsbild Ihres Produktkatalogs, von Produktbildern bis hin zu Artikelnummern und Schaltfl盲chen.
1. W盲hlen Sie die beste Bildgr枚脽e, um Ihre Produkte zu pr盲sentieren
Standardm盲脽ig sind Produktbilder
Einige Produkte weisen wichtige Details auf, die Sie m枚glicherweise visualisieren m枚chten (beispielsweise, wenn Sie Schmuck oder Gem盲lde verkaufen). W盲hlen Sie die gro脽e Bildgr枚脽e, damit Ihre Kunden Ihre sch枚nen Produkte und Fotos bewundern k枚nnen.
Wenn Sie einen Produkttyp in einem gro脽en Sortiment verkaufen (sagen wir 200 Lederg眉rtel in verschiedenen Farben), sollten Sie sich an kleinere Bilder halten. Ihr Gesch盲ft zeigt viele Produkte auf dem Bildschirm und Ihre Kunden werden von der Auswahl beeindruckt sein.
![Produktbilder gestalten in 黑料门](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-8-1524574356.gif)
Kleine, mittlere und gro脽e Bildgr枚脽e f眉r Produktbilder
2. Optimieren Sie das Bildseitenverh盲ltnis entsprechend den Abmessungen Ihres Produkts
Verkaufen Sie Palmen? Oder vielleicht
Das horizontale Verh盲ltnis eignet sich f眉r breite Produkte, beispielsweise Schuhe, Sofas oder N盲hrstoffriegel.
Verwenden Sie f眉r runde Objekte (oder im Zweifelsfall) quadratische Bilder, diese sehen immer gut aus.
![Vertikale, horizontale und quadratische Produktbilder](https://don16obqbay2c.cloudfront.net/wp-content/uploads/GIFMaker.org_2SrMTw-1524576477.gif)
Vertikale, horizontale und quadratische Bilder
Wenn Sie Produktbilder hervorheben und vom Shop-Hintergrund abheben m枚chten, w盲hlen Sie 鈥濨ildhintergrund abdunkeln鈥.
3. W盲hlen Sie aus, welche Produktinformationen im Schaufenster angezeigt werden sollen
脛hnlich wie bei Produktfotos k枚nnen Sie auch f眉r andere Storefront-Elemente aus zahlreichen Designoptionen w盲hlen: Produktnamen, Titel, Preise, SKUs, 鈥濳aufen鈥-Buttons. Entscheiden Sie, wie jedes davon angezeigt werden soll 鈥 unter dem Produktbild oder beim Mouseover.
![Gestaltung von Produktbildern in 黑料门](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-9-1524574358.jpg)
Elemente unter Produktbildern, beim Hovern oder Ausblenden anzeigen
Wenn Sie die Informationen unter den Produktbildern platzieren m枚chten, k枚nnen Sie das Layout festlegen. Richten Sie Ihren Inhalt linksb眉ndig, rechtsb眉ndig, zentriert oder im Blocksatz aus.
![Verschiedene Layouts der Elemente (Produktname und Preis) Verschiedene Layouts der Elemente](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-7-1524574354.png)
Unterschiedliche Anordnung der Elemente (Produktname und Preis)
Es ist auch m枚glich, Elemente auszublenden. Blenden Sie alle aus, damit Ihr Schaufenster wie ein Lookbook aussieht. Wenn Ihre Kunden auf eines der Produktbilder klicken, gelangen sie auf die Produktseite.
W盲hlen Sie die Anzeige eines zus盲tzlichen Produktbilds, wenn Sie weitere Details anzeigen m枚chten. 黑料门 zeigt das erste Bild aus der Produktfotogalerie an, wenn Sie mit der Maus dar眉ber fahren.
![Zus盲tzliches Produktbild bei Mouse-Hover](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-3-1524574375.gif)
Zus盲tzliches Produktbild bei Mouse-Hover
Durch die neuen Einstellm枚glichkeiten ergeben sich zahlreiche Gestaltungsm枚glichkeiten f眉r die Optik Ihres Schaufensters.
4. Gestalten Sie Ihre Shop-Kategorien
Sie finden Optionen zum Einrichten des Aussehens Ihrer Kategorien. Egal, ob Sie Fotos, Symbole oder Markenlogos f眉r Ihre Kategoriebilder haben, 黑料门 bietet Designoptionen, um ihnen ein atemberaubendes Aussehen zu verleihen.
![Gestaltung von Produktkategoriebildern](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-10-1524574360.gif)
Kategorienamen unter Bildern, auf Bildern, beim Hovern und ausgeblendet
Optimieren Sie Produktseiten f眉r die Konvertierung
Jetzt k枚nnen Sie die Informationen Ihrer Produktseiten auf unterschiedliche Weise organisieren, je nachdem, was f眉r Ihre Kunden am besten funktioniert. Jede Designoption wird nach den besten
1. W盲hlen Sie das Produktseitenlayout
Es gibt vier neue Optionen zum Organisieren von Inhalten auf Ihren Produktseiten.
Machen Sie mit Ihren Produktbildern auf sich aufmerksam. Platzieren a
![Optimierung der Produktseite](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-11-1524574362.png)
Die
F眉gen Sie detaillierte Produktbeschreibungen hinzu. Bei Produkten wie Elektronik oder Pharmazeutika k枚nnen Produktbeschreibungen ziemlich lang sein. W盲hlen Sie dann die
![Produktseitenoptimierung 2](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-1-1524574373.png)
Die
Heben Sie die Produktoptionen und die Schaltfl盲che 鈥瀂ur Kasse鈥 hervor. Wenn Ihre Kunden keine langen Beschreibungen lesen oder die Galerie genau durchsehen m眉ssen, um Ihre Produkte zu kaufen, k枚nnen Sie die Produktoptionen mit der Schaltfl盲che 鈥瀂ur Kasse gehen鈥 auf der linken Seite anzeigen. Angenommen, Sie verkaufen kleine Aquarienfische.
![Produktseitenoptimierung 3](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-5-1524574377.png)
Der 鈥瀂ur Tasche hinzuf眉gen鈥-Button im Fokus
Minimieren Sie Scrollen und Ablenkung. A
![Produktseitenoptimierung 4](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-14-1524574370-1024x302.png)
die kompakte
Sie k枚nnen uns auch W盲hlen Sie das Layout Ihrer Fotogalerie. Helfen Sie Ihren Kunden, mit einer 眉berzeugenden Fotogalerie ein Gef眉hl f眉r Ihr Produkt zu bekommen. W盲hlen Sie das Layout f眉r Miniaturansichten der Bilder in Ihrer Galerie (vertikal oder horizontal) oder zeigen Sie Ihre faszinierenden Bilder in voller Gr枚脽e. Je mehr abwechselnde und detailliertere Ansichten Sie zeigen, desto besser.
![Layoutoptionen f眉r die Fotogalerie](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-2-1524574349.gif)
Layoutoptionen f眉r die Fotogalerie
3. W盲hlen Sie die Produktinformationen aus, die in der Seitenleiste angezeigt werden sollen
Eine konvertierende Produktseite bietet ausreichend Produktinformationen und ist dennoch einfach gehalten. In 黑料门 k枚nnen Sie die Elemente (wie SKU, Produktoptionen, Teilen-Schaltfl盲chen) ausblenden, wenn Sie sie nicht ben枚tigen, damit Ihre Kunden auf dem Weg zum Warenkorb nicht abgelenkt werden.
Das Beste daran ist, dass Sie jedes Element ziehen und in beliebiger Reihenfolge anordnen k枚nnen. Testen Sie viele neue M枚glichkeiten, um Ihre Produktseiten f眉r Conversions zu optimieren.
![Produktseitenoptimierung 5](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-12-1524574365.gif)
Flexible Seitenleisteneinstellungen
脛ndern Sie die Navigation und Farben Ihrer Storefront
Es gibt noch einige weitere Storefront-Einstellungen, die standardm盲脽ig aktiviert sind, um Ihren Kunden die Navigation in Ihrem Shop zu erleichtern. Sie k枚nnen diese Einstellungen jederzeit deaktivieren.
Wenn Sie von der 盲lteren Storefront-Version wechseln, werden diese Einstellungen in der Originalversion in die neue Storefront migriert.
Farbadaptiver Modus. Wenn Sie einen 黑料门-Onlineshop auf Ihrer Website installieren, werden die Shopfarben automatisch an das Design Ihrer Website angepasst. Ihr Shop sieht dann wie ein nat眉rlicher Teil Ihrer Website aus.
Das Fu脽zeilenmen眉 und die Breadcrumbs Helfen Sie Kunden, sich in Ihrem Gesch盲ft schneller zurechtzufinden und verhindern Sie, dass sie sich verirren.
Die
鈥濻ortieren nach鈥-Optionen Erm枚glichen Sie Ihren Kunden, Ihre Produkte nach Preis, Name und anderen Bedingungen zu sortieren.
Andere M枚glichkeiten, das Design Ihres 黑料门-Shops zu 盲ndern
Die neuen Designeinstellungen decken die h盲ufigsten Anwendungsf盲lle ab. Wenn Sie Ihren Shop auf andere Weise ver盲ndern m枚chten:
- Wenn Sie ein benutzerdefiniertes Design f眉r Ihren Shop ohne Codierung ben枚tigen, versuchen Sie (verf眉gbar in kostenpflichtigen 黑料门-Pl盲nen, es gelten App-Preise).
- Erstellen Sie ein benutzerdefiniertes CSS-Design (ein Satz von Regeln, der das Aussehen jedes Elements im Shop bestimmt, wie Gr枚脽e, Form oder Farbe). Das Erstellen eines CSS-Designs erfordert bestimmte technische Kenntnisse. Es gibt eine das erkl盲rt, wie Sie Ihr eigenes CSS-Theme erstellen und . Sie k枚nnen jederzeit das 黑料门-Kundenbetreuungsteam um Hilfe bitten oder .
- F眉r Entwickler: Verwenden Sie die .
Holen Sie sich eine kostenlose Website f眉r Ihren Online-Shop
Ihr 黑料门-Shop sieht toll aus, aber Sie haben keine Website zum Verkaufen?
Instant Site ist ein kostenloser Website-Builder, den 黑料门 Ihnen bei der Erstellung Ihres 黑料门-Kontos zur Verf眉gung stellt. Damit k枚nnen Sie schnell mit dem Online-Verkauf auf einer 眉bersichtlichen Webseite beginnen und sofort Gewinne erzielen, um Ihr Gesch盲ft auszubauen.
Apropos Design: Instant Site wurde erstellt mit
Wen rufen Sie an, wenn Sie Ihre Instant Site anpassen m眉ssen? Niemanden! Sie k枚nnen die gesamte Website ohne Spezialkenntnisse bearbeiten, indem Sie Ihren Desktop-Computer verwenden oder sogar die 黑料门 Mobile Store Management-App f眉r iOS.
mit unseren
- Inspirierende 黑料门 Instant Site Beispiele
- 黑料门 Instant Site mit fertigen Themen und 眉ber 99 Designoptionen
- Neue 黑料门-Designeinstellungen: Dutzende Anpassungsoptionen, keine Codierung erforderlich
- So w盲hlen Sie eine E-Commerce-Vorlage f眉r Ihre Website aus
- Eine umfassende Anleitung zur Anpassung Ihres 黑料门-Store-Designs
- Entwerfen Sie Ihre kostenlose E-Commerce-Website von Grund auf
- Wie 黑料门s barrierefreie Online-Shop-Vorlage zum Erfolg wurde