So erstellen Sie Ihre erste E-Commerce-Website mit WordPress

Der Betrieb eines Online-Shops ist eine großartige Möglichkeit, um Ihre Produkte einem breiten Publikum vorzustellen. Es kann jedoch auch zeitaufwändig sein, wenn Sie die Zeit berücksichtigen, die Sie für die Ausführung von Bestellungen, die Überwachung Ihres Lagerbestandes und die Vermarktung Ihres Geschäfts verwenden.

Aus diesem Grund sollte Ihre E-Commerce-Plattform einfach zu bedienen und zu warten sein. WordPress passt perfekt zur Rechnung, da Sie beliebige Arten von Websites erstellen können und einfach zu verwenden sind. auch für Anfänger.

WordPress bietet außerdem Tausende von Designs für nahezu jede Nische. Daher ist es die erste Wahl für viele E-Commerce-Besitzer.

In diesem Beitrag werden wir darüber sprechen, wie Sie eine E-Commerce-Website mit WordPress erstellen. Sie erfahren, wie Sie das richtige Thema auswählen. Außerdem zeigen wir Ihnen, wie Sie Ihren Online-Shop ganz einfach einrichten können.

Warum WordPress für einen E-Commerce-Store verwenden??

WordPress bietet zahlreiche Designs zur Auswahl und Tausende von Plugins, die Ihre Website um zusätzliche Funktionen erweitern. Tatsächlich gibt es mehrere Plugins, die speziell dafür entworfen wurden, Ihre WordPress-Site in einen Online-Shop zu verwandeln.

Eines der beliebtesten Plugins für diesen Zweck ist WooCommerce. Sie können damit sowohl digitale als auch physische Produkte verkaufen. WooCommerce ist in zahlreiche Zahlungs-Gateways integriert und verfügt über eigene Erweiterungen, mit denen Sie Ihre Bestellungen mit Ihrer Buchhaltungssoftware synchronisieren können, zusätzliche Versandmethoden anbieten, Rechnungen drucken und Etiketten versenden können. Sie senden automatisch E-Mails an Kunden, die aufgeben ihre Karren und vieles mehr.

So wählen Sie ein WordPress-E-Commerce-Design aus

Eine attraktive Website kann Ihnen dabei helfen, mehr Besucher anzuziehen und diese zu Kunden zu machen. Allerdings sollten Sie bei der Suche nach einem WordPress-Design nicht nur auf das Design achten. Hier sind einige wichtige Dinge, die Sie suchen sollten.

1. Wählen Sie ein Design mit den richtigen Funktionen

Während die meisten E-Commerce-Funktionen vom Plugin stammen, gibt es in Themes einige Funktionen, die das Kundenerlebnis verbessern. Insbesondere möchten Sie ein Thema finden, das die folgenden Funktionen bietet:

  • Megamenu.Ein Megamenu fungiert normalerweise als Dropdown-Menü, in dem zusätzliche Seiten und Links angezeigt werden, wenn Sie mit der Maus darüber fahren. Sie können damit Ihre Navigation organisieren und Ihre Produktkategorien und Seiten hinzufügen, ohne die Besucher zu überfordern.
  • Schnellansicht.Die Möglichkeit, auf ein Produkt zu klicken und die Details sofort anzuzeigen oder das Produkt in den Warenkorb zu legen, verringert die Anzahl der von Ihren Besuchern benötigten Klicks und kann die Conversion-Rate verbessern.
  • Katalogmodus. Wenn Sie ein Design mit einem Katalogmodus auswählen, können Ihre Besucher Ihre Produkte durchsuchen, ohne die verrückte Anzahl von Seiten und Kategorien anklicken zu müssen

Envato bietet viele Optionen, wenn es um eCommerce-WordPress-Themes geht.

2. Ignoriere nicht den Whitespace

Entscheiden Sie sich nach Möglichkeit für ein Design, das ein klares Design mit viel weißem Abstand zwischen den einzelnen Elementen aufweist. Dadurch können Ihre Produkte und Handlungsaufforderungen hervorstechen, und Ihre Kunden können sich leichter auf das konzentrieren, was Ihr Geschäft bietet.

3. Vergewissern Sie sich, dass Ihr Theme leicht anpassbar ist

Das Anpassen Ihres Designs ist entscheidend, damit Sie Ihrer Marke ein einheitliches Erscheinungsbild verleihen können. Ein Thema, das mit einem Bedienfeld für Designeinstellungen oder Verwendungsmöglichkeiten geliefert wird Customizer ermöglicht das Ändern von Farben, Schriftarten und anderen Aspekten, ohne dass Code berührt werden muss. Wenn Sie ein Design auswählen, das mit einer Integration des Seitenerstellers geliefert wird, können Sie sogar das Layout Ihrer Seiten problemlos ändern.

Themen Einstellungen

Erste Schritte mit Ihrer WordPress E-Commerce-Website

Um mit Ihrer eCommerce-Site in WordPress zu beginnen, müssen Sie sich um ein paar technische Details kümmern, bevor Sie Produkte hinzufügen und mit den Designeinstellungen basteln. Für den Anfang müssen Sie einen Domainnamen kaufen. Sie müssen außerdem ein Hosting-Paket und ein Design für Ihre Website erwerben und Ihre Inhalte wie Produktbilder und -beschreibungen vorbereiten.

1. Ein Domänenname

Ihr Domainname ermöglicht es Ihren Besuchern, Sie im Internet zu finden. Wenn Sie bereits über ein physisches Geschäft verfügen, empfiehlt es sich, dieses für Ihren Domainnamen zu verwenden. Alternativ können Sie Ihrem Geschäft einen Namen für die von Ihnen verkauften Produkte geben oder einen generischeren Namen wählen, falls Sie Ihren Bestand in der Zukunft erweitern möchten.

2. Ein Hosting-Plan

Nachdem Sie sich für Ihren Domainnamen entschieden haben, müssen Sie ein Hosting-Paket auswählen, damit die Benutzer auf Ihre Website zugreifen können. Beim Hosting gibt es viele Möglichkeiten, von günstigen, gemeinsam genutzten Plänen bis zu teureren, verwalteten WordPress-Hosting-Plänen.

3. Ein WordPress-Theme

Wie bereits erwähnt, hat WordPress an qualitativ hochwertigen Themen für verschiedene Nischen kein Mangel. Während die kostenlosen Themen nett sind, fehlt ihnen oft die Unterstützung der Autoren und sie werden nicht so oft aktualisiert wie die Premium-Themen. Wenn Sie sicherstellen möchten, dass Ihre Website die beste Benutzererfahrung bietet und sicher ist, ist es wichtig, Ihr Thema auf dem neuesten Stand zu halten.

Glücklicherweise gibt es einige Marktplätze wie Envato Elements, auf denen Sie eine unbegrenzte Anzahl von WordPress-Themes für ein erschwingliches Jahresabonnement herunterladen können. Das bedeutet, dass Sie das Thema beliebig oft ändern können. Wenn Sie ein gewünschtes Thema gefunden haben, müssen Sie es nur noch kaufen und die gezippte Datei auf Ihren Computer herunterladen. Außerdem finden Sie zahlreiche Themen für WooCommerce, die regelmäßig aktualisiert werden und Ihnen Zugriff auf sechs Monate kostenlosen Support durch den Autor von ThemeForest bieten.

4. Inhalt und Bilder

Schließlich möchten Sie Ihre Produktbilder und Produktbeschreibungen vorbereiten, so dass Sie sie nach dem Installieren des Designs und des WooCommerce-Plugins nur kopieren und einfügen müssen. Dies beschleunigt den Website-Einrichtungsprozess und ermöglicht es Ihnen, Ihre Website innerhalb weniger Stunden zu starten. Vergessen Sie nicht, eine Kopie auf anderen Seiten Ihrer Website hinzuzufügen, wie z. B. Ihrer Info-Seite, den Allgemeinen Geschäftsbedingungen, Ihrem Standort oder allem, was Sie benötigen.

Erste Schritte mit WordPress und WooCommerce

Nachdem Sie jetzt alles eingerichtet haben, können Sie Ihre Website erstellen. Sie müssen WordPress, WooCommerce, Ihr Design und die erforderlichen Plugins installieren, bevor Sie das Design anpassen oder Inhalte importieren.

In diesem Tutorial verwenden wir das Lotus-Design. Das Lotus-Design verfügt über ein modernes und ansprechendes Design mit viel Leerzeichen und einer Import-Schaltfläche mit einem Klick für Demoinhalte, die das Einrichten Ihrer Website vereinfacht. Es beinhaltet auch Visual Composer Builder und Revolutions-Schieberegler So können Sie das Layout leicht bearbeiten und wunderschöne Folien Ihrer Produkte erstellen.

Lass uns anfangen:

1. Installieren Sie WordPress

Der erste Schritt ist die Installation von WordPress. Sobald Sie Ihr Hosting-Paket erworben haben, erhalten Sie von Ihrem Hosting-Unternehmen den Link zu Ihrem Hosting-Konto-Dashboard, in dem Sie WordPress installieren können.

Wenn Sie angemeldet sind, suchen Sie nach einem Abschnitt mit der Bezeichnung WordPress Install, One-Click Installer, Softaculous Installer oder etwas Ähnlichem. Finden Sie das WordPress Symbol, klicken Sie darauf und befolgen Sie die Anweisungen.

Daraufhin wird ein Bildschirm angezeigt, in dem Sie aufgefordert werden, den Namen und die Beschreibung Ihrer Site, Ihren gewünschten Benutzernamen und Ihr Passwort sowie Ihre E-Mail-Adresse einzugeben. Füllen Sie die Felder mit Ihren Informationen aus und drücken Sie dann die Installieren Taste.

Sobald WordPress installiert ist, können Sie sich bei Ihrem WordPress-Dashboard anmelden. Besuchen Sie einfach die URL: yoursitename.com/wp-admin (Ersetzen Sie yoursitename.com durch Ihren tatsächlichen Domainnamen). Geben Sie dann den zuvor erstellten Benutzernamen und das Kennwort ein.  

2. Installieren Sie Ihr WordPress-Theme

Gehen Sie in Ihrem WordPress-Dashboard zu Darstellung> Themen> Neues hinzufügen. Dann klick Theme hochladen.

Suchen Sie den heruntergeladenen ZIP-Ordner, der die Dateien des Themas enthält, und laden Sie ihn hoch. Wenn die Installation abgeschlossen ist, klicken Sie auf aktivieren Sie.

3. Installieren Sie die erforderlichen Plugins

Erforderliche Plugins

Nachdem das Design aktiviert wurde, wird im Dashboard eine Benachrichtigung mit der Meldung angezeigt, dass bestimmte Plugins erforderlich sind, damit das Design alle Funktionen nutzen kann. Drücke den Beginnen Sie mit der Installation von Plugins Link, um direkt zum Installationsbildschirm zu gelangen.

Wählen Sie alle Plugins aus dem Dropdown-Menü aus und klicken Sie auf Installieren und warten Sie, bis der Vorgang abgeschlossen ist.

4. Installieren Sie WooCommerce

Der letzte Schritt ist die Installation von WooCommerce, um die E-Commerce-Funktionalität auf Ihrer Website zu aktivieren. Navigieren Sie in Ihrem Dashboard zu Plugins> Neu hinzufügen. Suchen Sie nach WooCommerce, installieren Sie es und aktivieren Sie es.

Sie müssen den Plugin-Setup-Prozess durchlaufen, der die erforderlichen Seiten erstellt und Ihnen die Wahl des Standorts, der Währung und der Zahlungsmethode ermöglicht.

Mit technischen Details ist es an der Zeit, Ihren Inhalt hinzuzufügen und Ihr Design einzurichten.

Einrichten und Anpassen Ihres Designs

Der einfachste Weg zum Einrichten Ihres Designs ist das Importieren von Demo-Inhalten. Bei den meisten modernen Designs ist in der Regel der Import mit einem Klick möglich, sodass Sie Dummy-Bilder, Posts und Seiten mit einem einzigen Klick auf eine Schaltfläche importieren können. Wenn Sie mit dem Importieren von Inhalt fertig sind, können Sie mit den Designeinstellungen spielen, um Farben, Schriftarten und mehr zu ändern.

1. Importieren Sie Demo-Inhalte

Der beste Teil beim Importieren von Demo-Inhalten ist, dass das Design alle Seiten, Beiträge, Bilder, Widget-Einstellungen und mehr importiert und Ihre Website wie die Demo aussehen lässt. Im Fall des Lotus-Themes werden Beispielprodukte und eine Shopseite importiert. Sie müssen also nur die vorhandenen Seiten mit Ihrem eigenen Inhalt bearbeiten.

Demo-Inhalt importieren

Um zu beginnen, gehe zu Darstellung> Demo-Daten importieren, Klicken Sie dann auf die blaue Schaltfläche "Importieren". Warten Sie, bis der Vorgang abgeschlossen ist, und Ihre Website kann Ihren eigenen Inhalt hinzufügen und das Erscheinungsbild anpassen.

2. Ersetzen Sie den Demo-Inhalt

Lassen Sie uns den Demo-Inhalt ersetzen. Gehen Sie in Ihrem WordPress-Dashboard zu Seiten und klicken Sie auf die Bearbeiten unter der Seite, mit der Sie arbeiten möchten. In diesem Beispiel bearbeiten wir die Seite Fullscreen Slider.

Da das Lotus-Design den Builder für Visual Composer verwendet, drücken Sie die Bearbeiten Sie mit Visual Composer Taste. Sobald der Seiteneditor geladen ist, können Sie das Layout ändern, zusätzliche Module hinzufügen und mehr.

Visueller Editor

Um Elemente auf Ihrer Seite zu bearbeiten, klicken Sie einfach auf das Stiftsymbol, geben Sie Ihren eigenen Inhalt ein und passen Sie die Einstellungen nach Ihren Wünschen an. Sie können auch zusätzliche Elemente wie Textfelder, Schaltflächen, Symbole, Videos, Bilder usw. hinzufügen.

Elemente hinzufügen

3. Fügen Sie Ihre eigenen Produkte hinzu

Um eigene Produkte hinzuzufügen, wechseln Sie zu Ihrem WordPress-Dashboard und navigieren Sie zu Produkte> Alle Produkte. Drücke den Bearbeiten Link unter jedem Produkt und ersetzen Sie den Inhalt durch Ihre eigene Beschreibung, Preis und Bilder. Wenn Sie mehr Produkte als die Demo haben, gehen Sie einfach zu Produkte> Neu hinzufügen und geben Sie dann Produktbeschreibung, Bilder und den korrekten Preis ein.

Produkte hinzufügen

4. Passen Sie das visuelle Erscheinungsbild an

Wenn Sie mit dem Einrichten der Seiten und der Produkte fertig sind, gehen Sie zu Aussehen> Anpassen und optimieren Sie die Einstellungen nach Ihren Wünschen. Sie können Ihr eigenes Logo und das Symbol für Ihre Site-Identität hochladen, die Schriftarten ändern, die Startseite, die Seitenleistenpositionen und vieles mehr konfigurieren.

5 nützliche WooCommerce-Erweiterungen, die Ihrem Shop dabei helfen, auf dem richtigen Fuß zu sein

Wie bereits erwähnt, gibt es zahlreiche Erweiterungen, mit denen Sie mehr aus Ihrem Online-Shop herausholen können. Hier sind fünf nützliche Erweiterungen, die Ihnen den Betrieb Ihres Shops erleichtern:

1. WP Flat Visual Chat

WP Flat Visual Chat

Vertrauen aufzubauen ist wichtig, wenn es um Online-Shops geht. Ihre Kunden haben möglicherweise Fragen zu Ihren Produkten oder den Versandrichtlinien. Das Letzte, was Sie wollen, ist, dass Sie Ihre Website verlassen, weil sie keine Antworten finden können. Durch das Hinzufügen einer Live-Chat-Funktion können sie sofort Antworten erhalten. Dies ist eine großartige Möglichkeit, um sicherzustellen, dass sie Ihnen ihr Geld anvertrauen können.

2. Woocommerce Ultimate Gift Cards

Woocommerce Ultimate Gift Cards

Dank dieser Erweiterung können Sie Geschenkkarten für Ihr Geschäft verkaufen. Ihre Kunden können sie nicht nur kaufen und ihren Angehörigen schenken, Sie können sie auch als Gegenleistung für wiederkehrende Kunden oder als Anreiz für Neukunden anbieten, Kunde zu werden.

3. Verbesserte Produktoptionen für WooCommerce

Verbesserte Produktoptionen für WooCommerce

Mit den verbesserten Produktoptionen für WooCommerce-Plugin können Sie die gewünschten benutzerdefinierten Optionen für Ihre Produkte festlegen und eine unbegrenzte Anzahl von Attributselektoren für Produktoptionen erstellen, die über Farben, Größe und Material hinausgehen.

4. Produktfilter für WooCommerce

Produktfilter für WooCommerce

Dank dieses SEO-freundlichen Plugins können Ihre Kunden Produkte nach Kategorien, Attributen, Taxonomien, Bereichen, Metaschlüsseln usw. filtern, sodass sie genau das Produkt finden können, nach dem sie suchen.

5. Woocommerce Rückerstattung und Austausch

Woocommerce Rückerstattung und Austausch

Das Ausstellen von Rückerstattungen kann ein umständlicher Prozess sein, sofern Sie diese Erweiterung nicht haben. Sie können den gesamten Prozess automatisieren und Kunden die Möglichkeit geben, Produktrückerstattungs- oder Umtauschanträge einzureichen, die Ihnen per E-Mail gesendet werden. Sie können sich dann entscheiden, eine Rückerstattung auszustellen oder den Artikel umzutauschen und die Bestellung gegebenenfalls anzupassen.

Beginnen Sie mit Ihrem Online-Shop

Der Start eines Online-Shops ist ein aufregendes und praktikables Geschäftsmodell. Nachdem Sie nun wissen, wie Sie eine E-Commerce-Website mit WordPress und speziell für WooCommerce erstellten Designs zusammen mit zahlreichen WooCommerce-Erweiterungen erstellen, können Sie Ihren Shop innerhalb weniger Stunden in Betrieb nehmen. Blättern Sie durch unsere Themenauswahl und beginnen Sie noch heute mit dem Aufbau Ihres Online-Shops.