B2B-Katalog – WordPress-Website mit WooCommerce für Grollo.eu

Grollo.eu ist eine WordPress-Website mit B2B-Katalog und WooCommerce-Produktkatalog für einen Hersteller von Glasprodukten, der auf dem europäischen Markt tätig ist; entwickelt wurde sie von CREATING.LV. Wie auf grollo.eu selbst angegeben, werden GROLLO-Produkte von Stikla Serviss entworfen, hergestellt und getestet. Der Kunde brauchte eine neue Website, um Geschäftskunden ein breites Produktsortiment übersichtlich zu präsentieren, und der später auch ein Onlineverkauf hinzugefügt werden kann. Das Projekt wurde im Jahr 2023 übergeben.

Ein Geschäftskunde wählt Produkte nach technischen und optischen Parametern aus, daher brauchte der Katalog nicht nur Kategorien, sondern auch detaillierte Produktattribute, nach denen sich Waren filtern lassen. Neben dem Katalog waren auf der Website die Bereiche Download, Inspiration, News und Service sowie ein Login (Anmeldung) erforderlich.

CREATING.LV entwickelte Grollo.eu vom Design bis zur fertigen Website. Unsere Arbeit umfasste:

• das visuelle Design der Website und die Nutzererfahrung (UX);
• eine WordPress-Website mit WooCommerce-Produktkatalog und Kategorien;
• detaillierte Produktattribute, die als Filter funktionieren;
• die Bereiche Download, Inspiration, News und Service sowie einen Login;
• eine Lösung für Sprachversionen mit WPML;
• die Eingabe der Produkte in den Katalog;
• eine angepasste mobile Version für die Nutzung auf dem Smartphone.

In der Fußzeile der Website steht „Page built by CREATING.LV“.

Der Katalog wurde mit WooCommerce aufgebaut, sodass später ein Onlineverkauf hinzugefügt werden kann. Daher sind die Produkte veröffentlicht und auffindbar, Warenkorb und Bestellvorgang sind jedoch nicht aktiviert. So lässt sich der vollständige Katalog veröffentlichen, ohne auf der Website bereits Preise, Zahlung und Lieferbedingungen regeln zu müssen, die für einen Onlineshop Pflicht sind.

WooCommerce ist eine E-Commerce-Erweiterung für WordPress. Katalog und möglicher Onlineshop nutzen eine gemeinsame Produktdatenbank: Entscheidet sich das Unternehmen für den Onlineverkauf, müssen Produkte, Kategorien und Attribute nicht neu eingegeben werden. Darin unterscheidet sich eine solche WordPress-Website mit B2B-Katalog von einer einfachen Visitenkarten-Website mit Produktbildern, bei der der Katalog für den Verkaufsstart von Grund auf neu erstellt werden müsste. Den Verkauf hinzuzufügen hieße hier, Warenkorb und Bestellvorgang zu aktivieren, Preise anzugeben und Zahlungs- und Lieferlösungen an den bestehenden Katalog anzubinden. Wie WooCommerce WordPress ergänzt und warum es auch für Kataloge genutzt wird, erklärt der Artikel Was ist WooCommerce und wie ergänzt es WordPress?.

Die Produkte sind in Kategorien geordnet, und jedes Produkt hat detaillierte Attribute, die zugleich als Filter dienen. So lassen sich Waren nach technischen und optischen Parametern filtern, und der Geschäftskunde grenzt die Auswahl schnell auf Produkte mit den gewünschten Eigenschaften ein, statt die ganze Kategorie zu durchsuchen.

Ein WooCommerce-Attribut ist eine Produkteigenschaft mit einer festgelegten Werteliste. Ein Attribut und seine Werte werden vielen Produkten zugewiesen, daher lässt sich danach ein Filter für die ganze Kategorie erstellen, statt die Parameter jedes Produkts nur im Text zu beschreiben. Einem neuen Produkt müssen nur die Attributwerte zugewiesen werden, und es erscheint in den passenden Filterergebnissen.

Die Produkte haben wir selbst in den Katalog eingegeben, sodass der Kunde eine Website mit gefülltem Katalog erhielt und keine leere Struktur. Beginnt die Erstellung einer WordPress-Website mit WooCommerce mit dem Katalog, lohnt es sich, die Attributliste vor der Produkteingabe abzustimmen: Ein später hinzugefügtes Attribut muss für jedes bereits eingegebene Produkt ausgefüllt werden, damit es in den Filterergebnissen erscheint. Auf der aktuellen Website gibt es auf der Kategorieseite die Schaltfläche Filter und Produktkarten ohne Warenkorb.

Auf der WordPress-Website mit B2B-Katalog geht der Besucher so vor:

• er wählt eine Produktkategorie;
• er filtert die Produkte nach den gewünschten Attributen;
• er öffnet die Produktkarte mit ihren Parametern;
• bei Bedarf wechselt er zu den Bereichen Download, Inspiration, News oder Service.

So dient der Katalog dem Geschäftskunden als Nachschlagewerk für Produkte: Die Auswahl nach Parametern kann er selbst treffen, bevor er sich an den Hersteller wendet.

Auf der B2B-Website eines Herstellers braucht der Käufer nicht nur eine Produktliste, sondern auch Dokumente, Neuigkeiten und Informationen zum Service. Deshalb haben wir neben dem Katalog separate Bereiche entwickelt, jeden mit eigener Aufgabe.

• Download – Ort für herunterladbare Materialien. Auf der aktuellen Website stehen dort zum Beispiel Anleitungen, technische Spezifikationen und E-Kataloge bereit – das sind Inhalte des Unternehmens.
• Inspiration – ein eigener Bereich für Inspirationsinhalte, getrennt vom technischen Katalog.
• News – Neuigkeiten des Unternehmens.
• Service – Informationen zum Service.
• Login – Zugang für registrierte Nutzer der Website.

Solche Bereiche ermöglichen es dem Geschäftskunden, auf einer Website sowohl das Produkt als auch die zugehörigen Dokumente zu finden, ohne dem Hersteller eine separate Anfrage zu schreiben. Für den Hersteller bedeutet das, dass eine neue Version einer Anleitung oder Spezifikation an einer Stelle veröffentlicht werden kann, statt sie jedem Kunden einzeln zu schicken.

Die Website ist für den europäischen Markt konzipiert. Für die Website wird WPML verwendet; die aktuelle Version ist auf Englisch. Wie man zwischen WPML und Polylang wählt, erklärt der Artikel WPML oder Polylang für eine mehrsprachige WordPress-Website?.

WPML ist ein WordPress-Plugin für mehrsprachige Websites. Damit lassen sich Übersetzungen für Seiten, Produkte, Kategorien und Attribute erstellen, und jede Sprachversion bleibt mit dem Original verknüpft. In einem Katalog mit Attributfiltern bedeutet das, dass auch die Namen von Attributen und Filtern übersetzt werden können, nicht nur Produktbeschreibungen. Möchte das Unternehmen einen Markt in dessen Sprache ansprechen, ist das Sprachwerkzeug auf der Website bereits eingerichtet, und eine neue Sprachversion kann hinzugefügt werden, ohne die Struktur der Website umzubauen.

Das visuelle Design und die UX stammen von uns, ebenso die angepasste mobile Version. In unserem Screenshot sind auf der Startseite Produktgruppen zu sehen, die zum jeweiligen Teil des WooCommerce-Katalogs führen, sodass der Besucher direkt mit der gewünschten Produktrichtung beginnen kann. Auf dem Smartphone lassen sich Kategorien und Filter ebenso nutzen wie Produktkarten und die übrigen Bereiche, daher kann der Geschäftskunde den Katalog auch außerhalb des Büros öffnen. Mehr zu diesem Teil der Arbeit auf der Seite Webdesign und UX/UI.

Für Hersteller oder Großhändler, die zunächst Geschäftskunden in mehreren Märkten ein breites Sortiment präsentieren müssen, künftig aber auch einen Onlineverkauf brauchen könnten. Ein B2B-Katalog mit WooCommerce ermöglicht es, mit einer Website zu beginnen und zu einem Onlineshop überzugehen, ohne die Plattform zu wechseln und ohne Produkte neu einzugeben.

Wie wir eine solche Website vom Katalog bis zum möglichen Onlineshop planen, erklären wir auf der Seite Onlineshop-Entwicklung. Ein weiteres Beispiel für einen Produktkatalog von uns ist die WordPress-Website mit Katalog für Stikla Serviss, bei der der Katalog um herunterladbare technische Informationen ergänzt wurde.

• Onlineshop-Entwicklung
• Website-Entwicklung

grollo.eu

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