Verwendung eines BigCommerce-Designs zur Gestaltung Ihres Online-Shops

Die Eröffnung eines Online-Shops ist eine großartige Möglichkeit, um Ihre Produkte zu verkaufen oder Ihren bestehenden Kundenstamm zu erweitern. In der Welt der E-Commerce-Plattformen ist BigCommerce eine der beliebtesten, mit der Sie Ihren Shop nicht nur starten, sondern auch gleichzeitig an Orten wie e-Bay, Amazon und Facebook verkaufen und vermarkten können.

Neben dem Verkauf auf mehreren Kanälen erhalten Sie Zugriff auf eine Vielzahl von Marketingfunktionen, die vollständige Verwaltung Ihres Inventars, SEO-Tools und wunderschöne Themen, mit denen Sie Ihren Shop auf die nächste Ebene bringen und die Produkte in einer organisierten Umgebung präsentieren können Mode.

Wenn Sie BigCommerce noch nicht kennen, werden Sie in diesem Artikel durch die Schritte eines BigCommerce-Designs geführt, um Ihren Online-Shop schnell zu gestalten und Ihre Produkte stilvoll zu verkaufen.

So verwenden Sie ein Top-BigCommerce-Design für die Gestaltung Ihres Online-Shops. (Dein Laden)

Wenn Sie jedoch einen Überblick über die leistungsstarken Funktionen von BigCommerce benötigen und warum Sie es als Ihre bevorzugte Online-Shop-Plattform in Betracht ziehen sollten, lesen Sie zuerst diesen Artikel: 

Beginnen wir mit dem heutigen Tutorial. Beginnen Sie mit der Auswahl des besten E-Commerce-Designs, mit dem Sie Ihren Online-Shop gestalten können: 

So wählen Sie das richtige BigCommerce-Theme (für Ihren Online-Shop)

Mit vielen BigCommerce-Designs kann die Auswahl des richtigen für Ihr Geschäft zunächst schwierig sein. Es gibt jedoch ein paar kurze Tipps, die Ihren Prozess vereinfachen können:

  • Leistungsstarke Funktionen - Suchen Sie nach einem E-Commerce-Design mit Funktionen wie Mega-Menüs, Preisfilterung und Produktschnellansicht. Mit diesen Funktionen können Sie nicht nur alle Kategorien in das Menü einfügen, ohne die Hauptnavigationsleiste zu überladen, sondern Ihren Besuchern auch die gewünschten Kategorien anzeigen und Produkte anzeigen und sie in den Warenkorb legen, ohne auf die Produktseite zu klicken.
  • Sich anpassendes Design - Wählen Sie ein Website-Design, das anspricht, damit Ihre Kunden ein reibungsloses Einkaufserlebnis haben, selbst wenn sie ihr Tablet oder ein Smartphone verwenden
  • Einfache Anpassung - Stellen Sie sicher, dass das Websitedesign angepasst werden kann, sodass Sie Ihre Marke nahtlos integrieren und Ihren Shop von der Konkurrenz abheben können
  • Enthält Blogging-Tools - Stellen Sie sich ein E-Commerce-Design vor, das eine Blog-Option bietet, mit der Sie die Sichtbarkeit Ihres Shops in Suchmaschinen verbessern und Ihre Produkte vermarkten können.
  • Modernes Design - Ignorieren Sie nicht den Designaspekt des Themas. Stellen Sie sicher, dass das von Ihnen gewählte Thema ein ansprechendes Design hat, das zu Ihrer Nische passt. Sie können auch ein Mehrzweckmotiv auswählen, da es für verschiedene Nischen geeignet ist

Finden Sie die besten BigCommerce-Themen mit schönen modernen E-Commerce-Designs, die in diesem kuratierten Artikel über Envato Tuts + enthalten sind: 

Nachdem Sie nun wissen, wonach Sie in einem Design suchen müssen, erfahren Sie, wie Sie damit einen Online-Shop gestalten können. Wir nehmen ein innovatives Online-Shop-Thema aus dem Artikel oben und zeigen Ihnen, wie Sie es schnell einrichten können.

So richten Sie Ihr Online-Shop-Design ein

Laden Sie die ZIP-Datei nach dem Kauf Ihres gewählten BigCommerce-Themes auf Ihren Computer herunter. Im Rahmen dieses Tutorials verwende ich das YourStore BigCommerce-Design, aber Sie können ein Design verwenden, das Sie am meisten anspricht.

YourStore - Premium BigCommerce-Design.

1. Installieren Sie das BigCommerce-Design von Drittanbietern

Entpacken Sie den heruntergeladenen Ordner und öffnen Sie ihn, um mit dem Entwerfen des Geschäfts zu beginnen. Dort finden Sie den Dokumentationsordner und den Designordner mit der ZIP-Datei, die Sie zum Hochladen auf Ihre BigCommerce-Website benötigen.

Laden Sie Ihr Design hoch.

Melden Sie sich bei Ihrer Site an und klicken Sie auf Storefront> Meine Designs im linken Menü. Sie haben bereits ein Thema von BigCommerce für Sie installiert. Wenn Sie jedoch einen Bildlauf auf der Seite durchführen, wird eine Schaltfläche angezeigt, über die Sie ein Design eines Drittanbieters hochladen können. Drücke den Theme hochladen Taste.

Einmal die POSTLEITZAHL Datei hochgeladen wurde, erscheint eine Themenkarte unter Meine Themen Zeigt den Fortschritt der Themenverarbeitung. Wenn die Bearbeitung abgeschlossen ist, wird sie in Ihrem Dashboard angezeigt. Klicken Sie einfach auf das Thema und dann auf die Schaltfläche Sich bewerben Schaltfläche, um es auf Ihrer Website zu aktivieren.

Ihr neues BigCommerce-Design anwenden.

Jetzt, da Ihr neues E-Commerce-Design aktiv ist, richten Sie die erforderlichen Seiten ein, bevor Sie das Erscheinungsbild Ihrer Website anpassen.

2. Richten Sie Ihre BigCommerce-Themenseiten ein

Standardmäßig haben Sie bereits einige Seiten eingerichtet, wenn Sie sich bei BigCommerce anmelden. Unter können Sie neue Seiten anzeigen und erstellen Storefront> Webseiten. Die Standardseiten enthalten Versand und Kehrt zurück, Kontakt Seite und die Blog Seite. Wenn Sie auf einen beliebigen Seitennamen klicken, gelangen Sie zum Editor, in dem Sie den Standardtext durch Ihren eigenen ersetzen oder ihn an Ihr Geschäft anpassen können.

Das Bearbeiten vorhandener BigCommerce-Themenseiten ist einfach.

Sie können auch SEO-Informationen für die Seite unter eingeben Erweitert Optionen und steuern, wie die Seite im Navigationsmenü angezeigt wird. Wenn Sie mit dem Bearbeiten der Seiten fertig sind, klicken Sie einfach auf sparen und Ausgang um die Änderungen zu speichern.

Erstellen zusätzlicher Seiten wie einer Über Seite, erfordert das Klicken auf Neue Seite erstellen. Sie können dann entscheiden, ob diese Seite eine tatsächliche Seite ist, oder auf eine andere Website verweisen, den Inhalt eingeben, die SEO-Optionen konfigurieren und festlegen, wie sie im Navigationsmenü angezeigt wird.

Zuletzt wählen Sie die Blog Auf dieser Seite können Sie den Standard-Blogeintrag bearbeiten und neue Blogeinträge erstellen. Wie Sie dem folgenden Screenshot entnehmen können, können Sie im Post-Editor den Titel, den Autor und den Inhalt Ihres Blog-Posts eingeben. Sie können Bilder hochladen und ein Miniaturbild auswählen, das als gekennzeichnetes Bild für Ihren Beitrag angezeigt wird.

Ihre Optionen beim Erstellen eines neuen Blogbeitrags in BigCommerce.

Wenn Sie mit dem Bearbeiten und Hinzufügen neuer Seiten fertig sind, können Sie Ihr Online-Shop-Design anpassen.

So passen Sie Ihr BigCommerce-Theme schnell an

Das Anpassen des Designs Ihres Shops umfasst mehrere Schritte: Anpassen des Designs selbst, Hochladen Ihres Logos, Bearbeiten des Homepage-Karussells, um Ihre Produktbilder einzuschließen, und Hinzufügen von Social-Media-Links.

Um auf die Anpassungsoptionen zuzugreifen, gehen Sie zu Storefront> Meine Designs und klicken Sie dann auf Anpassen Schaltfläche zu Ihrem aktiven Thema.

Die Anpassung des BigCommerce-Themas ist ziemlich unkompliziert. 

Im Menü der Seitenleiste des Anpassungsbildschirms können Sie einen anderen Stil des Designs auswählen, die Schriftarten, Farben, Logodimensionen, Formulare usw. ändern.

Der Design Editor ist sehr einfach zu bedienen. 

Sie können sogar die auf Ihrer Website verwendeten Symbole ändern und Ihre Farben so einstellen, dass Sie sie in anderen Teilen Ihres Geschäfts problemlos wiederverwenden können.

Konfigurieren Sie Ihr individuelles Logo. 

Mit dem Editor können Sie auch die Anzahl der auf Ihrer Homepage angezeigten Produkte, die Anzahl der Produktbewertungen, die auf den einzelnen Produktseiten angezeigt werden, und vieles mehr steuern.

Schließlich können Sie die Designdateien auch bearbeiten, wenn Sie sich mit Code auskennen und die Site wirklich anpassen möchten. Nachdem Sie die gewünschten Änderungen vorgenommen haben, klicken Sie auf Änderungen speichern.

Wenn Sie mit dem Anpassen des Erscheinungsbilds Ihrer Site fertig sind, navigieren Sie zu Storefront> Logo ein Logo und ein Favicon für Ihre Website hochladen.

Der nächste Schritt besteht darin, das Homepage-Karussell anzupassen. Wählen Sie dazu das Symbol Startseite Karussell Verknüpfung. Auf dem folgenden Bildschirm können Sie Ihre eigenen Bilder hochladen, neu anordnen und die Textüberlagerung steuern, die auf den Bildern angezeigt wird.

Einrichten des Homepage-Karussells in BigCommerce.

Zum Schluss navigieren Sie zu Social Media-Links und geben Sie die Links zu Ihren Social-Media-Profilen ein. Auf diese Weise können Sie Ihre Folgeseite aufbauen und Ihre Kunden auf ihrer bevorzugten Plattform erreichen, um sie mit den neuesten Produkten, die in Ihrem Geschäft hinzugefügt wurden, oder mit speziellen Werbeaktionen auf dem Laufenden zu halten. Sie können bis zu sechs Profile hinzufügen und sie beliebig bestellen.

Sie können bis zu 6 Links zu Social-Media-Profilen hinzufügen. 

So fügen Sie Ihr erstes Produkt zu Ihrem Online-Shop hinzu

Sobald Ihr BigCommerce-Design eingerichtet ist, können Sie dem Shop Produkte hinzufügen und Produktoptionen konfigurieren. 

Navigieren Sie in Ihrem BigCommerce-Dashboard zu Produkte. Wenn Sie sich für BigCommerce anmelden, haben Sie bereits einige Beispielprodukte eingerichtet. 

Im Menü über der Produktliste können Sie alle Produkte anzeigen oder Ihre vorgestellten Artikel oder Produkte mit kostenlosem Versand anzeigen. Dies ist eine praktische Funktion, mit der Sie das gewünschte Produkt schnell finden und später bearbeiten können.

Modellieren Sie Ihre neuen Produkte nach den mitgelieferten Beispielprodukten.

Um ein neues Produkt hinzuzufügen, können Sie auf eines der Beispielprodukte klicken und die Informationen mit Ihren eigenen bearbeiten. Auf dem Bearbeitungsbildschirm können Sie Produktnamen, Steuerinformationen, Produktkategorie und eine Beschreibung des Produkts eingeben. 

Sie können auch Bilder und Videos hochladen, die Ihre Produkte präsentieren, Produktoptionen wie Größen und Farben konfigurieren, Massenpreise festlegen und vieles mehr.

Hier ist Ihre Ansicht zum Bearbeiten von Produkten. 

Wenn Sie mit der Bearbeitung des Produkts in BigCommerce fertig sind, können Sie es speichern. Sie können auch auf den Pfeil neben der Schaltfläche "Speichern" klicken, um weitere Optionen anzuzeigen, z. B. "Speichern" und "Duplizieren".

Wenn Sie lieber von vorne anfangen möchten, klicken Sie einfach auf Produkte und dann Hinzufügen ein völlig neues Produkt einfügen. Sie können die Beispielprodukte dann löschen, indem Sie sie auswählen und auf klicken Löschen Symbol.

5 Design-Tipps, um mehr aus Ihrem Online-Shop herauszuholen

Wenn Sie Ihr BigCommerce-Design anpassen und Ihre Produkte Ihrem Shop hinzufügen, ist der Großteil Ihrer Anpassungen erledigt. Es gibt jedoch wichtige E-Commerce-Designtechniken, die dazu beitragen, die Conversion-Rate zu erhöhen. Hier sind fünf schnelle Design-Tipps, die Sie in Ihrem Online-Shop anwenden können:  

1. Verwenden Sie qualitativ hochwertige Bilder

Im E-Commerce sind Produktbilder das wichtigste Element auf Ihrer Website. Hier können Sie keine kleinen oder verschwommenen Bilder verwenden. Stellen Sie stattdessen sicher, dass Ihre Bilder Ihren Produkten gerecht werden. 

Ihre Bilder sollten gut beleuchtet und groß genug sein, um Ihre Produkte klar darzustellen. Stellen Sie jedoch sicher, dass Sie Ihre Bilder optimieren, bevor Sie sie auf Ihre Website hochladen, um sicherzustellen, dass die Bildgröße Ihre Website nicht verlangsamt.

Erfahren Sie alles über Produktfotografie in unserer Serie zu Envato Tuts + oder beginnen Sie mit dem folgenden Tutorial: 

2. Wählen Sie für Ihre Schaltflächen Kontrastfarben

Stellen Sie sicher, dass sich Ihre Schaltflächen vom Rest Ihrer Website abheben. Dies gilt auch für Ihre Buy-Buttons und alle anderen Call-to-Action-Buttons. Durch die Verwendung einer Kontrastfarbe können Ihre Besucher sie stärker wahrnehmen, was die Wahrscheinlichkeit erhöht, dass sie tatsächlich klicken und einen Kauf tätigen.

3. Stellen Sie sicher, dass Ihr Thema anspricht

Zahlreiche Online-Untersuchungen zeigen, dass immer mehr Menschen ihre mobilen Geräte nicht nur verwenden, um ihre Forschung zu beginnen, sondern auch verschiedene Produkte kaufen. Erwähnenswert ist auch, dass Suchmaschinen mobile Websites bevorzugen. 

Wenn Sie dies berücksichtigen, können Sie leicht erkennen, warum Ihr Online-Shop gut aussehen muss, unabhängig davon, welches Gerät Ihre Besucher verwenden. Wenn Sie ein ansprechendes BigCommerce-Design auswählen, sparen Sie sich die Mühe und die Möglichkeit, dass Besucher Ihre Website verlassen.

Beachten Sie, dass Sie mit BigCommerce auch das Aussehen Ihres Shops auf Mobiltelefonen, Tablets und Desktop-Computern anpassen können. So können Sie Ihr Design ganz einfach testen und feststellen, ob alles auf verschiedenen Bildschirmgrößen so funktioniert, wie es sollte.

4. Vermeiden Sie, Ihre Site zu überladen

Einer der größten Fehler, den Sie machen können, ist, die Seiten Ihres Shops mit Navigationslinks und zu vielen Produkten auf einer Seite zu überspielen. Mit BigCommerce können Sie die Anzahl der auf Ihrer Homepage angezeigten Produkte sowie die Anzahl der Bewertungen auf den einzelnen Produktseiten optimieren. Setzen Sie diese Zahl nicht zu hoch, da dies Ihre Besucher ablenkt und dazu führt, dass Ihre Website verlassen wird.

Sie sollten auch sicherstellen, dass Ihre Hauptnavigation nur die wichtigsten Seiten und Kategorien der obersten Ebene anzeigt, um Ihren Kunden die Navigation auf Ihrer Website zu erleichtern. Verwenden Sie ein Thema mit einer Mega-Menüfunktion, um Unterkategorien hinzuzufügen und als Dropdown-Menü anzuzeigen, ohne Ihre Site zu stören.

Stellen Sie sicher, dass Sie nur die besten Produkte auf Ihrer Website anbieten: 

5. Nutzen Sie die Schnellansicht

Viele BigCommerce-Themes verfügen über eine integrierte Schnellansicht. So können Ihre Kunden auf jedes Produkt klicken und sofort alle Produktdetails sehen. Sie können den Artikel auch direkt in den Warenkorb legen und dann zur Kasse gehen oder den Einkauf fortsetzen. 

Durch die Verwendung dieser Funktion müssen sie nicht auf die Produktseite klicken, was das Einkaufserlebnis vereinfacht und die Wahrscheinlichkeit erhöht, dass sie den Kauf tätigen. Kombinieren Sie dies mit einem One-Page-Checkout, um das Einkaufen weiter zu vereinfachen und die Conversion-Rate für Ihren Online-Shop zu erhöhen.

Fazit: Machen Sie schnell einen großartigen Online-Shop mit BigCommerce

Wenn Sie Ihren Shop mit dem richtigen Fuß beginnen, erhöhen Sie Ihre Erfolgschancen und machen es einfacher, Ihre Produkte ansprechend zu präsentieren. Zum Glück ist BigCommerce eine großartige Plattform mit vielen Funktionen, die Ihnen helfen, Ihren Shop richtig einzurichten und sofort online zu verkaufen. 

Verwenden Sie die obigen Tipps, um das richtige E-Commerce-Design für Ihr Geschäft auszuwählen und es an Ihr Branding anzupassen.

Wenn Sie sich noch in der Nachforschungsphase befinden und überlegen, welche Art von Online-Shop zu starten ist, lesen Sie dieses umfassende Tutorial von Chefredakteur von BigCommerce Tracey Wallace. Erfahren Sie alles über die wichtigsten Entscheidungen, die Sie zu Beginn treffen müssen: 

Welche Hauptmerkmale werden bei Ihrem Online-Shop-Design berücksichtigt? Haben Sie einen Zeitplan für den Start festgelegt und sind Sie auf dem richtigen Weg? Viel Glück beim Starten Ihres Online-Shops.