on
2017 - 2021

B2B-Shop mit WordPress für 5-Diagnostics

PERIMETRIK® hat für 5-Diagnostics, eine Produktions- und Vertriebsfirma für Forschungs- und Diagnostikartikel mit Hauptsitz in der Schweiz und den USA, eine WordPress Website mit integriertem WooCommerce-Onlineshop entwickelt. Das Webdesign der neuen Website, die PERIMETRIK® für 5-Diagnostics erstellt hat, ist eine Weiterentwicklung des Designs einer bestehenden Seite, die durch den neuen Shop ersetzt wurde. Dabei hat PERIMETRIK® das weit verbreitete Webshopsystem WooCommerce nahtlos in die Website integriert.

Kunde: 5-Diagnostics, Basel in der Schweiz

B2B-Shop mit WooCommerce

Bei der Neugestaltung der Website wurden im Sinne des Corporate Designs das Firmenlogo sowie Schriften übernommen. In Anlehnung an das Firmenlogo hat PERIMETRIK® die Farben Orange, Schwarz und Weiß verwendet und eine optisch cleane Seite geschaffen. PERIMETRIK® hat auf Basis der Website „PERIMETRIK® Essentials Two“ eine sehr individuelle Website mit integriertem Webshop erstellt. Dabei wurden viele Prozesse umgesetzt.
Die Startseite der Website ist im Stile eines OnePagers mit Parallax-Scrolling gestaltet. Im Header der Website wurden Kontaktdaten sowie eine Login-Option integriert. Die Produkte sind durch den Menü-Punkt „Produkte“ zu erreichen. Aufgrund der Vielzahl der Produkte ist das Sortiment in Kategorien mit mehreren Unterkategorie-Ebenen gegliedert. Über Kategorie-Übersichtsseiten gelangt man in die Unterkategorien, über die man wiederum zu den Produkten gelangt.

Der Warenkorb ist in der Shop-Sidebar immer sichtbar, jedoch erst wenn mindestens ein Produkt im Warenkorb liegt, jedoch können nur angemeldete Nutzer Artikel in den Warenkorb legen.

Zentrale Aufgabe war die Umsetzung eines B2B-Shops, d.h. nur registrierte Kunden sollen bestellen können. Zugleich war eine gute Auffindbarkeit in der organischen Suche gewünscht. Dazu werden auf der Website möglichst viele Informationen vorgestellt, das Sortiment von 5-Diagnostics ist für alle Shop-Besucher sichtbar. Auf Wunsch der Shop-Betreiber wurde die Produktdarstellung so konfiguriert, dass Preise erst nach Registrierung bzw. Long sichtbar werden. Neben dem Standard-Login in den Benutzer-Account haben wir dafür ein entsprechendes Registrierungsformular eingerichtet.
0626-herth-und-buss-startseite-rd
0626-herth-und-buss-startseite-rd
Nach der Registrierung erhält der User die Benutzerrolle „Customer“. Benutzer mit der Rolle „Customer“ können (ohne weitere Prüfung) die Online-Bezahlungen (z.B. Kreditkarten oder PayPal) nutzen. Durch die Zuordnung einer zusätzlichen Benutzerrolle ermöglicht 5-Diagnostics ausgewählten Kunden zusätzlich die Bezahlmethode „Kauf auf Rechnung“.
0646-5diagnostics-checkout-784×454

B2B-Shop-Konfiguration für den internationalen Versand

Umsatzsteuer-freier Kauf für B2B-Kunden im EU-Ausland

5-Diagnostics bietet ausländischen B2B-Kunden die Möglichkeit, Umsatzsteuer-befreit einzukaufen. PERIMETRIK® hat dazu eine Abfrage der Umsatzsteuer Ident-Nummer (UST-ID bzw. VAT) in den Checkout integriert. Diese überprüft live die Gültigkeit der VAT Nummer. Bei gültiger Nummer entfernt der Shop automatisch die Umsatzsteuer.

Zur korrekten Anwendung im Shop führte PERIMETRIK® eine Administratorenschulung für Woo Commerce auf Englisch durch.

Checkout mit mehreren Währungen

Mithilfe eines Currency Switchers, welcher immer sichtbar in der Sidebar ist, ermöglicht der Web-Shop den Wechsel zwischen den Währungen Euro und US-Dollar. In der Mobilansicht wird er gut sichtbar im Metamenü angezeigt. Die Umrechnung der Währungen erfolgt live.
Der Shopbetreiber kann individuelle Preise pro Produkt für jede Währung fest hinterlegen oder die Live-Berechnung anhand eines Umrechnungskurses aktivieren: der Wechselkurs kann dazu manuell hinterlegt oder automatisch aktualisiert werden.
facebook2

Table Rate Shipping

Der Online-Shop sollte einen weltweiten Versand in diverse Versandzonen mit unterschiedlichen Versandklassen bieten, beispielsweise Paketversand oder gekühlter Versand per Kurier. Zur Bestimmung der entsprechenden Versandkosten setzt PERIMETRIK® in diesem WooCommerce Online-Shop ein „Table Rate ShippingPlugin ein. So können im Bestellprozess aus einer Vielzahl möglicher Versandoptionen schnell die korrekten Versandkosten ermittelt werden.
google

Produktanfrage

Entsprechend des Kundenwunsches von 5-Diagnostics wird der Preis für Geräte auch für registrierte Kunden nicht angezeigt. Vielmehr wird eine Anfrage-Formular bereit gestellt. Damit steht neben dem Warenkorb auch eine Anfrageliste zur Verfügung, auf der der Kunde interessante Produkte sammeln kann. Wenn der Kunde dann eine Anfrage erstellt, können sowohl die Produkte auf der Anfrageliste als auch Produkte im Warenkorb komfortabel in einem Prozess angefragt werden.

Produkt-Suche anhand der SKU

Das WooCommerce Produkt-Attribut „SKU“ wird von der normalen WordPress Suche nicht berücksichtigt. Eine Produkt-Suche anhand der SKU sollte jedoch möglich sein. PERIMETRIK® schlug eine erweiterte Suche vor, die auch zusätzliche Felder berücksichtigt hätte. Letztlich wurde eine einfachere Lösung umgesetzt, wo die SKU als Teil der Artikelbezeichnung in einer einheitlichen Syntax eingebunden ist. Die Darstellung der SKU als Teil der Produktbezeichnung (Title) wurde so angepasst, dass die SKU immer in einer eigenen Zeile erscheint.

Jansen und Arens

Schnittstellen und Produktimport

Ursprünglich war für das Projekt nur ein Export zu einer CRM-Software vorgesehen. Hierfür wurde ein Export der Bestellungen über eine CSV-Datei zur Weiterverarbeitung in der externen Software bereitgestellt. Der Export wird regelmäßig automatisiert durchgeführt, so dass immer die aktuellen Bestelldaten vorliegen.
Im Projektverlauf wurde allerdings auch ein Produkt-Import gewünscht. Hierzu wurden während des Projekts die Produkttypen in 150 Produktkategorien mit Über- und Unterkategorien unterteilt. Wesentliche Bestandteile bei der Umsetzung des Produktimports waren:

  • Bereitstellung Beispiel-Export als Vorlage für die Aufbereitung der Import-Daten
  • Unterstützung bei der Aufbereitung der Quelldatei
  • Bereitstellung einer Importschnittstelle
  • Mapping der Parameter
  • Import der Produkte

Fazit:

Mit der erfolgreichen Umsetzung des Webshops 5-diagnostics.com gelang PERIMETRIK® ein ansprechender Shop mit komplexen Bestellabläufe für den nationalen und internationalen Raum; Durch die Einrichtung von Benutzerrollen mit bestimmten Eigenschaften (Customer) können nur registrierte Nutzer auf den Bestellvorgang zugreifen. Mit Hilfe einer VAT-Abfrage erfolgt eine Automatische Umsatzsteuer-Anpassung je nach Land des Bestellers. Das PlugIn Currency Switcher ermöglicht die korrekte Preis-Anpassung in Abhängigkeit der verwendeten Währung. Individuelle Produktanfragen werden anhand eines Formulars direkt an 5 Diagnostics gerichtet. Die Bereitstellung einer Importschnittstelle sowie die Unterstützung beim Produktimport hat dem Kunden massiv Zeit und Geld gespart.

Weitere Highlights

Alle Meilensteine des Projektes B2B-Shop mit WordPress für 5-Diagnostics

Entwicklungsschritte des Projektes B2B-Shop mit WordPress für 5-Diagnostics von 2017 bis 2021.
Möchten Sie eine professionelle Unternehmens-Website erstellen lassen?