WordPress Shop erstellen: Der ultimative Guide bis zur ersten Bestellung

Sie möchten Ihr erstes Online Business mit einem WordPress Shop realisieren. Gute Wahl!

Mit den unzähligen (kostenlosen) Erweiterungen, ist WordPress perfekt geeignet.

Vor allem für diejenigen, welche keine oder nur wenig programmatische Kenntnisse haben.

Wir begleiten Sie mit diesem WooCommerce Guide von dem Erstellen der Webseite, bis hin zur ersten richtigen Bestellung Ihres Produkts.

Was möchten Sie verkaufen? Kleidung, (digitale) Produkte, Abos? Mit WooCommerce ist all dies möglich.

Übersicht

Schritt 1: WordPress installieren
Schritt 2: WordPress Shop installieren
Schritt 3: Das erste Testprodukt erstellen
Schritt 4: Bestellprozess mit Testprodukt testen
Schritt 5: Bestelldaten prüfen
Schritt 6: Theme wählen
Schritt 7: Theme installieren und einrichten
Schritt 8: Struktur der Webseite definieren
Schritt 9: Produktseite und Kategorieseite gestalten
Schritt 10: Produkte einpflegen welche zum Launch notwendig sind
Schritt 11: Menü erstellen
Schritt 12: Produkte kategorisieren
Schritt 13: Startseite gestalten
Schritt 14: Rechtliche Anforderungen gerecht werden
Schritt 15: General-Testbestellung durchführen
Schritt 16: Design von Seiten, Kategorien und Produkten überprüfen
Schritt 17: Erste Vertriebsmaßnahmen durchführen
Schritt 18: Aus der ersten Bestellung einen eigenen Prozess zur Bestellabwicklung entwickeln
Schritt 19: Der WordPress Shop steht. So geht es weiter
Möchten Sie Unterstützung?

Schritt 1: WordPress installieren

Sie benötigen WordPress als Fundament für Ihr Shopsystem. Wie Sie selbst eine saubere WordPress Installation erstellen, haben wir bereits in einem anderen Guide vorgestellt.

Schritt-für-Schritt Anleitung zu WordPress installieren

Folgen Sie der Anleitung. Sobald Sie mit der Schritt-für-Schritt Anleitung WordPress installiert haben, können wir uns dem Shopsystem WooCommerce widmen.

Wenn Sie bereits WordPress installiert und eingerichtet haben, geht es für Sie direkt weiter.

Schritt 2: WordPress Shop installieren

Rufen Sie Ihr WordPress Backend auf. Klicken Sie im Menü unter Plugins auf den Menüpunkt Installieren.
Geben Sie in das Suchfeld „WooCommerce“ ein.
Sie sehen nun eine Kachelübersicht des passenden Suchergebnisses. Klicken Sie in der Kachel „WooCommerce“ auf Jetzt installieren, dann auf Aktivieren.
Gehen Sie die Schritte des WooCommerce Setup-Assistenten sorgfältig durch.
Gut gemacht! Sie haben nun ein Shopsystem auf Ihrer Webseite.

Schritt 3: Das erste Testprodukt erstellen

Klicken Sie unter dem Menüpunkt Produkte auf Erstellen.
Geben Sie Ihrem Produkt einen Namen in dem Produktname-Feld.
Fügen Sie Ihrem Produkt eine Beschreibung hinzu.
Pflegen Sie die Produktdaten ein, wie den regulären Preis, die Artikelnummer und Eigenschaften (z.B. die Marke). Speichern Sie die Eigenschaften.
Fügen Sie eine Kurzbeschreibung Ihres Produktes ein.
Ordnen Sie Ihr Produkt einer Kategorie zu. Falls Sie noch keine Kategorie haben, wird automatisch die Kategorie „Unkategorisiert“ erstellt und Ihr Produkt dem zugeordnet.
Klicken Sie auf Produktbild festlegen. Ihre Mediathek öffnet sich. Sie haben nun die Wahl dem Produkt ein bestehendes Bild zuzuordnen oder mit dem Klick auf den Reiter Datei hinzufügen ein neues Bild hochzuladen.
Fügen Sie Ihrem Produkt mit einem Klick auf Produktgallerie hinzufügen eine Produktgallerie hinzu. Wie für das Produktbild öffnet sich das Mediathekenfenster. Indem Sie die Taste „Strg“ halten, können Sie mehrere Bilder anwählen.
Speichern Sie Ihr Produkt und schauen Sie sich mit einem Klick auf Vorschau die Vorschau Ihres Produktes an.
Wenn Sie mit den eingepflegten Daten zufrieden sind, veröffentlichen Sie Ihr Produkt mit dem Klick auf Veröffentlichen.
Ausgezeichnet. Sie haben Ihr erstes Produkt erstellt.

Schritt 4: Bestellprozess mit Testprodukt testen

Klicken Sie in Ihrem WordPress Backend in der Adminbar auf Produkt anzeigen.
Legen Sie, mit dem Klick auf In den Warenkorb Ihr Produkt in Ihren Warenkorb und lassen Sie sich den Warenkorb anzeigen.
Gehen Sie Weiter zur Kasse.
Pflegen Sie Daten in die (mit Sternchen markierten) Pflichtfelder ein und klicken Sie auf Bestellung abschicken. Lassen Sie bewusst ein Pflichtfeld aus. So testen Sie das Blockieren des weiteren Bestellschrittes, sowie den Hinweistext.
Überprüfen Sie die „Vielen Dank“ Meldung sowie die Zusammenfassung der Bestelldetails.
Hervorragend. Ihre Bestellung wurde abgeschickt.

Schritt 5: Bestelldaten prüfen

Klicken Sie auf Bestellungen unter dem Menüpunkt WooCommerce in Ihrem WordPress Backend.
Hier erhalten Sie eine Übersicht über alle Bestellungen. Prüfen Sie in der Bestellübersicht den Status der Bestellung und die berechnete Gesamtsumme.
Öffnen Sie mit einem Klick Ihre Testbestellung und überprüfen Sie die Details der Bestellung.
Öffnen Sie das Emailkonto mit welchem Sie die Bestellung getätigt haben.
Prüfen Sie, ob in Ihrem Emailfach eine Email mit einer Bestellbestätigung ankam.
Schauen Sie, ob die Bestellbestätigung richtig und vollständig ist.
Sehr gut. Ihr Bestellprozess funktioniert und die Bestellung ging mit den richtigen Daten und Preisen ein.

Screenshot WooCommerce Danke-Email Bestellugn

Schritt 6: Theme wählen

Besuchen Sie die Webseite Themeforest.net
Geben Sie in das Suchfeld Enfold ein.
Erwerben Sie das Theme und laden Sie die Theme-Dateien herunter (folgen Sie einfach den beschriebenen Schritten auf Themeforest).

Schritt 7: Theme installieren und einrichten

In Ihrem WordPress Backend klicken Sie unter dem Menüpunkt Design auf Themes. Auf Theme hochladen können Sie dann die heruntergeladenen Datei auswählen.
Klicken Sie auf Jetzt installieren.
Wenn Sie mehr über die Enfold Theme Optionen wissen möchten, hat jfmediendesign.de einen tollen Beitrag dazu.
Herzlichen Glückwunsch. Sie können nun Ihr neues Theme aktivieren und haben jetzt das Grunddesign für Ihre Webseite erstellt.

Schritt 8: Struktur der Webseite definieren

Sie haben bis hier hin eine WordPress Webseite erstellt, ein Shopsystem installiert, die erste Bestellung durchgeführt und sich für ein Grunddesign entschieden.

Jetzt müssen Sie Ihrer Webseite eine Struktur geben.

Nehmen Sie sich dafür am besten ein paar Blätter Papier zur Hand. Jeden der folgenden Schritte ist für ein Blatt Papier gedacht:

Listen Sie alle Seiten auf welche Ihre Webseite umfassen wird (z.B. Startseite, Produkt- und Kategorieseite, Impressum, Datenschutz, Über uns etc.)
Erstellen Sie eine Menüstruktur und notieren Sie über welchen Menüpunkt welche Seite zu erreichen ist.
Zeichnen Sie die Struktur der Startseite, einer Unterseite für Inhalte (z.B. Über uns), die Kategorieseite und die Produktseite auf je ein Blatt.
Sehr gut! Jetzt wissen Sie, wir Ihre Webseite aufgebaut sein soll.

Schritt 9: Produktseite und Kategorieseite gestalten

Klicken Sie in Ihrem WordPress Backend auf WooCommerce > Einstellungen.
Im Reiter Produkte finden Sie die Produkt-Einstellmöglichkeiten (z.B. wie viele Produkte in einer Reihe und wie viele Produkte auf einer Seite dargestellt werden soll).
Sie sehen den Hinweistext zur Möglichkeiten der Produktdarstellung über den Customizer. Klicken Sie Schau sie die hier in Aktion an.
Im Customizer unter WooCommerce > Produktbilder können Sie Einstellungen zur Bilddarstellung auf den Produktseiten treffen.
Unter WooCommerce > Produktkatalog können Sie die Anzeigeeinstellung auf Ihrer Shop- und Kategorieseiten treffen.
Veröffentlichen Sie Ihre Einstellungen um diese zu speichern und schließen dann den Customizer.
Gehen Sie in die Theme Einstellungen. Bei Enfold ist das ein Menüpunkt im WordPress Backend namens Enfold.
Sie finden in den Enfold-Einstellungen den Menüpunkt Shop Optionen. Hier können Sie Theme-basierte Shop Einstellungen treffen.
Treffen Sie Ihre gewünschten Theme-Einstellungen für Ihren Shop. Enfold gibt Ihnen Hinweise welche Einstellmöglichkeit was bewirkt mit einem Hinweistext neben der Einstellung.
Möchten Sie Ihre Einstellungen speichern, klicken Sie auf Save all changes.
Gehen Sie im Frontend auf Ihr Musterprodukt und prüfen Sie die Einstellungen welche Sie getroffen haben.
Hervorragend! Sie können nun Einstellungen in der Darstellung von Produkten und Kategorien ohne programmatische Kenntnisse tätigen.

Schritt 10: Produkte einpflegen welche zum Launch notwendig sind

Nun ist es an der Zeit die Produkte einzupflegen, welche für den Launch Ihres neuen Shops benötigen.

Falls Sie sich im Einpflegen von Produkten noch unsicher sind, nehmen Sie sich das Video aus „Schritt 3: Testprodukt erstellen“ zur Hand.

Sie werden sehen: Das Einpflegen von Produkten wird von mal zu mal einfacher und flüssiger.

Schritt 11: Menü erstellen

Klicken Sie in Ihrem WordPress Backend auf Design > Menüs.
WordPress, ihr Theme und WooCommerce erstellen automatisch bei der Installation Menüs. Meine Empfehlung: Löschen Sie alle Menüs und erstellen Sie Ihr eigenes.
In der linken Spalte können Sie auswählen welche Seiten, Produkte, Kategorien etc. Sie Ihrem Menü hinzufügen möchten. Wählen Sie die hinzuzufügenden Punkte aus und klicken Sie auf Zum Menü hinzufügen.
Mit dem Drag-and-Drop Prinzip können Sie Ihre neuen Menüpunkte anordnen und in den Menüebenen (als Menü-Unterpunkte) schieben.
Klappen Sie die einzelnen Menüpunkte auf um für einen Menüpunkt individuelle Einstellungen zu treffen.
Speichern Sie Ihr Menü mit dem Klick auf Menü speichern.
Sobald Ihr neues Menü gespeichert ist, klicken Sie auf den Reiter Position verwalten.
Wählen Sie nun Ihr neues Menü als Hauptmen in dem jeweiligen Dropdown aus und klicken Sie auf Änderungen speichern.
Überprüfen Sie Ihr neues Menü im Frontend auf Richtigkeit und Vollständigkeit.
Herzlichen Glückwunsch! Sie haben jetzt einen der wichtigsten Bestandteile Ihrer Webseite erstellt: Das Menü. Jetzt können Ihre zukünftigen Kunden über Ihren Online Shop navigieren.

Schritt 12: Produkte kategorisieren

Klicken Sie im Backend auf Produkte > Kategorien.
Sie haben hier eine Übersicht über alle Kategorien. Erstellen Sie nun auf der linken Seite Ihre Kategorien.
Um Ihre Produkte Ihren neuen Kategorien hinzuzufügen, klicken Sie auf Produkte > Alle Produkte.
Für die erste Zuordnung zu einer Kategorie, markieren Sie die gewünschten Produkte mit Klicks in die Kästchen.
Stellen Sie nun das Dropdown für Mehrfachaktionen auf Bearbeiten und dann auf Übernehmen. So können Sie mehrere Produkte gleichzeitig bearbeiten.
Jetzt können Sie die ausgewählten Produkte zu Ihrer gewünschten Kategorie hinzufügen. Sobald Sie dies gemacht haben, klicken Sie auf Aktualisieren.
Wenn Sie vereinzelt ein Produkt einer Kategorie zuordnen möchten, klicken Sie auf das zu bearbeitende Produkt. Auf der rechten Seite sehen Sie auch Ihre Produktkategorien und können eine für das Produkt auswählen.
Gehen Sie nun unter Produkte > Kategorien und klicken Sie bei der Kategorie auf Anschauen. So kommen Sie schnell auf die Kategorieseite im Frontend und können prüfen ob all Ihre Produkte für diese Kategorie übernommen wurden.
Klasse! Mit Kategorien schaffen Sie Ordnung über Ihre Produkte und Ihre Kunden finden schneller das gewünschte Produkt.

Schritt 13: Startseite gestalten

Gehen Sie in Ihrem WordPress Backend auf Theme.
Falls noch nicht vorhanden, wählen Sie eine Seite als Startseite aus und speichern Ihre Einstellung.
Klicken Sie auf Seiten > Alle Seiten und auf die von Ihnen gewählte Startseite.
Mit dem Enfold Editor (falls nicht aktiviert, klicken Sie auf Erweiteter Layout-Editor) können Sie nun mit dem Drag&Drop Prinzip Ihre Startseite bauen. Eine ausgezeichnete Einführung in den Enfold Layout Builder finden Sie auf der Webseite des Entwicklers.
Wenn Sie die Seite gespeichert/aktualisiert haben können Sie mit dem Klick auf Seite anschauen oben in der Admin-Bar schnell ins Frontend wechseln und die Seite betrachten, an der Sie Anpassungen vorgenommen haben.
Super! Mit der Erstellung der Startseite haben Sie nun ein Aushängeschild für Ihre zukünftigen Kunden.

Schritt 14: Rechtliche Anforderungen gerecht werden

Mehrere unserer Kunden haben Rechtstexte durch „eRecht24“ und durch die WooCommerce Erweiterung „WooCommerce Germanized“ erstellen lassen. Wir empfehlen die Prüfung aller Daten durch einen Anwalt.*

Nur ein Anwalt kann Ihnen Rechtstexte erstellen, welche genau auf Sie und Ihr Vorhaben abgestimmt sind.

Mit der Registrierung auf eRecht24 erhalten Sie Zugriff auf einen Generator welcher Ihnen ein indiviuelles Impressum und eine individuelle Datenschutzerklärung ausgibt.

Ihre AGB und Widerrufsbedingungen können Sie über das Plugin „WooCommerce Germanized“ generieren (Premium Version).

*Hinweis:

Wir sind keine Anwälte und stehen mit den genannten Anbietern in keiner Beziehung. Auch wenn diese mit Rechtssicherheit werben sollten, empfehlen wir die Prüfung Ihres Onlineshops und alle Bestandteile durch einen Fachanwalt.

„Mein Tipp: WooCommerce Germanized ist ein richtig gutes Plugin für einen deutschen Online Shop.

Neben den Rechtstexten liefert das Plugin viele weitere Funktionen, wie PDF Rechnungen, Mehrstufige Kasse etc. Wir empfehlen dieses Plugin jedem unserer Kunden und sehen es als ein Muss um ein erfolgreiches Online-Shop-Business aufzubauen.

Germanized kostet 69,95€ für das erste Jahr und 49,95€ je Verlängerung.“

Christian HenleContent Stategie & SEO

Schritt 15: General-Testbestellung durchführen

Klicken Sie auf WooCommerce > Einstellungen in Ihrem WordPress Backend.
Gehen Sie nun jeden Reiter durch und treffen Sie Ihre gewünschten Einstellungen.
Das ist nun der Ihr letzter Schritt an Einstellungen, bevor Sie online gehen. Also machen Sie das mit größter Sorgfalt.

Schritt 16: Design von Seiten, Kategorien und Produkten überprüfen

Überprüfen Sie nun folgendes:

Werden meine Seiten richtig dargestellt?
> Schritt 13: (Start-)Steite gestalten
Sind meine Kategorien richtig angelegt und werden die Kategorieseiten im Frontend richtig angezeigt?
> Schritt 9: Kategorieseite gestalten
Werden meine Produkte im Frontend richtig angezeigt und sind alle Produkte der richtigen Kategorie angeordnet?
> Schritt 3: Testprodukt erstellen
> Schritt 12: Produkte kategorisieren
Sind meine Menüs vollständig und verlinken richtig?
> Schritt 11: Menü erstellen

Schritt 17: Erste Vertriebsmaßnahmen durchführen

Herzlichen Glückwunsch! Haben Sie alle Schritte bis hier hin verfolgt, haben Sie nun einen funktionierenden Online Shop und können diesen nun von den Suchmaschinen indexieren lassen. Gehen Sie hierzu im Menü auf Einstellungen > Lesen und nehmen Sie das Häkchen bei Sichtbarkeit für Suchmaschinen raus.
Führen Sie nun Ihre erste Vertriebsmaßnahme durch: Erzählen Sie Ihrer Familie, Freunde und Bekannte von Ihrem Online Shop.

Schritt 18: Aus der ersten Bestellung einen eigenen Prozess zur Bestellabwicklung entwickeln

Ihre erste Bestellung kam nun rein.

Schauen Sie sich die Bestellung unter WooCommerce > Bestellungen an. In diesem Schritt empfehlen wir eine .docs Datei anzulegen.

Hier sollten Sie sich ab dem Moment der Bestellung jeden Schritt notieren, welchen Sie nun durchführen, bis hin zur Übergabe des Paketes an den Versand-dienst und ggf. der Nacharbeit.

Ihr Vorteil: Sie können im Nachhinein jeden Schritt nach verfolgen. Sie erfahren so, was Sie bei zukünftigen Bestellungen besser machen können.

Vielleicht können Sie hier und da noch etwas Zeit sparen. Vielleicht können Sie zukünftig einzelne Schritte einfacher gestalten.

Und vielleicht lässt sich der ein oder andere Schritt gar automatisieren! Je mehr Sie optimieren, desto mehr Zeit und Kosten sparen Sie.

Schritt 19: Der WordPress Shop steht. So geht es weiter:

Feedback von Freunden und Bekannten einholen.
Bevor Sie nun sich an die Werbung für Ihren neuen Online Shop machen, bitten Sie Ihre Freunde und Bekannte Testbestellungen zu machen. Sie sollen Ihnen Feedback zur Benutzerfreundlichkeit geben. Nehmen Sie das Feedback und verbessern Sie Ihren Shop dahingehend.
Google Analytics integrieren
Tracking ist das A und O für einen Onlineshop. Zum Beispiel müssen Sie wissen über welche Kanäle Ihre Kunden kommen und an welchen Stellen Ihres Shop Ihre Besucher abspringen. Nur so können Sie gezielte Optimierungen durchführen.
WC Erweiterung: WooCommerce Google Analytics
E-Commerce Tracking mit WooCommerce von nnpro.at
Werben mit Google Adwords
Google Adwords ist einer der effektivsten Werbemethoden. Der größte Vorteil: Es macht Ihre Einnahmen skalierbar.
Google Adwords Kampangen erstellen von Hubspot

Möchten Sie Unterstützung?

Mit Sergio Sanchez bauen Sie erfolgreiche digitale Verkaufsplattformen auf.

Unterstützung erhalten