Hallo. Der Inhalt unseres Blogs wurde zum besseren Verständnis automatisch übersetzt. Bitte entschuldigen Sie deshalb eventuell auftretende sprachliche Unstimmigkeiten.
A Comprehensive Guide to Anpassen Ecwid Store Design
Posted Mar 22, 2017 durch Qetzal, Head of Product

A Comprehensive Guide to Anpassen Ecwid Store Design

Der Ecwid Laden ist so angelegt, dass es möglich ist, es zu jeder Website hinzuzufügen, und beginnen Sie jeden Produkttyp in kürzester Zeit zu verkaufen. Seine Schaufenster passt sich automatisch an Desktop- und mobile Geräte, und der Laden sieht gut aus auf jedem Bildschirm.

Machen Ihr Geschäft ein natürlicher Teil Ihrer Website vermittelt den Eindruck einer professionellen Geschäfts. Vielleicht möchten Sie den Store-Design zu ändern, um Ihre Website-Stil und die spezifischen Bedürfnisse Ihrer jeweiligen Unternehmen passen. Dies kann durch eine Anzahl von Mitteln erreicht werden,, von vollautomatischen Einstellungen individuell erstellten Themen.

Die meisten von ihnen sind aufgeführt in Control Panel Einstellungen Design. Auf dieser Seite, Sie können Ihre Design-Einstellungen verwalten, und in diesem Beitrag, wir sagen Ihnen, wie Sie das Beste aus ihnen zu machen.

Wir scheiterten alle möglichen Änderungen an Ihrem Ecwid Store-Design in drei Ebenen nach erforderlichen Fähigkeiten und Ressourcen, aus schnell und einfach zu tiefer und komplexer.

Ebene 1: Schnell und einfach

Schnell und einfach

Mühelos, schnelle Änderungen. Nichts als die Schaltflächen klicken erforderlich.

Bevor Sie beginnen, von Designänderungen denken, hier ist die gute Nachricht: Ecwid baut automatisch in die Umwelt und sieht aus, als ein natürlicher Teil Ihrer Website oder eine soziale Seite. Sie müssen nicht für die jede Codierung tun - alles wird gut funktionieren.

Zusätzlich, gibt es einfache Möglichkeiten, um Ihr Geschäft der Look and Feel auf Ihre Mission ohne zusätzlichen Aufwand anpassen.

1. Verkaufen auf einem Ecwid Starter Site, wenn Sie nicht über eine Website

Die Starter Site ist eine kostenlose Ein-Seiten-Website mit einem Online-Shop, Ecwid kostenlos bereitstellt, wenn Sie Ihre Ecwid Konto erstellen.

Ecwid Starter Website

Apropos Design, die Starter Site ist mit vorgefertigten Bausteinen gebaut (das Cover-Bild, logo, online-Shop, "Über uns", Kundenbewertung, und Kontakte) dass Sie aktivieren und deaktivieren können, Bearbeiten, und passen Sie auf Ihr Unternehmen. Alles, was man praktisch mit eigenen Händen in den Momenten getan werden.

So, wenn Sie nicht über eine Website zu verkaufen auf, Dies ist eine sehr einfache Möglichkeit, kostenlos online auf einem gut aussehenden Web-Seite zu starten den Verkauf.

Diese Schritt-für-Schritt-Anleitung erklärt, wie Sie Ihr Starter Site zu entwerfen: Personalisieren Sie Ihre Starter-Webseite Von Grund auf neu, um den Ersten Verkauf

2. Einfache Designanpassung für diejenigen, die bereits eine Website haben,

Wenn Sie habe bereits eine Website, Ecwid noch glatt mit ihm integrieren, was auch immer es ist gebaut auf: WordPress, Adobe Muse, Wix, Joomla, oder jede andere Plattform. Hier ist, was Sie tun können, um Ihr Geschäft machen noch besser aussehen.

Schritt 1: Verwenden Sie eine passende Thema für Ihre Site Builder

So entwerfen Sie Ihre Website, Sie können einfach aus Dutzenden von Themen zum Kauf wählen. Der Ecwid Speicher ist kompatibel mit den meisten von ihnen.

Hier ist eine schnelle Verzeichnis der Orte im Internet, wo Sie die Themen für Ihre Website-Builder finden.

Für Wordpress-Websites

Auch, verpassen Sie nicht auf die Sammlung von die besten kostenlosen Wordpress-Themes für E-Commerce-Websites.

Für Adobe Muse Websites

Für Joomla-Websites

Für Websites Square

Für Wix Websites, ist es noch einfacher: die Themen durchsuchen, ohne zu verlassen www.wix.com.

Hinweis: Ecwid + Wix Händler können in den Ecwid Wix Anwendungseinstellungen die Farben ihrer Website und Shop passen.

Wix und Ecwid Farbeinstellungen

Ecwid Store-Design-Einstellungen auf Wix Websites

Schritt 2: Farbe aktivieren Adaptive-Modus

Wenn Sie öffnen Sie ein neues Ecwid speichern und fügen Sie ihn auf Ihre Website, Ecwid wird automatisch die Speicher Farben auf Ihre Website anpassen,. Diese Funktion wird Farbe Adaptive-Modus aufgerufen. Es ist eine sehr einfache Möglichkeit, Ihr Geschäft ein natürlicher Teil Ihrer Website zu machen.

Wenn Sie bereits verkaufen mit Ecwid, Farbe Adaptive-Modus wird standardmäßig nicht aktiviert werden, aber Sie können es auf der Seite Design ermöglichen:

Ecwid Farbe Adaptive-Modus

Was ist, wenn Sie Ihre Ecwid Shop mehrere Websites hinzufügen? Mit Farbe Adaptive-Modus aktiviert, die Speicher Farben werden zu jedem von ihnen anpassen. Ihr Geschäft wird in jede Website Umgebung natürlich aussehen, egal, ob es weiß, schwarz, oder grün.

Diese Funktion ist für die Mehrheit der Ecwid Händlern verfügbar. Hinweis: Ecwid + Wix Händler können die Farben ihrer Website entsprechen und speichern nur in den Ecwid Wix Anwendungseinstellungen.

3. Spielen Sie mit schnellen Darstellungseinstellungen

Jedes Mal, wenn Sie online verkaufen mit Ecwid, es ist möglich, Ecwid Schaufenster Elemente in wenigen Klicks zu aktivieren oder zu deaktivieren. Zum Beispiel, diejenigen, die verkaufen handgefertigte Produkte in einzelne Kopien bevorzugen oft das Feld Menge zu verbergen.

Vielleicht möchten Sie nicht benötigte Elemente zu verstecken oder die Miniaturgröße zu ändern - das Aussehen Abschnitt Ihrer Entwurfsseite wird völlig können Sie es tun.

Darstellungseinstellungen

Ebene 2: Abenteurer

Abenteurer
Für diejenigen ohne technische Kenntnisse, die auf der Suche nach tieferen Designänderungen und haben Zeit für eine kleine Reise.

Sie haben Ihr Geschäft einrichten und haben bereits schaute sich um. Nun starten Sie die Notwendigkeit für eine persönliche Note zu fühlen: es könnte Farben für Tasten gebrandmarkt, Texte, und Hintergrund, eindeutige Symbole, oder ganz neue Elemente. Allerdings, Sie haben keine Ahnung über Codierung.

Keine Sorge: auf dieser Ebene, wir haben die Werkzeuge gesammelt, dass Sie die Ziele oben ohne spezielle Kenntnisse erreichen helfen. Werfen wir einen genaueren Blick.

1. Verwenden Apps aus dem Ecwid App Market für Store-Design

Die Ecwid App-Markt zählt 100+ Anwendungen, die Sie mit Analytik zu helfen, Förderung, Versand, und mehr. Sie können auch finden Apps für Schaufenster Anpassung und design. Wir werden einen Blick auf zwei Anwendungen haben Ihr Thema Farben für den Wechsel ohne Codierung: Shop Designer und Dekorateur.

Shop Designer

Shop Designer ist eine Anwendung, die Sie schnell einrichten Farben für Tasten lässt, text, und Hintergrund.

Der Vorschau-Modus ermöglicht es Ihnen, mit Farben zu spielen, so viel wie Sie wollen, bevor Sie Ihre perfekte Design der Storefront Publishing.

Shop Designer

Speicher-Designer-Schnittstelle

Die app kostet $4.99 und bietet eine kostenlose Test Woche.

Dekorateur

Dekorateur ist eine Alternative Designer to Store.

Decorator können Sie das Design fast jedes Element in Ihr Schaufenster ändern. Es gibt einen Schnellstart-Modus für unerfahrene Anwender das Design der wichtigsten Aspekte eines Storefront schnell zu ändern und einen Voll Einstellungen Modus für erfahrene Anwender. Anpassen Ihrer Schaufenster Kosten $27, und Sie können das Aussehen der Vorschau vor dem Kauf auf Ihrem Computer machen nur.

Dekorateur

Decorator Schnittstelle

Alles in allem, Diese App hat mehrere völlig kostenlose Tools, so dass Sie Ihr Geschäft der Look mit Ihrem Design und polieren spielen können.

Beide Decorator und Speicher-Designer sind verfügbar auf allen bezahlten Ecwid Pläne, sowie der Rest der App Market Apps.

2. Copy-Paste bereit zwickt aus Knowledge Base

Ecwid Knowledge Base hat Antworten auf die Mehrheit der ein Ecwid Ladenbesitzer haben Fragen könnten. Wir sind ständig neue Artikel hier mit den am häufigsten Tipps gefragt und fertige Lösungen.

Abenteurer können finden verschiedene Anweisungen zum Schaufenster Anpassung; zum Beispiel,

Ändern Schriften im Speicher oder Hinzufügen eines Suchfeld.

Die meisten dieser Anweisungen brechen ein Stück Code in Ihre CSS Thema zu kopieren-einfügen.

Sie können Ihre CSS-Themen verwalten in Control Panel Einstellungen Design.

Der Prozess geht so: zum Beispiel, wenn Sie Ihren Warenkorb-Symbol zu ändern, gehen Sie zu Ihrem Einstellungen → Entwurf, ein neues CSS Thema erstellen, hinzufügen ein Code, speichern Sie die änderungen, und aktivieren Sie das Thema.

CSS Themen Management in Ecwid

Sie sollten alle weiteren Änderungen an diesem Thema hinzufügen - nur ein Thema zu einer Zeit aktiv sein, so muss sie enthalten alle Änderungen, die Sie in Ihr Geschäft bringen wollen.

3. Bestellen Sie ein eigenes Thema Entwicklung

Wenn Sie nicht ein Thema finden, die Ihren Bedürfnissen gerecht würde, Eine weitere Möglichkeit ist Um die Entwicklung eines CSS Thema das wird nur für Sie gebaut werden. Ein eigenes Thema bedeutet viel mehr als nur ein Wechsel der Farben und ermöglicht tiefgreifendere Anpassung erhalten, und.g. eine ganz andere Reihenfolge der Blöcke auf der Produktseite.

Vorgefertigte Themen und Themenentwicklung sind für alle Ecwid Händlern verfügbar.

S_Ecwid_201_Cover

Ecwid 201: Nehmen Sie Ihre Ecwid Store, um die Nächste Ebene

Ein in-depth guide erklären, wie die änderung des store-design mit CSS

Bitte geben Sie eine gültige E-Mail-Adresse ein

Durch Ihre E-Mail-Eingabe werden Sie wöchentlich Ecwid Blog-Updates und Ressourcen erhalten Sie Ihr erfolgreiches E-Commerce-Geschäft helfen bauen.

Ebene 3: Veteran

Veteran
Schwere Anpassung: komplette Änderungen Ihres Shops Look. Hallo, code.

Manchmal tiefere Veränderungen des Ladens sehen sind erforderlich: Sie könnten ein Drop-Down-Menü aus, ein anderes Layout der Produktseite Elemente, oder ein individuelles Design von Schaltflächen.

Für technisch versierte Kaufleute oder diejenigen, die einen Entwickler in ihrem Kader haben, gibt es eine Möglichkeit, Änderungen dieser Art zu bringen und sogar bis zur Unkenntlichkeit mit Hilfe von benutzerdefinierten CSS Themen oder Ecwid API ihre Ecwid Geschäft zu transformieren.

1. Erstellen Sie eine selbstgemachte CSS Thema

Wenn Sie Ihr Geschäft auf eigene Faust zu entwerfen, Sehen Sie Ihre eigenen CSS-Thema zu schaffen.

Ein CSS-Thema ist ein Satz von Regeln, die das Aussehen jedes Element in dem Speicher bestimmt (die Größe, Form, Farbe, und legen Sie auf einer Seite).

Erstellen Sie benutzerdefinierte CSS Thema

Erstellen Sie Ihre eigenen CSS-Themen in Einstellungen → Entwurf

Es ist eine Führung in der Ecwid Knowledge Base das erklärt, wie Sie Ihre eigenen CSS-Design zu erstellen und Anweisungen zum Ändern bestimmter Elemente.

Beachten Sie, dass Sie benötigen ein Verständnis von HTML zu haben und CSS, so dass, wenn diese beiden Worte nicht vertraut klingen, Sie sollten sich etwas Zeit zu verbringen, auf den Erwerb der notwendigen Fähigkeiten bereit sein, ein Thema von Grund auf neu zu erstellen.

Denken Sie daran, dass, wenn Sie kämpfen mit Ihrem Ecwid Store-Design, Sie können jederzeit die Hilfe Ecwid Kundenbetreuungsteam fragen. Oder es ist immer noch möglich, bestellen Sie die individuelle Entwicklung der eigenen CSS Thema.

2. Verwenden Sie die Ecwid Javascript API Ecwid Schaufenster-Funktionen zu erweitern

Dieser Teil ist vor allem für Entwickler. Wissen Sie, was sonst Ihre Ecwid Storefront verbessern könnte? Holen Sie das Ecwid Javascript API.

Zum Beispiel, Sie können ein neues CSS-Thema oder eine App bauen, 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.

***

Auch Lesen: Wie Design-Produkt-Kategorie-Bilder, die Ihre Kunden nicht Widerstehen Können, Klicken Sie auf