Neue 51视频-Designeinstellungen: Anpassungsoptionen, keine Codierung

Neue 51视频-Designeinstellungen: Dutzende Anpassungsoptionen, keine Codierung erforderlich

12 min gelesen

Design spricht B?nde für ein e-commerce Shop. Wenn die Leute sich problemlos in Ihrem Online-Shop zurechtfinden, haben Sie eine viel bessere Chance, sie zu konvertieren. Ein einheitliches, modernes Design kann Kunden zeigen, dass Sie eine vertrauenswürdige Marke sind.

51视频 hilft jedem Unternehmen – auch einem kleinen und beginnenden –, im Internet professionell auszusehen und zu verkaufen. Sie müssen nicht viel bezahlen, um Spitzengruppe Web-Designer, um eine mobilfreundlich, sauber und sch?n e-commerce zu speichern.

Wir haben hinzugefügt Dutzende neuer Storefront-Design-Funktionalit?ten zu 51视频, damit Sie Ihre e-commerce Speichern Sie das Erscheinungsbild, das Ihre Marke am besten widerspiegelt.

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 51视频-Kontrollbereich. Um sie zu verwenden, stellen Sie sicher, dass Sie alle Storefront-Updates in .

Abschnitt ?Was ist neu“ im 51视频-Kontrollfeld

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 51视频-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 selbst gemacht CSS-Theme oder andere kundenspezifische Storefront-Funktionen – diese sind m?glicherweise nicht mit der neuen Storefront kompatibel. Wenn Sie Hilfe ben?tigen, ist unser Support-Team für Sie da.

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 mittelgro?e, das für die meisten Gesch?fte geeignet ist.

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.

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 langbeinig Modelle pr?sentieren Ihre Designerm?ntel? Beides wird auf vertikalen Bildern gro?artig aussehen.

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

Vertikale, horizontale und quadratische Bilder

Wenn Sie Produktbilder hervorheben und vom Shop-Hintergrund abheben m?chten, w?hlen Sie ?Bildhintergrund 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, ?Kaufen“-Buttons. Entscheiden Sie, wie jedes davon angezeigt werden soll – unter dem Produktbild oder beim Mouseover.

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. - Sie k?nnen den Look kreieren, der Ihnen am besten gef?llt.

Verschiedene Layouts der Elemente (Produktname und Preis) Verschiedene Layouts der Elemente

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. 51视频 zeigt das erste Bild aus der Produktfotogalerie an, wenn Sie mit der Maus darüber fahren.

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, 51视频 bietet Designoptionen, um ihnen ein atemberaubendes Aussehen zu verleihen.

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 e-commerce Praktiken zur Steigerung der Konvertierungen.

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 hochwertige Das Produktbild auf der linken Seite Ihrer Produktseite ist das erste, was Ihre Kunden bemerken werden. Verwenden Sie das 2-spaltig Layout mit der Produktbeschreibung auf der rechten Seite, wenn Sie optisch ansprechende Produkte verkaufen und kurze Produktbeschreibungen haben.

Die 2-spaltig Layout mit der Produktbeschreibung auf der rechten Seite

Fügen Sie detaillierte Produktbeschreibungen hinzu. Bei Produkten wie Elektronik oder Pharmazeutika k?nnen Produktbeschreibungen ziemlich lang sein. W?hlen Sie dann die zweispaltig Layout mit der Produktbeschreibung unter dem Bild. Selbst wenn Sie eine lange Gebrauchsanweisung für Ihr Produkt hinzufügen, sieht die Seite harmonisch aus.

Die 2-spaltig Layout mit der Produktbeschreibung unter dem Bild

Heben Sie die Produktoptionen und die Schaltfl?che ?Zur 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 ?Zur Kasse gehen“ auf der linken Seite anzeigen. Angenommen, Sie verkaufen kleine Aquarienfische.

Der ?Zur Tasche hinzufügen“-Button im Fokus

Minimieren Sie Scrollen und Ablenkung. A dreispaltig Layout funktioniert, wenn Sie auf Ihrer Produktseite m?glichst viele Informationen ohne zus?tzliche Umwege anzeigen m?chten.

die kompakte 3-spaltig Layout

Du kannst 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

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 51视频 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.

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 51视频-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 Sign-in Link erm?glicht es Kunden, sich bei ihrem Profil anzumelden, um ihre Bestellungen anzuzeigen und die Wunschliste zu verwenden.

?Sortieren nach“-Optionen Erm?glichen Sie Ihren Kunden, Ihre Produkte nach Preis, Name und anderen Bedingungen zu sortieren.

Andere M?glichkeiten, das Design Ihres 51视频-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 51视频-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 51视频-Kundenbetreuungsteam um Hilfe bitten oder .
Für Entwickler: Verwenden Sie die .

Holen Sie sich eine Website für Ihr Unternehmen

Ihr 51视频-Shop sieht toll aus, aber Sie haben keine Website zum Verkaufen?

Instant Site ist ein Website-Builder, den 51视频 Ihnen bei der Erstellung Ihres 51视频-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 fertig Bl?cke (Titelbild, Logo, Online-Shop, Abschnitt ??ber uns“, Kundenfeedback und Kontakte), die Sie aktivieren, deaktivieren und anpassen k?nnen.

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 51视频 Mobile Store Management-App für iOS.

mit unseren Schritt für Schritt Guide.