Hallo. Der Inhalt unseres Blogs wurde zum besseren Verständnis automatisch übersetzt. Bitte entschuldigen Sie deshalb eventuell auftretende sprachliche Unstimmigkeiten.
New Ecwid Design-Einstellungen: Dutzende von Anpassungsoptionen, keine Codierung
Posted Apr 24, 2018 durch Den Nikiforov, Ecwid Team

New Ecwid Design-Einstellungen: Dutzende von Anpassungsoptionen, keine Codierung

Design spricht Bände für einen E-Commerce-Shop. Wenn die Menschen können Ihre Online-Schaufenster leicht navigieren, Sie haben eine viel bessere Chance, sie zu konvertieren. Eine konsistente, modernes Design können Kunden sagen, dass Sie eine vertrauenswürdige Marke sind.

Ecwid hilft jedes Unternehmen - auch kleinen und beginnt eine - zu suchen und verkaufen professionell im Web. Sie müssen nicht sehr viel zu Top-Tier-Web-Designer zahlen eine mobile freundlich zu bekommen, sauber, und schöner E-Commerce-Shop.

Wir’ve Hinzugefügt Dutzende von neuen Schaufenster Design-Funktionalitäten zu Ecwid, so dass Sie Ihre E-Commerce-Shop das Aussehen geben und das Gefühl, dass Ihre Marke spiegelt die meisten.

jedes kleine Detail in Ihrem Online-Shop Design Einrichten ist kinderleicht. Bild ändern Stile, Produktseitenlayouts, und Vitrinenelemente ohne Codierung. Sie werden es selbst in diesem Beitrag nicht sehen.

Die neuen Einstellungen Nest unter Einstellungen → Entwurf in Ihrer Ecwid Bedienfeld. Um sie zu verwenden, stellen Sie sicher, haben alle Schaufenster Updates aktiviert in Einstellungen → Was ist Neu.

Was ist neuer Abschnitt in Ecwid Bedienfeld

Aktivieren Sie dieses Updates in Einstellungen → Was ist neu die neue Design-Einstellungen Seite zu sehen

Was passiert, wenn ich bin mit der älteren Version von Ecwid Schaufenstern?

Die Umstellung auf die neue Storefront kann das Aussehen Ihres Shops ändert vollständig. Mit den neuen Design-Einstellungen, Sie werden mehr Anpassungsmöglichkeiten und ein attraktiveres Aussehen für Ihren Shop bekommen. Allerdings, Seien Sie vorsichtig, wenn Sie ein selbstgemachtes CSS Thema oder andere speziell entwickelten Schaufenster Funktionen verwenden - sie nicht mit der neuen Storefront kompatibel sein können. Wenn du Hilfe benötigst, unser Support-Team ist für Sie da.

Entwerfen Sie Ihre Online-Schaufenster

Sie steuern die gesamte Aussehen Ihres Produktkatalog, von Produktabbildungen zu SKUs und Tasten.

1. Сhoose die beste Bildgröße Ihre Produkte zu präsentieren

Standardmäßig, Produktbilder sind mittelgroß, das ist für die meisten Geschäfte geeignet.

Einige Produkte haben wichtige Details, die Sie visualisieren möchten vielleicht (zum Beispiel, wenn Sie verkaufen Schmuck oder Gemälde). Wählen Sie die große Bildgröße lassen Sie Ihre Kunden bewundern Ihre schöne Produkte und Fotografie.

Wenn Sie ein Produkt-Typ in einem großen Sortiment verkaufen (sagen, 200 Lederbänder in verschiedenen Farben), halten Sie sich an kleinere Bilder. Ihr Geschäft wird eine Menge von Produkten auf dem Bildschirm angezeigt werden und Ihre Kunden werden durch die Wahl beeindruckt.

Produktbilder Design in Ecwid

Klein, Mittel, und große Bildgröße für Produktbilder

2. Optimieren Bildseitenverhältnis auf Ihre Produktabmessungen

Haben Sie Palmen verkaufen? Oder vielleicht langbeinige Modelle Ihre Designer Mäntel präsentieren? Beide werden großartig aussehen in vertikalen Bildern.

Das horizontale Verhältnis paßt breite Produkte - sagen, Schuhe, Sofa, oder Nahrungsriegel.

Für runde Objekte (oder, im Zweifel), verwenden quadratische Bilder, sie schauen immer groß.

 Vertikal, horizontal, und quadratische Produktbilder

Vertikal, horizontal, und quadratische Bilder

Wenn Sie Produktbilder betonen wollen und machen stehen sie aus dem Laden heraus Hintergrund, wählen Sie „abdunkeln Bild Hintergrund“.

3. Wählen Sie, welche Produktinformationen im Schaufenster zu zeigen,

Ähnlich wie Produktfotos, Sie können für andere Schaufenster Elemente aus vielen Gestaltungsmöglichkeiten wählen: Produkt Namen, Titel, Preise, SKUs, „Kaufen“ -Buttons. Entscheiden Sie, wie jeder von ihnen angezeigt werden - unter dem Produktbild oder auf Maus schweben.

Design von Produktbildern in Ecwid

Zeigen Sie die Elemente unter Produktabbildungen, auf schweben, oder verstecken sie

Wenn Sie die Informationen unter den Produktbildern platzieren, es ist möglich, das Layout einstellen. Richten Sie Ihre Inhalte auf der linken Seite, rechts, center, oder rechtfertigt es - Sie sind frei, um den Look zu erstellen, die Ihnen am besten gefallen.

Verschiedene Layouts der Elemente (Produktnamen und priceDifferent Layouts der Elemente

Verschiedene Layouts der Elemente (Produktname und Preis)

Es ist auch möglich, Elemente zu verstecken. Wie bitte alle von ihnen Ihr Schaufenster, um eine Lookbook ähneln. Durch eine der Produktbilder klicken, Ihre Kunden auf die Produktseite gehen.

Wählen Sie ein zusätzliches Produkt Bild anzuzeigen, wenn Sie mehr Details zeigen wollen. Ecwid wird das erste Bild aus der Produkt Fotogalerie auf Maus schweben zeigen.

Weiteres Produktbild auf Maus schweben

Weiteres Produktbild auf Maus schweben

Diese neuen Einstellungen für eine große Anzahl von Gestaltungsvarianten für Ihr Schaufenster Blick.

4. Gestalten Sie Ihren Shop Kategorien

Sie werden Optionen finden Sie das Aussehen Ihrer Kategorien einrichten. Ob Sie Fotos, Symbole, oder Markenlogo für Ihre Kategorie Bilder, Ecwid hat Gestaltungsmöglichkeiten sie atemberaubend aussehen zu lassen.

Design der Produktkategorie Bilder

Kategorienamen unter Abbildungen, auf sie, auf schweben, und versteckt

Optimieren Produktseiten für die Konvertierung

Jetzt können Sie die Informationen Ihrer Produktseiten auf unterschiedliche Weise organisieren, je nachdem, was am besten für Ihre Kunden funktioniert. Jedes Design Option zur Erhöhung Umwandlungen nach den besten E-Commerce-Praktiken gemacht.

1. Wählen Sie das Produkt Seitenlayout

Es gibt vier neue Optionen für die Inhalte auf Ihren Produktseiten zu organisieren.

Auffallen auf Ihre Produktbilder. ein qualitativ hochwertiges Produktbild auf der linken Seite Ihrer Produktseite Platzierung wird es das erste, was machen Ihre Kunden bemerken. Verwenden Sie die 2-Spalten-Layout mit der Produktbeschreibung auf der rechten Seite, wenn Sie optisch ansprechende Produkte zu verkaufen und kurze Produktbeschreibungen haben.

Produktseite Optimierung

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

In detaillierten Produktbeschreibungen. Bei Produkten wie Elektronik oder pharmazeutischen und medizinischen Erzeugnissen, Produktbeschreibungen kann ziemlich lang sein. Dann wählen Sie das zweispaltigen Layout mit der Produktbeschreibung unter dem Bild. Auch wenn Sie sich für Ihr Produkt eine lange manuell hinzufügen, wird die Seite aussehen harmonisch.

Produktseite Optimierung 2

Das 2-Spalten-Layout mit der Produktbeschreibung unter dem Bild

Betonen Sie Produktoptionen und die „Kasse“. Wenn Ihre Kunden müssen lange Beschreibungen oder prüfen die Galerie nicht lesen Ihre Produkte zu kaufen, Wählen Sie auf der linken Seite die Produktoptionen mit der Kasse Schaltfläche, um. Sagen, wenn Sie kleine Aquarienfische verkaufen.

Produktseite Optimierung 3

Die „In dem Beutel“ im Fokus

Minimieren Sie das Scrollen und Ablenkung. Ein Drei-Spalten-Layout funktioniert, wenn Sie Ihre Produktseite wollen, ohne zusätzliche bewegt maximale Informationen angezeigt werden.

Produktseite Optimierung 4

Das kompakte 3-Spalten-Layout

Sie können auch Wählen Sie das Layout Ihrer Fotogalerie. Helfen Sie Ihren Kunden das Gefühl, Ihr Produkt mit einer überzeugenden Fotogalerie erhalten. Wählen Sie das Layout für die Thumbnails der Bilder in der Galerie (vertikale oder horizontale) oder zeigen Sie Ihre hypnotischen Bilder in voller Größe. Je mehr abwechselnde und Detailansichten zeigen Sie,, besser.

Fotogalerie Layout-Optionen

Fotogalerie Layout-Optionen

3. Wählen Sie die Produktinformationen in der Seitenleiste angezeigt werden

Eine Umwandlung Produktseite bietet genügend Informationen Produkt während Halte es einfach. In Ecwid, Sie können die Elemente auszublenden (wie SKU, Produkt-Optionen, share Tasten) wenn Sie brauchen sie nicht, so dass Ihre Kunden nicht bekommen, auf dem Weg zum Warenkorb abgelenkt.

Der beste Teil ist, dass Sie jedes Element ziehen und organisieren sie in beliebiger Reihenfolge. Test viele neue Möglichkeiten, um Ihre Produktseiten für Conversions zu optimieren.

Produktseite Optimierung 5

Flexible Sidebar Einstellungen

Ändern Sie Ihr Schaufenster Navigation & Farben

Es gibt noch ein paar Schaufenster Einstellungen, die standardmäßig aktivierte Ihre Kunden navigieren Ihr Geschäft helfen. Sie können jede von ihnen ausschalten, wann immer Sie mögen.

Wenn Sie von der älteren Schaufenster Version wechseln, Diese Einstellungen werden auf die neue Storefront wandern, wie Sie sie hatten vor.

Color Adaptive-Modus. Wenn Sie einen Ecwid Online-Shop auf Ihrer Webseite installieren, die Speicher Farben automatisch Ihre Website-Thema passen. Ihr Geschäft wird aussehen wie ein natürlicher Teil Ihrer Website.

Die Fußzeile Menü und Paniermehl Kunden helfen, Ihr Geschäft schneller zu durchsuchen und verhindern, dass sie sich zu verirren.

Der Anmelde-Link können Kunden ihr Profil melden Sie sich an ihre Bestellungen zu sehen und auf die Wunschliste verwenden.

„Sortieren nach“ -Optionen lassen Sie Ihre Kunden Ihre Produkte nach Preis sortieren, name, und andere Bedingungen.

Andere Möglichkeiten, Ihre Ecwid Store Design zu ändern

Die neuen Design-Einstellungen decken die häufigsten Anwendungsfälle. Wenn Sie möchten, dass Ihr Geschäft auf andere Weise ändern,:

  1. Wenn Sie ein eigenes Thema für Ihren Shop ohne Codierung, versuchen Design-Apps aus dem App Market Ecwid (auf bezahlten Ecwid Pläne, App Preise gelten).
  2. Erstellen Sie eine benutzerdefinierte CSS-Thema (eine Reihe von Regeln, die das Aussehen jedes Element im Laden bestimmt, wie die Größe, Form, oder Farbe). ein CSS-Thema zu erstellen, müssen bestimmte Tech-Wissen. Es ist ein führen zu CSS Themen in der Ecwid Knowledge Base das erklärt, wie Sie Ihre eigenen CSS-Design zu erstellen und Anweisungen zum Ändern bestimmter Elemente. Sie können jederzeit die Hilfe Ecwid Kundenbetreuungsteam fragen, oder bestellen Sie die individuelle Entwicklung der eigenen CSS Thema.
  3. Für Entwickler: Verwenden Sie die Ecwid Javascript API Ecwid Schaufenster-Funktionen zu erweitern. Sie können ein neues CSS Thema oder eine App erstellen, und verkaufen sie auf dem Ecwid App Market. Die Ecwid Javascript API ermöglicht es Ihnen, die Fassade Look komplett zu ändern, bringt Änderungen so tief, wie Sie benötigen. Wenn Sie bereit sind zu starten, bitte registrieren Sie sich auf unserer Seite für Entwickler.

Holen Sie sich eine One-Page-Website für Ihren Online-Shop

Ihr Ecwid Geschäft sieht gut aus, aber Sie haben keine Website zu verkaufen, auf?

Starter Site ist eine kostenlose Ein-Seiten-Website, die Ecwid bietet, wenn Sie Ihren Ecwid Konto erstellen. Dies geschieht, Sie schnell beginnen zu lassen online auf einem gepflegten Web-Seite zu verkaufen und Gewinne direkt zu Ihrem Unternehmen wachsen.

Apropos Design, Starter Site ist mit vorgefertigten Bausteinen gebaut (das Cover-Bild, logo, online-Shop, “Wir Über Uns” Abschnitt, Kundenbewertung, und Kontakte) dass Sie ermöglichen, deaktivieren, und anpassen.

Wenn Sie Ihre Starter Site anpassen, wer du bist gonna call? Gut, Niemand! Sie können die gesamte Website ohne besondere Kenntnisse bearbeiten, mit Ihren Desktop-Computern oder sogar über das Ecwid Mobile Store-Management-App für iOS.

Bauen Sie Ihr heute kostenlos Starter Site mit unserem Schritt-für-Schritt-Anleitung.

Wir können nicht warten, um zu erfahren, was Sie von den neuen Design-Einstellungen denken - sehen Sie unten in den Kommentaren.

About the author
Den Nikiforov is a Product Designer at Ecwid. He loves to see his ideas come to life and bring good to Ecwid entrepreneurs. In his free moments Den enjoys sci-fi books and long walks.