Alles, was Sie für den Online-Verkauf benötigen

Richten Sie in wenigen Minuten einen Onlineshop ein, um auf einer Website, in sozialen Medien oder auf Marktplätzen zu verkaufen.

Eine umfassende Anleitung zur Anpassung Ihres -Store-Designs

Eine umfassende Anleitung zur Anpassung Ihres -Store-Designs

12 min gelesen

UDP: Im April 2018 haben wir neue Designeinstellungen in veröffentlicht! Erfahren Sie, wie umfassend Sie Ihren -Shop ohne Programmierung anpassen können in einem neueren Blogbeitrag. Wenn Ihr Shop vor April 2018 erstellt wurde und Sie die Verwendung der alten Einstellungen erlernen möchten, lesen Sie hier weiter.

Der -Shop ist so gestaltet, dass er zu jeder Website hinzugefügt werden kann und Sie sofort mit dem Verkauf aller Produkttypen beginnen können. Die Storefront passt sich automatisch an Desktop- und Mobilgeräte an und der Shop sieht auf jedem Bildschirm großartig aus.

Wenn Sie Ihren Shop zu einem natürlichen Bestandteil Ihrer Website machen, vermittelt das den Eindruck eines professionellen Unternehmens. Vielleicht möchten Sie das Shop-Design ändern, damit es zu Ihrem Website-Stil und den spezifischen Anforderungen Ihres Unternehmens passt. Dies kann auf verschiedene Weise erreicht werden, von vollautomatischen Einstellungen bis hin zu individuell erstellt Themen.

Die meisten davon sind aufgeführt in . Auf dieser Seite können Sie Ihre Designeinstellungen verwalten und in diesem Beitrag erklären wir Ihnen, wie Sie sie optimal nutzen.

Wir haben alle möglichen Änderungen am Design Ihres -Shops je nach erforderlichen Fähigkeiten und Ressourcen in drei Ebenen unterteilt, von schnell und einfach bis umfassender und komplexer.

Wie man online verkauft
Tipps von e-commerce Experten für Kleinunternehmer und angehende Unternehmer.
Bitte geben Sie eine gültige E-Mail-Adresse ein

Level 1: Schnell und einfach

Schnell und einfach

Mühelose, schnelle Änderungen. Sie müssen lediglich auf die Schaltflächen klicken.

Bevor Sie über Designänderungen nachdenken, hier die gute Nachricht: integriert sich automatisch in die Umgebung und sieht aus wie ein natürlicher Teil Ihrer Website oder einer Social-Media-Seite. Sie müssen dafür keine Codes schreiben – alles funktioniert einwandfrei.

Darüber hinaus gibt es einfache Möglichkeiten, das Erscheinungsbild Ihres Shops ohne zusätzlichen Aufwand an Ihre Mission anzupassen.

1. Verkaufen Sie auf einer Instant Site, wenn Sie keine Website haben

Die Instant Site ist eine kostenlose Website mit einem Online-Shop, den kostenlos zur Verfügung stellt, wenn Sie Ihr -Konto erstellen.

 Instant-Site

Apropos Design: Die Instant Site wurde mit fertig Käsestangen (das Titelbild, Logo, Online-Shop, Abschnitt „Über uns“, Kundenfeedback und Kontakte), die Sie aktivieren und deaktivieren, bearbeiten und an Ihr Unternehmen anpassen können. All das können Sie praktisch in wenigen Augenblicken selbst erledigen.

Wenn Sie also keine Website haben, auf der Sie verkaufen können, ist dies eine sehr einfache Möglichkeit, mit dem Online-Verkauf auf einer gut aussehend Webseite kostenlos.

Dieses Schritt für Schritt Anleitung erklärt, wie Sie Ihre Instant Site gestalten: Personalisieren Sie Ihre Instant Site von Grund auf bis zum ersten Verkauf

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

Wenn Sie bereits eine Website haben, lässt sich problemlos darin integrieren, egal auf welcher Plattform sie basiert: WordPress, Wix, Joomla oder eine andere Plattform. So können Sie Ihr Geschäft noch besser aussehen lassen.

Schritt 1: Verwenden Sie ein passendes Theme für Ihren Site Builder

Zur Gestaltung Ihrer Website können Sie einfach aus Dutzenden käuflich erwerbbarer Themes wählen. Der -Store ist mit den meisten davon kompatibel.

Hier finden Sie ein kurzes Verzeichnis von Orten im Internet, an denen Sie Designs für Ihren Site Builder finden können.

ü WordPress-Websites

Verpassen Sie auch nicht die Sammlung von die besten kostenlosen WordPress-Themes für e-commerce Webseiten.

ü Joomla-Websites

ü Squarespace-Websites

ü Wix-Websites, es ist noch einfacher: Durchsuchen Sie die Themen, ohne zu verlassen .

Hinweis: + Wix-Händler können die Farben ihrer Website und ihres Shops in den Wix-Anwendungseinstellungen anpassen.

Farbeinstellungen von Wix und

-Shop-Designeinstellungen auf Wix-Websites

Schritt 2: Farbadaptiver Modus aktivieren

Wenn Sie einen neuen -Shop eröffnen und ihn zu Ihrer Website hinzufügen, passt die Shop-Farben automatisch an den Stil Ihrer Website an. Diese Funktion wird als Farbadaptionsmodus bezeichnet. Auf diese Weise können Sie Ihren Shop ganz einfach zu einem natürlichen Bestandteil Ihrer Website machen.

Wenn Sie bereits mit verkaufen, ist der farbadaptive Modus standardmäßig nicht aktiviert, Sie können ihn jedoch auf der Designseite aktivieren:

 Farbadaptiver Modus

Was passiert, wenn Sie Ihren -Shop zu mehreren Websites hinzufügen? Wenn der Farbadaptionsmodus aktiviert ist, passen sich die Shopfarben an alle an. Ihr Shop sieht in jeder Website-Umgebung natürlich aus, egal ob sie weiß, schwarz oder grün ist.

Diese Funktion ist für die Mehrheit der -Händler verfügbar. Hinweis: + Wix-Händler können die Farben ihrer Website und ihres Shops nur in den Wix-Anwendungseinstellungen anpassen.

3. Spielen Sie mit den schnellen Darstellungseinstellungen

Wann immer du online verkaufen Mit ist es möglich, Elemente der -Storefront mit wenigen Klicks zu aktivieren oder zu deaktivieren. Wer beispielsweise handgefertigte Produkte in Einzelstücken verkauft, möchte das Mengenfeld häufig lieber ausblenden.

Möglicherweise möchten Sie auch nicht benötigte Elemente ausblenden oder die Größe der Miniaturansichten ändern. Im Abschnitt „Darstellung“ Ihrer Designseite können Sie dies problemlos tun.

Darstellungseinstellungen

Level 2: Abenteurer

Abenteurer
ü diejenigen ohne technische Kenntnisse, die nach tiefergehenden Designänderungen suchen und Zeit für eine kleine Reise haben.

Sie haben Ihren Shop eingerichtet und sich bereits umgesehen. Jetzt verspüren Sie das Bedürfnis nach einer persönlichen Note: Das können Markenfarben für Schaltflächen, Texte und Hintergrund, einzigartige Symbole oder ganz neue Elemente sein. Sie haben jedoch keine Ahnung vom Programmieren.

Keine Sorge: Auf dieser Ebene haben wir die Tools zusammengestellt, mit denen Sie die oben genannten Ziele ohne Spezialkenntnisse erreichen können. Schauen wir sie uns genauer an.

1. Apps aus dem App Market für die Shopgestaltung nutzen

Die -App-Markt zählt über 100 Apps, die Ihnen bei Analysen, Werbung, Versand und mehr helfen. Sie finden auch Apps zur individuellen Gestaltung von Schaufenstern und Design. Wir schauen uns eine App an, mit der Sie Ihre Designfarben ohne Programmierung ändern können: Shop-Designer.

Shop-Designer

Shop-Designer ist eine App, mit der Sie schnell Farben für Schaltflächen, Text und Hintergrund einrichten können.

Im Vorschaumodus können Sie beliebig mit den Farben experimentieren, bevor Sie Ihr perfektes Design im Schaufenster veröffentlichen.

Shop-Designer

Store Designer-Oberfläche

Die App kostet 4.99 $ und bietet eine kostenlose Testwoche.

Store Designer ist verfügbar auf alle kostenpflichtigen -Pläne, sowie die restlichen Apps im App Market.

2. Kopieren Einfügen fertige Optimierungen aus der Knowledge Base

hat Antworten auf die meisten Fragen, die ein -Shop-Besitzer haben könnte. Wir fügen hier ständig neue Artikel mit den am häufigsten gestellten Tipps hinzu und fertig öܲԲ

Abenteurer finden verschiedene ; Zum Beispiel,

or .

Die meisten dieser Anweisungen lassen sich wie folgt zusammenfassen: DZ辱/Դü ein Codestück in Ihr CSS-Design.

Sie können Ihre CSS-Themen verwalten in .

Der Vorgang läuft folgendermaßen ab: Wenn Sie beispielsweise Ihr Warenkorbsymbol ändern möchten, gehen Sie zu Ihrem , erstelle ein neues CSS-Theme, füge hinzu ein Stück Code, speichern Sie die Änderungen und aktivieren Sie das Design.

Verwaltung von CSS-Themen in

Sie sollten alle weiteren Änderungen zu diesem Design hinzufügen – es kann immer nur ein Design aktiv sein, es muss also alle Änderungen enthalten, die Sie in Ihrem Geschäft vornehmen möchten.

3. Bestellen Sie eine benutzerdefinierte Themenentwicklung

Wenn Sie kein Theme finden, das Ihren Anforderungen entspricht, haben Sie die Möglichkeit,  das speziell für Sie erstellt wird. Ein benutzerdefiniertes Design bedeutet viel mehr als nur eine Änderung der Farben und ermöglicht Ihnen eine tiefere Anpassung, z. B. eine völlig andere Reihenfolge der Blöcke auf Ihrer Produktseite.

Fertig Themen und Themenentwicklung sind für alle -Händler verfügbar.

Stufe 3: Veteran

Veteran
Umfangreiche Anpassungen: vollständige Änderungen des Erscheinungsbilds Ihres Shops. Hallo, Code.

Manchmal sind tiefere Änderungen am Erscheinungsbild des Ladens erforderlich: Sie möchten vielleicht eine Dropdown- Menü, ein anderes Layout der Produktseitenelemente oder ein benutzerdefiniertes Design der Schaltflächen.

ü technisch versiert Händler oder solche, die einen Entwickler in ihrem Team haben, haben die Möglichkeit, Änderungen dieser Art vorzunehmen und ihren -Shop mithilfe benutzerdefinierter CSS-Themen oder der -API sogar bis zur Unkenntlichkeit zu verändern.

1. Erstellen Sie eine selbst gemacht CSS-Thema

Wenn Sie Ihren Shop selbst gestalten möchten, sollten Sie die Erstellung eines eigenen CSS-Designs in Betracht ziehen.

Ein CSS-Design ist ein Regelsatz, der das Aussehen jedes Elements im Store bestimmt (Größe, Form, Farbe und Position auf einer Seite).

Benutzerdefiniertes CSS-Design erstellen

Erstellen Sie Ihre eigenen CSS-Themen in 

Es gibt  das erklärt, wie Sie Ihr eigenes CSS-Theme erstellen und .

Beachten Sie, dass Sie Kenntnisse in HTML und CSS benötigen. Wenn Ihnen diese beiden Wörter also unbekannt vorkommen, sollten Sie bereit sein, einige Zeit in den Erwerb der erforderlichen Fähigkeiten zum Erstellen eines Designs von Grund auf zu investieren.

Denken Sie daran, dass Sie, wenn Sie mit dem Design Ihres -Shops zu kämpfen haben, jederzeit das -Kundenbetreuungsteam um Hilfe bitten können. Oder es ist immer noch möglich, .

2. Verwenden Sie die Javascript API, um die Funktionen des -Storefronts zu erweitern

Dieser Teil ist hauptsächlich für Entwickler gedacht. Wissen Sie, was Ihr -Geschäft noch verbessern könnte? .

Sie können beispielsweise ein neues CSS-Design oder eine App erstellen und diese auf dem App Market verkaufen. Mit der Javascript API können Sie das Erscheinungsbild des Storefronts vollständig ändern und so viele Änderungen vornehmen, wie Sie möchten.

Wenn Sie bereit sind zu beginnen, bitte .

***

Lies auch: So gestalten Sie Produktkategoriebilder, auf die Ihre Kunden einfach klicken müssen


 

Inhaltsverzeichnis

Online verkaufen

Mit Ecommerce können Sie problemlos überall und an jeden verkaufen – über das Internet und auf der ganzen Welt.

Über den Autor

Qetzal ist Produktleiter bei . Er liebt es, neue Dinge zu entwickeln, die das Leben der Menschen einfacher machen.

E-Commerce, der Sie unterstützt

So einfach zu bedienen – sogar meine technikscheuesten Kunden kommen damit klar. Einfach zu installieren, schnell einzurichten. Lichtjahre voraus im Vergleich zu anderen Shop-Plugins.
Ich bin so beeindruckt, dass ich es meinen Website-Kunden empfohlen habe und es jetzt für meinen eigenen Shop sowie für vier weitere verwende, für die ich Webmaster bin. Wunderschöne Codierung, hervorragender erstklassiger Support, großartige Dokumentation, fantastische Anleitungsvideos. Vielen Dank, , ihr seid der Hammer!
Ich habe verwendet und bin von der Plattform selbst begeistert. Alles ist so einfach, dass es unglaublich ist. Ich finde es toll, dass man verschiedene Optionen für die Auswahl von Versandunternehmen hat und so viele verschiedene Varianten einbauen kann. Es ist ein ziemlich offenes E-Commerce-Gateway.
Einfach zu bedienen, erschwinglich (und eine kostenlose Option für Anfänger). Sieht professionell aus, viele Vorlagen zur Auswahl. Die App ist meine Lieblingsfunktion, da ich meinen Shop direkt von meinem Telefon aus verwalten kann. Sehr empfehlenswert 👌👍
Mir gefällt, dass einfach zu starten und zu verwenden ist. Sogar für eine Person wie mich ohne technischen Hintergrund. Sehr gut geschriebene Hilfeartikel. Und das Support-Team ist meiner Meinung nach das Beste.
Trotz allem, was es zu bieten hat, ist die Einrichtung von ECWID unglaublich einfach. Sehr zu empfehlen! Ich habe viel recherchiert und etwa 3 andere Mitbewerber ausprobiert. Probieren Sie einfach ECWID aus und Sie sind in kürzester Zeit online.

Ihre E-Commerce-Träume beginnen hier