So erstellen Sie eine E-Commerce-Website mit WordPress

Verwenden Sie WooCommerce: Kurz gesagt, so erstellen Sie eine E-Commerce-Website mit WordPress. Allerdings ist auch dies eine grobe Vereinfachung. Bei einem solchen Projekt gibt es viel zu bedenken. Tatsächlich sollten Sie über jede Ihrer Aktionen nachdenken – sogar über die Wahl Ihres bevorzugten E-Commerce-Plugins.

📝 In diesem Beitrag werden wir nicht die typischen Schritte durchgehen, die Sie beim Erstellen einer E-Commerce-Website mit WordPress erwarten würden. Stattdessen stellen wir Ihnen eine Art Checkliste zur Verfügung, die Sie bei Ihrem weiteren Fortschritt unterstützen soll. Lassen Sie uns zunächst darüber sprechen, was Sie an Ressourcen und Fähigkeiten benötigen.

Was Sie zum Einrichten einer E-Commerce-Website mit WordPress benötigen

Um eine E-Commerce-Website mit WordPress zu entwickeln, benötigen Sie natürlich sowohl die führende Web-Publishing-Plattform als auch das führende E-Commerce-Plugin dafür. Für die meisten Anforderungen ist WordPress perfekt.

Es gibt jedoch noch viel mehr, was Sie in Ihrem Werkzeugkasten haben möchten:

• Kenntnisse in der WordPress-Entwicklung . Sie müssen über umfassende WordPress-Kenntnisse verfügen. Zunächst einmal ist es wichtig zu wissen, wie WordPress unter der Haube funktioniert. Von dort aus erfahren Sie mehr über Theme-Anpassung, Plugin-Entwicklung und Vorlagenhierarchie. Wenn es um Sprachen geht, sollte Ihr Team über PHP-, HTML-, CSS- und JavaScript-Kenntnisse verfügen.
• Kenntnisse in der Themenentwicklung . Möglicherweise müssen Sie ein benutzerdefiniertes Design entwickeln oder ein vorhandenes ändern. Die Alternative besteht darin, sich auf Standarddesigns ohne erweiterte Anpassungen zu verlassen.
• Ein E-Commerce-Plugin . Wir werden später ausführlicher darüber sprechen. Aber Spoiler-Alarm: Sie sollten vor allem das Innenleben des WooCommerce-Plugins verstehen.
• Ein Plan! Das wird viele Facetten haben. Dazu gehören Ihr Arbeitsablauf, die Ziele des Projekts, die von Ihnen implementierten Sicherheitsbestimmungen, die von Ihnen verwendeten Zahlungsgateways und mehr. Ein Großteil dieses Artikels wird sich auf diese Aspekte konzentrieren.

In vielen Fällen sollten Sie auch darauf achten, die von Ihnen vorgenommenen Anpassungen oder Änderungen zu verfolgen und mit der Entwicklung einer Dokumentation zur späteren Bezugnahme beginnen. Dies ist besonders wichtig, wenn Sie eine Website irgendwann an einen anderen Entwickler übergeben müssen.

Was eine E-Commerce-Website beinhalten sollte

Eine typische E-Commerce-Website umfasst eine Reihe wesentlicher Elemente. Obwohl Sie dies auf viele verschiedene Arten aufschlüsseln können, konzentrieren wir uns hier auf Front-End- und Back-End-Elemente.

Das Frontend-Erlebnis 👨‍💻

Frontend-Funktionen sprechen Benutzer an und wirken sich auf die Benutzererfahrung (User Experience, UX) der Website aus. Sie sollten beispielsweise ein klares und intuitives Design mit einfacher Navigation verwenden. Klare Taxonomien mit guter Organisation (zusammen mit Such- und Filterfunktionen) verbessern die UX.

Sie können (und sollten) jedoch noch mehr berücksichtigen:

• Hochwertige Produktbilder und Beschreibungen . Nur so können Kunden ein Produkt ansehen. So helfen hochauflösende Bilder aus verschiedenen Blickwinkeln zusammen mit detaillierten Beschreibungen den Kunden, einen informierten Kauf zu tätigen.
• Einfacher Checkout-Prozess . Wir empfehlen Ihnen, dies so einfach wie möglich zu gestalten, um die Abbruchraten im Einkaufswagen niedrig zu halten und den Umsatz anzukurbeln. Sie möchten zur Kasse möglichst wenig Schritte unternehmen. Zu den weiteren UX-Optionen gehören Optionen zum automatischen Ausfüllen und Fortschrittsanzeigen.
• Sichere Zahlungsmöglichkeiten . Sie möchten sicherstellen, dass Kunden ihr bevorzugtes Zahlungsgateway nutzen können und dass es sicher ist. Wenn Sie die Sicherheit Ihrer Kunden vor Ort gewährleisten können, kommen Sie einem Verkauf einen Schritt näher.
• Geräteübergreifende Zugänglichkeit . Der mobile Internetverkehr macht den Großteil aus. Das bedeutet, dass die meisten Besucher Ihre Website auf einem kleinen Bildschirm sehen. Daher muss die von Ihnen bereitgestellte Website skalierbar sein und auf allen Bildschirmgrößen funktionieren.

Sie sollten auch Elemente hinzufügen, die die Wahrnehmung der Website in den Augen anderer Kunden verbessern. Einige bewährte Methoden hierfür sind Rezensionen, Bewertungen und Erfahrungsberichte:

Auch Social-Proof-Elemente können funktionieren, etwa Social-Media-Sharing-Buttons, Verkaufszahlen und mehr.

Back-End-Management und Sicherheit 🗜️

Auch das Backend-Management sollte eines Ihrer Anliegen sein. Denn wenn Sie Bestellungen und Kunden nicht verwalten können, könnte sich das negativ auf die Website und das Geschäft auswirken. Achten Sie daher darauf, Updates zur Auftragsverfolgung in Echtzeit bereitzustellen und mehrere Supportkanäle wie Live-Chat und E-Mail zu implementieren.

Darüber hinaus sollten Sicherheitsmaßnahmen eine Ihrer wichtigsten Implementierungen sein. Secure Socket Layers (SSL)-Verschlüsselung, sichere Serververbindungen und PCI-Konformität können die Sicherheit der Kundendaten gewährleisten und weiteres Vertrauen aufbauen.

Wenn Sie erst einmal verstanden haben, was eine E-Commerce-Website beinhaltet, hilft Ihnen die Planung dabei, Ihr Projekt auf Kurs und im Budget zu halten. Als nächstes werden wir uns das genauer ansehen.

So erstellen Sie eine E-Commerce-Website mit WordPress: Projektplanung

Die Planung Ihrer Website kann je nach Ihren Bedürfnissen und Zielen eine tiefgreifende Angelegenheit sein. Daher empfehlen wir Ihnen, sich hier Zeit zu nehmen. Das alte Sprichwort „Wenn man sich nicht vorbereitet, bereitet man sich auf das Scheitern vor“ gilt auch für E-Commerce-Websites.

Bereiten Sie sich daher darauf vor, Folgendes zu verstehen und es als Grundlage für Ihre E-Commerce-Website zu verwenden:

• Identifizieren Sie die Produkte oder Dienstleistungen, die die Website verkaufen wird. Dies ist wohl der einfachste Teil, da er wahrscheinlich in erster Linie die Inspiration für den Laden sein wird.
• Definieren Sie die Geschäftsziele und die Zielgruppe der Website.
• Bestimmen Sie Design- und Branding-Anforderungen.
• Notieren Sie sich alle spezifischen Anforderungen oder Präferenzen, die Sie auf Ihrer Website implementieren möchten.
• Definieren Sie den Zweck, die Merkmale und die Funktionalität der Website.

Entscheiden Sie beim Branding auch, welche Assets Sie benötigen und bereits zur Verfügung haben, wie z. B. Farbschemata, Logos und mehr. Dies hilft Ihnen nicht nur bei der Planung des Projekts, sondern spart Ihnen auch Zeit.

So erstellen Sie eine E-Commerce-Website mit WordPress: technische Überlegungen und Workflow

Sie haben einen Plan und eine Vorstellung davon, was das Endziel sein wird. Jetzt ist es an der Zeit, die Website zu erstellen. Der Rest dieses Beitrags befasst sich mit der Erstellung einer E-Commerce-Website mit WordPress.

Das Tutorial ist in drei Abschnitte unterteilt: technische Überlegungen, Design und Tests. Schauen wir uns zunächst an, wie man WordPress einrichtet und die Website sicher macht.

1. Richten Sie WordPress ein und wählen Sie dann Ihr E-Commerce-Plugin aus, installieren und konfigurieren Sie es
2. Entscheiden Sie, welches WordPress-Theme Sie verwenden möchten
3. Wählen Sie Plugins, um die Funktionalität Ihrer Website zu steigern
4. Richten Sie grundlegende E-Commerce-Sicherheitsbestimmungen ein
5. Implementieren Sie wichtige E-Commerce-Funktionen

1. Richten Sie WordPress ein und wählen, installieren und konfigurieren Sie dann Ihr E-Commerce-Plugin ⚙️

Wie bei jeder WordPress-Website müssen Sie Hosting erwerben, einen Domainnamen erwerben und verknüpfen und die Plattform installieren. Natürlich werden Sie auch versuchen, Plugins zu installieren. Wir haben eine Anleitung dazu und sie ist eine gute Auffrischung aller Zahnräder, die Sie zum Bau des Rads benötigen.

Sie sollten jedoch innehalten und über die Wahl des E-Commerce-Plugins nachdenken. Möglicherweise wissen Sie bereits, was Sie verwenden möchten (z. B. Adobe Commerce). Für WordPress-Websites empfehlen wir jedoch immer WooCommerce als erste Wahl.

Darüber hinaus sollten Sie sicherstellen, dass Ihr Hosting-Anbieter WooCommerce optimal ausführen kann.

2. Entscheiden Sie, welches WordPress-Theme Sie verwenden möchten 🎨

Wie bei der Wahl Ihres E-Commerce-Plugins haben Sie möglicherweise bereits ein Thema im Kopf. Allerdings kann die Auswahl eines WordPress-Themes das gesamte Projekt prägen, also nehmen Sie sich hier Zeit.

Wenn Sie über das Budget und die Zeit verfügen, möchten Sie möglicherweise ein benutzerdefiniertes Design erstellen. Diese Option eignet sich, wenn Sie spezielle Anforderungen haben, die kein anderes Theme erfüllen kann.

Es ist gut, dass Sie bei WPShout sind, denn wir verfügen über zahlreiche Ressourcen, die Ihnen helfen können! Schauen Sie sich diese Liste mit Beiträgen und Kursen von uns an:

• Erklärung der WordPress-Vorlagenhierarchie
• Grundlagen des WordPress-Theme-Designs
• So erstellen Sie ein WordPress-Theme von Grund auf
• Kurs: WordPress-Theme-Entwicklung (Kernkonzepte)

Bedenken Sie, dass Sie auch verstehen müssen, welche Wartung ein benutzerdefiniertes Theme benötigt. Dies sollte bei Ihrer Entscheidung hier berücksichtigt werden. Wenn es jedoch um die von Ihnen hinzugefügten Plugins geht, tritt dieses Problem nicht auf.

3. Wählen Sie Plugins, um die Funktionalität Ihrer Website zu steigern 🔌

Man kann darüber streiten, aber Plugins machen eine WordPress-Site aus. Dabei geht es mehr um das, was Sie erreichen wollen, als um konkrete Lösungen. Sie benötigen Plugins für Sicherheit, Formulare, E-Commerce und mehr. Auch wenn Sie Ihr ausgewähltes E-Commerce-Plugin möglicherweise bereits installiert haben, ist der Rest offen für Interpretationen.

Möglicherweise verfügen Sie bereits über einige Plugins, die Sie auf die neue Website übertragen möchten. Die Alternative besteht darin, neue Plugins zu verwenden, die für die Installation relevant sind. Sie möchten Plugins auswählen, die über einen guten Kernfunktionsumfang, hervorragenden Support, Entwicklerfunktionen wie Hooks oder eine Anwendungsprogrammierschnittstelle (API) sowie solide Bewertungen und Rezensionen verfügen.

Wenn Sie Inspiration brauchen, finden Sie hier eine Zusammenfassung der besten WordPress-Plugins für jede Art von Website. Nehmen Sie sich jedoch ein paar Minuten Zeit, um zu prüfen, ob die Sicherheit Ihrer Website auf dem neuesten Stand ist.

4. Richten Sie wichtige E-Commerce-Sicherheitsbestimmungen ein 🖱️

Während Sicherheit für jede Website wichtig ist, ist sie für einen E-Commerce-Shop so wichtig, dass Sie hier viel Zeit verbringen sollten. Sehen Sie sich zum Beispiel einige der wesentlichen Aufgaben für die WordPress-Sicherheit an:

• Verwenden Sie sichere Passwörter für alle Benutzer.
• Implementieren Sie ein SSL-Zertifikat zur Verschlüsselung von Daten.
• Schützen Sie sich vor umfangreichen Traffic-Angriffen auf die Website, beispielsweise einem Distributed Denial of Service (DDoS)-Angriff.

Glücklicherweise ist dies ein Thema, über das wir in einem anderen Artikel über WordPress-Sicherheit ausführlich sprechen. Wenn Sie noch keine Kenntnisse in diesem Bereich haben, sollten Sie dies tun. Schließlich müssen Sie während der Lebensdauer Ihrer Website gute Sicherheitspraktiken durchsetzen, daher sollte dies ein Bereich sein, der Ihnen am Herzen liegt.

5. Implementieren Sie wesentliche E-Commerce-Funktionen 🛍️

Eine E-Commerce-Website benötigt häufig eine Reihe anderer Erweiterungen und Plugins, um einige wichtige Aufgaben zu erledigen. Hier finden Sie eine kurze Aufschlüsselung einiger der wichtigsten Bereiche, die Sie berücksichtigen sollten:

• Zahlungsabwicklung . WooCommerce umfasst grundlegende Zahlungsgateways, aber Erweiterungen werden weitere hinzufügen. Tatsächlich möchten Sie sicherstellen, dass Sie so viele Zahlungsoptionen wie möglich abdecken, da dies den Kunden zugute kommt.
• Versandkosten . Während WooCommerce ein grundlegendes Versandmanagement umfasst, möchten Sie möglicherweise etwas Tiefgründigeres und Robusteres implementieren. Sogar etwas wie WooCommerce Shipping ermöglicht es Ihnen, Lieferetiketten über das WordPress-Dashboard auszudrucken. Themeisle hat einen umfangreichen Leitfaden zum WooCommerce-Versand.
• Steuersätze . Sie möchten sicherstellen, dass Sie die geltenden Steuern für Ihre Kunden umsetzen, da sich dies direkt auf Ihr Endergebnis und Ihre UX auswirkt. Schauen Sie sich diesen vollständigen Leitfaden zum Thema an. Es enthält auch einige ausgewählte Plugins für diesen Job.
• Transaktions-E-Mails . Diese E-Mails, die eine Bestellung bestätigen oder den Kunden über etwas informieren? Es handelt sich um Transaktions-E-Mails, die Ihre Aufmerksamkeit erfordern. Der offizielle WooCommerce-Blog bietet eine fantastische Anleitung zur Einrichtung und Optimierung dieser.

Wenn Sie alle technischen Details kennen, können Sie beginnen, über das Design Ihres E-Commerce-Shops nachzudenken. Wir werden uns das im nächsten Abschnitt ansehen.

So erstellen Sie eine E-Commerce-Website mit WordPress: Designphase

Sobald Ihre Kernfundamente vorhanden sind, müssen Sie mit deren Entwurf beginnen. In den nächsten Abschnitten wird erläutert, wie der Prozess hier abläuft.

1. Füllen Sie den Shop mit Produkten
2. Bauen Sie das Grundgerüst mit Design, erforderlichen Seiten und Menüs auf

1. Füllen Sie den Shop mit Produkten 🛒

Einer der ersten Schritte bei der Gestaltung Ihres E-Commerce-Shops besteht darin, zumindest grundlegende Produkt-Uploads durchzuführen. Wenn Sie Leitungen in das neue Geschäft migrieren müssen, kann die Arbeit ohne Unterstützung schwierig sein.

Zumindest müssen Sie wahrscheinlich Folgendes ausführen:

• Richten Sie Ihre Produktattribute und Taxonomien ein. Dies ist einer der tiefgreifendsten Bereiche von WooCommerce und kann bei der Suchmaschinenoptimierung (SEO) hilfreich sein, wenn Sie ihn richtig einrichten.
• Fügen Sie ggf. einzelne Produkte hinzu, einschließlich Bildern, Beschreibungen, Preisen und Variationen. Im offiziellen WooCommerce-Blog finden Sie eine gute Anleitung dazu, wie Sie dies sowohl für Einzelprodukte als auch für Massenimporte tun können.

Sobald Sie Produkte importiert haben, möchten Sie möglicherweise noch einmal zurückgehen und die Einstellungen für Produktversandoptionen, Steuerregeln und andere überarbeiten. Unabhängig davon sollten Sie als nächstes mit dem Aufbau Ihrer Website fortfahren.

2. Bauen Sie das Grundgerüst mit Design, erforderlichen Seiten und Menüs auf 🚧

Zu diesem Zeitpunkt sollten Sie über eine einfache WooCommerce-Website mit Produktlinien verfügen. Von hier aus durchlaufen Sie einen weiteren Zyklus von Designänderungen, Bewertungen und Überarbeitungen.

Bevor Sie jedoch Ihre Arbeit nach diesem ersten Durchgang bewerten, stellen Sie sicher, dass Sie Folgendes hinzufügen:

• Erstellen Sie einige der erforderlichen Seiten und passen Sie sie an . Dies kann eine Seite „Über uns“, Datenschutzrichtlinien, Nutzungsbedingungen, Kontaktseiten und mehr sein.
• Entwerfen und konfigurieren Sie das Navigationsmenü der Website . Es ist wichtig zu entscheiden, ob Sie Breadcrumbs, Mega-Menüs oder eine andere spezifische Form der Site-Navigation verwenden. Es wird sich auf UX und SEO auswirken.
• Treffen Sie einige allgemeine Designentscheidungen. Sie können Seitenvorlagen für eine bessere Konsistenz anpassen, ein grundlegendes Farbschema einrichten und unzählige andere kosmetische Aufgaben erledigen.

Wir halten es auch für eine gute Idee, zumindest einen Blog einzurichten und ihn mit Dummy-Beiträgen zu füllen. Auch wenn der Dummy-Inhalt nicht erhalten bleibt, gibt er Ihnen eine Vorstellung davon, wie der Blog während der Designphase aussehen wird.

SEO sollte in dieser Phase ebenfalls eine Rolle spielen, aber stellen Sie sicher, dass diese Aufgabe weiterhin in Ihrer Verantwortung liegt. Möglicherweise sind ein Experte oder ausführliche Gespräche mit Ihrem Kunden erforderlich, um sicherzustellen, dass Sie die Website optimieren, anstatt sie von Anfang an zu „tanken“. Ein gutes WordPress-SEO-Plugin sollte in Ihrem Werkzeugkasten sein.

So erstellen Sie eine E-Commerce-Website mit WordPress: Testen und Bereitstellung

Sobald Sie über eine funktionierende Website mit gutem Design verfügen, können Sie diese bereitstellen. Irgendwann wird eine Inszenierung notwendig sein, auch wenn dies subjektiv ist. Wir empfehlen Ihnen, dies gegen Ende der Entwurfsphase zu tun, damit Sie sich ein vollständiges Bild davon machen können, wie die Website online funktioniert.

Erstens stellen Sie durch Tests sicher, dass Sie keine Bugs oder Fehler einführen, sobald die Website online ist. Eine zentrale Testpraxis sollte darin bestehen, dies auf verschiedenen Geräten, Browsern und sogar pro Betriebssystem (OS) durchzuführen.

Mithilfe von Betatests können Sie herausfinden, ob Ihre Website richtig nutzbar ist, auf allen Geräten reagiert und für den Benutzer funktionsfähig ist. Sie könnten einige vertrauenswürdige Kollegen oder Freunde damit beauftragen, Ihre Website zu testen. Das Feedback, das Sie erhalten, ist entscheidend für die Behebung von Fehlern und die Verbesserung der Website.

Natürlich möchten Sie alle gefundenen Probleme beheben, bevor Sie fortfahren, und diese Änderungen irgendwo protokollieren. Glücklicherweise kann das Debuggen von WordPress-Installationen unkompliziert sein, da die Plattform über einen eigenen Debug-Modus verfügt.

Sobald dies abgeschlossen ist, bleibt nichts anderes übrig, als die Site bereitzustellen. Hier ein paar Tipps:

• Überprüfen Sie, ob Sie die Domain und das Hosting einrichten müssen, um die Site zu „akzeptieren“. Möglicherweise müssen Sie sogar noch einmal testen, ob E-Mail-Adressen und Benachrichtigungen funktionieren.
• Führen Sie die Bereitstellung nicht direkt aus dem Staging durch. Nehmen Sie stattdessen ähnliche Änderungen an der Live-Site vor. Denken Sie daran: Verschieben Sie eine Live-Site nur direkt in die Staging-Umgebung, nicht umgekehrt.

An diesem Punkt haben Sie erfolgreich gelernt 👨‍🎓, wie Sie mit WordPress eine E-Commerce-Website erstellen!

Fazit 🧐

Wenn es darum geht, eine E-Commerce-Website mit WordPress zu erstellen, ist WooCommerce die beste Methode. Dennoch stellt die Zusammenstellung eines Plans für technische Überlegungen, Design und Tests sicher, dass Sie unabhängig von den von Ihnen gewählten Lösungen schnell mit einer hochwertigen Website online gehen können.

Stellen Sie sich den Erstellungsprozess am besten als einen dreistufigen Job vor: Entscheiden Sie sich zunächst für Ihr E-Commerce-Plugin, Ihr WordPress-Theme und andere Plugins. Als Nächstes können Sie Produkte hochladen und Ihre Website gestalten. Sobald Sie damit fertig sind, möchten Sie die Site bereitstellen und auf Ihrem Live-Server bereitstellen. 💻💻

Gibt es noch etwas, das wir Ihnen zum Erstellen einer E-Commerce-Website mit WordPress mitteilen sollen? Lass es uns im Kommentarbereich unten wissen!