Cases

Witte Firmenwebsite und B2B-Shop in einem TYPO3

Eine Firmenwebsite mit News, Angeboten und Schulungen – und gleichzeitig ein B2B-Shop für Fachbetriebe. Bei Witte läuft beides in TYPO3.

Witte aus Beckum verkauft Technik für Bodenleger und braucht dafür zwei Dinge: eine klassische Firmenwebsite und einen Shop für Fachbetriebe. Statt dafür zwei Systeme miteinander zu verbinden, habe ich beides in TYPO3 umgesetzt.

Die Website läuft als reguläre TYPO3-Installation. Der B2B-Shop ist als eigene TYPO3 Extension integriert und bezieht Produkte, Preise und Kundendaten über eine Schnittstelle direkt aus der Microsoft-Warenwirtschaft. So bleiben Website und Shop technisch miteinander verbunden und die Redaktion arbeitet trotzdem nur in einem Backend.

Ein Backend für Website und Shop

News, Angebote, Schulungen und Kontaktformulare pflegt die Redaktion im selben TYPO3-Backend wie Kategorien und Gutscheine des Shops. Navigation, Suche und Gestaltung funktionieren über beide Bereiche hinweg.

Produkte aus dem Shop lassen sich als Inhaltselement auf beliebigen Seiten ausgeben. Umgekehrt kann ein Produkt direkt aus einer News oder einem anderen Inhalt heraus verlinkt werden. Auch die Mehrsprachigkeit ist durchgängig umgesetzt: Website und Shop stehen auf Deutsch und Englisch zur Verfügung. Die Produktübersetzungen kommen dabei bereits aus der Warenwirtschaft.

B2B-Shop mit direkter Anbindung an die Warenwirtschaft

Der Shop ist ausschließlich für registrierte Kunden zugänglich. Die Anmeldung erfolgt über die Kundennummer und wird direkt gegen die Warenwirtschaft geprüft.

Auch die Preise werden nicht statisch in TYPO3 gespeichert, sondern bei Bedarf live aus der Warenwirtschaft abgerufen. Dabei können sie von der bestellten Menge abhängen. Ändert ein Kunde die Stückzahl im Warenkorb, wird der aktuelle Preis im Hintergrund neu ermittelt – inklusive Mengenrabatt. Auch angebrochene Verpackungseinheiten werden berücksichtigt und zum entsprechenden Anbruchpreis berechnet.

Die Warenwirtschaft liefert außerdem Verpackungseinheiten und Mindestmengen, die direkt bei der Mengeneingabe im Shop berücksichtigt werden.

Produkte und Kategorien werden regelmäßig nach TYPO3 importiert. Dazu gehören neben den Produktdaten auch Bilder, Datenblätter, Videos und Zubehör-Empfehlungen.

Warenkorb, Versand und Gutscheine

Der Warenkorb ist an das Benutzerkonto gekoppelt und damit auf allen Geräten verfügbar. Was ein Kunde am Rechner im Büro in den Warenkorb legt, steht ihm später auch auf dem Smartphone zur Verfügung.

Die Versandkosten ermittelt der Shop anhand der Versandarten der enthaltenen Artikel. Dabei werden unterschiedliche Versandwege wie Paketversand, Spedition und Gefahrgut ebenso berücksichtigt wie Versandfreigrenzen oder Zuschläge bei größeren Laufmeter-Mengen.

Auch die Gutscheine verwaltet Witte direkt im TYPO3-Backend. Dabei lassen sich unter anderem Mindestbestellwerte und Produktbindungen festlegen. Gutscheine können einmalig oder unbegrenzt gültig sein, bei Bedarf als Serie generiert und anschließend als CSV exportiert werden.

Für die Zahlungsabwicklung sind Klarna und PayPal angebunden.

Kundenkonto und schnelle Produktsuche

Im Kundenkonto können Kunden ihre offenen und bereits fakturierten Aufträge einsehen. Die Daten werden dabei direkt aus der Warenwirtschaft geladen und lassen sich nach Zeitraum filtern.

Für Kunden, die lieber mit ihrer eigenen Artikelliste arbeiten, steht zusätzlich die Preisliste als Excel-Datei zum Download bereit.

Besonders praktisch für Stammkunden ist die Suche nach Artikelnummern: Wer die Nummer seines gesuchten Produkts kennt, kann sie direkt eingeben und gelangt ohne Umwege zum passenden Artikel.

Die iOS-App „Witte Preisfinder“

Auf der Baustelle braucht es nicht immer den kompletten B2B-Shop. Deshalb gibt es für den schnellen Preischeck die iOS-App Witte Preisfinder.

Artikelnummer oder Suchbegriff eingeben, Preis prüfen und den Artikel direkt in den Warenkorb legen. Die App kommuniziert über eine eigene Schnittstelle mit TYPO3. Der Warenkorb ist dabei derselbe wie im Shop: Was unterwegs in der App gesammelt wird, steht später am Rechner für die Bestellung bereit.

Auch die Inhalte rund um die App werden in TYPO3 gepflegt. Für die App-Landingpages gibt es eigene Inhaltselemente mit Store-Links, Downloads und FAQs, die die Redaktion selbst zusammenstellen kann.

Seit 2017 kontinuierlich weiterentwickelt

Der B2B-Shop ist seit 2017 online. Seitdem wurde das System Schritt für Schritt erweitert – unter anderem um die Anbindung der App, die Preisliste, neue Inhaltselemente und verschiedene Landingpages.

Auch TYPO3 wurde mehrfach auf die jeweils aktuelle LTS-Version aktualisiert. Website und Shop konnten dabei gemeinsam auf den neuen technischen Stand gebracht werden, ohne zwei getrennte Systeme pflegen zu müssen.

Heute steht der nächste Relaunch an. Dabei fließen nicht nur die ursprünglichen Anforderungen ein, sondern vor allem die Erfahrungen aus dem laufenden Betrieb: Was funktioniert gut? Wo gibt es Optimierungspotenzial? Und welche Anforderungen sind seit dem ersten Launch hinzugekommen?

Genau diese Erfahrungen bilden die Grundlage für das Konzept des nächsten TYPO3-Relaunchs.

Mehr Cases

Mixometer Dosiergerät per App steuern

App für iOS und Android, TYPO3-Backend und Web-Dashboard: Produkte scannen, Mischrezepte per Bluetooth ans Dosiergerät übertragen und Dosiervorgänge dokumentieren.