Web Shop
Du überlegst deine Produkte nicht nur im Einzelhandel sondern auch virtuell in einem Online Shop zu verkaufen? Eine gute Entscheidung! Nicht nur Pandemien wie SARS-Cov-2 zeigen wie wertvoll der Online Handel für das eigene Unternehmen sein kann, auch der Trend weltweit geht mehr und mehr Richtung Multi-Channel-Marketing, bei dem der Kunde sowohl offline als auch online die Produkte seiner Wahl kaufen kann.
Auch wir von Simpel Web erkennen die Wichtigkeit eines soliden Online Shops und haben uns aus diesen Grund in den letzten Wochen intensiver mit diesem Thema beschäftigt und verschiedene Anbieter und Frameworks miteinander verglichen.
Wir haben uns die Frage gestellt, wie wir unseren aktuellen TechStack mit einem Online Shop vereinbaren können, ohne an Qualität zu verlieren. Unser Ziel war es einen Web Shop so nutzen und verwalten zu können, so dass der Shop über den klassischen WordPress-Login verwaltet und gepflegt werden kann. Außerdem können so individuelle Shop-Designs – unabhängig vom eingesetzten Framework – implementieret werden. Das Design ist vollkommen losgelöst vom Web-Shop selbst und fragt nur dessen Daten (Produkte, Versandkosten, Verfügbarkeit, etc.) ab. Dieses Vorgehen erlaubt weiterhin noch einen schnellen Seitenaufbau und eine unabhängige UI, die sich sehr variabel und auf den Kunden zugeschnitten, gestalten lässt.
Wir haben uns schließlich für den Einsatz von WooCommerce – einer vollständig kostenlosen Open-Source E-Commerce Plattform für WordPress – entschieden. Mittels wp-graphql-woocommerce greifen wir zur Build-Time auf die gespeicherten Produkte zu. Um auch dynamische Abfragen zur Laufzeit innerhalb der statisch generierten Seiten durch Gatsby zu ermöglichen, nutzen wir den Apollo Client, der sogar Caching anbietet. Somit kommen geladene Produkte und Suchanfragen aus dem Speicher und unnötige Server Requests werden verhindert.
Mit diesem Setup können wir weiterhin individuelle Designs für unsere Kunden bauen und die Vorteile serverseitig gebauter, statischer HTML Seiten nutzen. Die benötigten Daten und Seiten werden nur bei Bedarf geladen. Das sorgt für sehr schnelle Ladezeiten, weniger Downloads (vor allem mobil wichtig) und einen höheren Lighthouse Score.
Unsere fertige Demo kannst du hier sehen: Simpel Web Demo Online Shop
Du willst deinen Internetauftritt verbessern und überlegst einen Web Shop aufzubauen? Dann sprich doch mit uns – wir helfen gerne weiter. Einfach per Mail an kontakt@simpel-web.de oder direkt über unser Kontaktformular.