Onlineshop-Entwicklung mit WooCommerce für einen Warenhändler

Der WooCommerce-Onlineshop von Hannu-pro mit Erply-Integration ist ein von CREATING.LV entwickelter Onlineshop für einen estnischen Händler professioneller Technik – mit Kartenzahlungen, Lieferauswahl sowie estnischer und englischer Sprachversion. Hannu-pro verkauft Video-, Audio-, Kommunikations- und Beleuchtungstechnik, Kabel, Stromversorgungsgeräte und Zubehör.

Das Unternehmen wollte seinen Onlinehandel mit einem neuen Onlineshop erneuern, und eine der Hauptaufgaben war, den Shop mit dem Handels- und Buchhaltungssystem Erply zu verbinden. Deshalb war das Projekt nicht nur eine Onlineshop-Entwicklung auf WooCommerce: Shop und Buchhaltung des Unternehmens mussten zusammenarbeiten, nicht getrennt voneinander.

Der Shop wurde 2026 übergeben, ist aber öffentlich noch nicht gestartet; diese Beschreibung zeigt daher die zum Zeitpunkt der Übergabe entwickelte Lösung, keinen laufenden Shop.

CREATING.LV entwickelte den Onlineshop von Hannu-pro auf WordPress und WooCommerce sowie seine Integration mit Erply und überarbeitete das Design des Shops. Unsere Arbeit umfasste:

• das visuelle Design und die Nutzererfahrung (UX) des Shops;
• eine angepasste mobile Version für die Nutzung auf dem Smartphone;
• einen Produktkatalog mit Kategorien und Produktblöcken auf der Startseite;
• die Integration mit Erply für Produkt-, Preis-, Bestands-, Kunden- und Bestelldaten;
• Kartenzahlungen;
• eine Versandlösung mit Express- und Standardlieferung;
• eine estnische und englische Sprachversion mit WPML;
• Suche, Kundenkonto und Warenkorb.

Erply ist ein cloudbasiertes Handels- und Buchhaltungssystem, das von Geschäften und Händlern genutzt wird. Arbeitet ein Unternehmen bereits mit Erply, muss der neue Onlineshop damit verbunden sein – sonst müssen Shop- und Buchhaltungsdaten manuell abgeglichen werden. Deshalb war die Integration eine der Hauptaufgaben dieses Projekts und keine Zusatzfunktion.

Die Integration sieht den Austausch von Produkt-, Preis-, Bestands-, Kunden- und Bestelldaten mit Erply vor. WooCommerce ist das Schaufenster des Shops und der Ort, an dem der Käufer bestellt, während Erply das Buchhaltungssystem des Unternehmens bleibt. Bei einem breiten Technikangebot bedeutet die Integration mit Erply, dass Produkt-, Preis- und Bestandsinformationen nicht doppelt eingegeben werden müssen – einmal in der Buchhaltung und noch einmal im Shop.

Der Shop ist so aufgebaut, dass der Weg des Käufers folgendermaßen aussieht:

• er findet ein Produkt in einer Kategorie oder über die Suche;
• er legt es in den Warenkorb;
• er kann Express- oder Standardlieferung wählen;
• er bezahlt mit Karte;
• er kann sein Kundenkonto nutzen.

Die Sprache – Estnisch oder Englisch – kann der Käufer im Header des Shops umschalten.

Ein breites Technikangebot braucht eine klare Struktur. Der Produktkatalog ist in Kategorien gegliedert, und die Startseite enthält Kategorieblöcke sowie separate Produktblöcke – beliebte und neue Produkte („Bestsellers“ und „New products“). Wer weiß, was er sucht, kann die Suche nutzen, wer noch auswählt, beginnt bei einer Kategorie.

Käufer professioneller Technik kennen oft ein bestimmtes Modell oder einen Hersteller, daher ist die Suche für sie der kürzeste Weg zum Produkt. Der Block mit neuen Produkten auf der Startseite lässt Stammkunden Neuzugänge im Sortiment schnell entdecken, ohne jede Kategorie zu öffnen. Der Block mit den beliebtesten Produkten hilft Besuchern, die sich noch nicht für ein bestimmtes Modell entschieden haben und sehen möchten, womit sie anfangen können.

Der Shop ist auf Estnisch und Englisch, die Sprachversionen wurden mit WPML umgesetzt. In einem mehrsprachigen WordPress-Shop braucht jede Sprache eigene Texte für Produkte, Kategorien und Seiten. WPML verknüpft jede Übersetzung mit dem ursprünglichen Produkt oder der ursprünglichen Seite. In der Praxis bedeutet das, dass die Beschreibung eines neuen Produkts in beiden Sprachen erstellt werden muss, und in der WPML-Verwaltung ist zu sehen, bei welchen Produkten noch eine Übersetzung fehlt. Über die zwei verbreitetsten Tools für diese Aufgabe haben wir im Artikel WPML oder Polylang für eine mehrsprachige WordPress-Website? geschrieben.

Visuelles Design und UX waren unsere Arbeit, und im Laufe des Projekts haben wir das Design des Shops überarbeitet. Auch die angepasste mobile Version stammt von uns: Kategorien, Suche, Warenkorb und Bestellabschluss sind auf dem Smartphone genauso nutzbar wie am Computer. Ein Käufer professioneller Technik kann zum Beispiel auf dem Smartphone über die Suche ein Produkt nach Modellbezeichnung finden und bestellen, ohne einen Computer zu öffnen.

Zur Bezahlung bietet der Shop Kartenzahlungen, sodass ein Kauf sofort online bezahlt werden kann, ohne auf eine Rechnung zu warten. Die Versandlösung mit Express- und Standardlieferung haben wir entwickelt. Zwei Lieferarten lassen den Käufer selbst wählen: schnelleren Erhalt, wenn die Technik dringend gebraucht wird, oder Standardlieferung, wenn der Termin keine große Rolle spielt.

Wer einen ähnlichen Shop mit zwei Lieferarten plant, sollte schon zu Beginn festlegen, wie jede davon im Shop beschrieben wird – zum Beispiel, mit welcher Lieferzeit der Käufer rechnen kann –, damit die Wahl ohne zusätzliche Rückfragen beim Unternehmen getroffen werden kann.

In der Shop-Verwaltung in WooCommerce kann das Unternehmen selbst verwalten:

• Produkte und ihre Beschreibungen in beiden Sprachen;
• Bestellungen und ihren Status;
• Kundendaten;
• Aktionen und Rabatte.

Für alltägliche Änderungen im Shop ist kein Entwickler nötig, während der Datenaustausch mit der Buchhaltung des Unternehmens über die Erply-Integration läuft.

WordPress und WooCommerce bilden die Grundlage des Shops, WPML sorgt für die estnische und englische Sprachversion, und die Erply-Integration verbindet den Shop mit der Buchhaltung des Unternehmens. Eine solche Onlineshop-Entwicklung auf WooCommerce ermöglicht es, den Shop später zu erweitern, ohne das Buchhaltungssystem zu wechseln.

Für Händler mit breitem Sortiment, die bereits ein Handels- oder Buchhaltungssystem nutzen und möchten, dass der neue Onlineshop damit zusammenarbeitet statt getrennt davon. Dasselbe Prinzip gilt auch für andere Buchhaltungssysteme: Zuerst wird festgelegt, welche Daten ausgetauscht werden müssen, und erst dann wird die Art der Integration gewählt. Außerdem sollte vor der Entwicklung vereinbart werden, welches System für welche Datenart führend ist – zum Beispiel, ob Preise in der Buchhaltung oder im Shop geändert werden –, damit sich die Daten der beiden Systeme nicht gegenseitig überschreiben. Dieser WooCommerce-Onlineshop mit Erply ist zugleich ein Beispiel für einen zweisprachigen Shop. Mehr über die Plattform auf der Seite WooCommerce-Onlineshop-Entwicklung.

Dieses Projekt ist ein Beispiel für die Entwicklung eines WooCommerce-Onlineshops. Wenn Sie einen Onlineshop oder eine Integration mit dem Buchhaltungssystem Ihres Unternehmens benötigen, kontaktieren Sie CREATING.LV, um die benötigten Funktionen zu besprechen.

• Onlineshop-Entwicklung

Das Portfolio zeigt die Lösung zum Zeitpunkt der Projektübergabe. Die aktuelle Website kann verändert worden sein.