Entdecke dein Geschäftswachstum mit der neuen Serie von Ecwid Igniter Bring mich dorthin
Alles, was Sie brauchen, online zu verkaufen

Set up an online store in minutes to sell on a website, social media, oder Marktplatz.

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

A Comprehensive Guide to Anpassen Ecwid Store Design

12 min read

UDP: Im April 2018, wir veröffentlicht neue Designeinstellungen in Ecwid! Erfahren Sie, wie tief Sie Ihren Ecwid-Shop ohne Codierung anpassen können in einer neueren Blog-Post. Wenn Ihr Geschäft wurde vor April erstellt 2018 und Sie wollen mit den alten Einstellungen lernen, halten diese eine Lesung.

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 Instant Site, wenn Sie nicht über eine Website

The Instant Site is a free website with an online store that Ecwid provides for free when you create your Ecwid account.

Ecwid Instant-Website

Apropos Design, die Instant 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.

Dieser Schritt-für-Schritt-Anleitung erklärt, wie Sie Ihren Instant Site entwerfen: Personalisierung Ihres Instant Site von Grund auf neu zu dem 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, 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 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 uns eine App ansehen, mit der Sie Ihre Theme-Farben ohne Codierung ändern können: Shop Designer.

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.

Store Designer ist 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.

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

Inhaltsverzeichnis

Verkaufen Online

Mit Ecwid E-Commerce, you can easily sell anywhere, für jeden - über das Internet und auf der ganzen Welt.

Über den Autor

Qetzal ist Leiter Produkt bei Ecwid. He loves to create new things to make people's lives easier.

Ecommerce that has your back

So simple to use – even my most technophobic clients can manage. Easy to install, quick to set up. Light years ahead of other shop plugins.
I’m so impressed I’ve recommended it to my website clients and am now using it for my own store along with four others for which I webmaster. Beautiful coding, excellent top-notch support, great documentation, fantastic how-to videos. Thank you so much Ecwid, you rock!
I’ve used Ecwid and I love the platform itself. Everything is so simplified it’s insane. I love how you have different options to choose shipping carriers, to be able to put in so many different variants. It’s a pretty open e-commerce gateway.
Einfach zu verwenden, erschwinglich (and a free option if starting off). Looks professional, many templates to select from. The App is my favorite feature as I can manage my store right from my phone. Highly recommended 👌👍
I like that Ecwid was easy to start and to use. Even for a person like me, without any technical background. Very well written help articles. And the support team is the best for my opinion.
For everything it has to offer, ECWID is incredibly easy to set up. Highly recommend! I did a lot of research and tried about 3 other competitors. Just try ECWID and you'll be online in no time.

Your ecommerce dreams start here

We use cookies or similar technologies to maintain security, enable user choice and improve our sites. We also set cookies for marketing purposes and to provide personalised content and advertising. You can reject all non-essential cookies by clicking “Reject all.”