# KA-EX ## KA-EX [KA-EX live erleben](https://ka-ex.com) Selber entdecken? ![KA-EX: Frau trinkt im Freien aus einer Flasche](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2Fa51f04196a1fe5fc5c01c7192218b13607da9a24-1920x1080.jpg&w=1920&q=75) ## Shopify-Shops für vier Märkte ### Theme-Codebasis für alle Shops ### Wochen vom Kick-off bis zum Go-Live ~ Für KA-EX, eine Schweizer Marke für Sport-Nahrungsergänzung, haben wir **vier eigenständige Shopify-Shops** für die USA, die Schweiz, die EU und Großbritannien umgesetzt. Sie laufen aus einer gemeinsamen Theme-Codebasis, lösen die bisherigen Shops auf WordPress/WooCommerce ab und sind ans ERP angebunden. In den Shops für die USA und die Schweiz kommen Abos und Bundles mit dynamischen Preisen dazu. Wir haben konzipiert, Theme und Module entwickelt, Systeme integriert und die Daten migriert. Alle vier Shops sind live. ## Vier Märkte, vier Shops, ein **Theme** ## Von WooCommerce zu Shopify, Markt für Markt KA-EX betrieb seine Märkte über je einen eigenen Shop auf WordPress/WooCommerce, angebunden über Schnittstellen an Dienstleister. Das Frontend hatte das Team des Kunden angepasst, und die Seiten liefen seit Jahren weitgehend unverändert. Das Ziel war ein **einheitliches Shopify-Frontend** für alle Märkte. Ein neu eingeführtes ERP sollte als zentrales System die Stammdaten führen, und das Marketing sollte die Shopify-Shops selbst pflegen können. Im Mittelpunkt standen eine gute UX und ein schneller Kauf. Das Projekt lief in drei Phasen: Konzeption, Umsetzung und Rollout, danach Service und Weiterentwicklung. Der Starttermin stand wegen paralleler Systemumstellungen beim Kunden fest. Um das Risiko zu verteilen, haben wir den **Go-Live gestaffelt**: Die Schweiz und die USA gingen zuerst live, die EU und Großbritannien folgten. Vom Kick-off bis zum Go-Live vergingen jeweils rund acht Wochen, beide Termine wurden gehalten. ### Unser Teil im Projekt Wir haben die **Shopify-Konzeption**, die Entwicklung von Theme und Modulen, die Integrationen und die Migration übernommen. Design, Inhalte, Tracking, Marketing-Tools und der ERP-Connector kamen von Partnern des Kunden. [Shopify bei Digit-One](https://www.digit-one.com/shopify) Leistung ![KA-EX: Shop-Ansichten auf angeschnittenen Mockups](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F57292e83c68863f6f1f1530c70f898771a87af5d-1920x1080.jpg&w=1920&q=75) ![KA-EX: mobile Shop-Ansichten auf drei Smartphones](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2Fdb8e57032911380df2f3d036819ce654ea2e6bf3-1920x1080.jpg&w=1920&q=75) ## Vier Shops, ein Theme In der Konzeption haben wir Markets und eigene Shops gegenübergestellt. Die Entscheidung fiel für **vier eigenständige Shops**, ein Multi-Store-Setup: Jeder Markt hat so eigene Rechtstexte, eine eigene Abrechnung, eigenes Tracking und einen eigenen ERP-Connector. Der Nachteil ist der Pflegeaufwand, denn neue Funktionen müssen in allen Shops ankommen. Das löst der zentrale Theme-Code. Alle Shopify-Shops teilen sich **eine Theme-Codebasis**. Grundlage ist ein gekauftes Premium-Theme, das wir in ein Git-basiertes Setup überführt haben: ein Repository, pro Shop ein Branch. Änderungen laufen über Pull Requests, Pipelines liefern das Entwicklungs-Theme automatisch ins Live-Theme aus. Änderungen aus dem Theme-Editor bleiben im Repository synchron. Neue Funktionen entstehen einmal und werden in die anderen Shops übernommen. Eigenen Code schreiben wir nur dort, wo das Theme etwas nicht kann. So entstanden ein Marquee-Banner, Hero-Tags, ein Trustblock auf der Produktseite, ein Produkt-Slider und globale Testimonials als Metaobjekt. Das Team von KA-EX pflegt sie über Theme-Editor und Metafelder, ohne Code. ### Warum nicht Markets? Markets bündelt mehrere Länder in einem Shop und passt gut, wenn Rechtstexte, Abrechnung, Tracking und ERP für alle Märkte weitgehend gleich sind. Bei KA-EX unterscheiden sie sich je Markt, deshalb haben wir getrennte Shops gebaut. [Shopify Markets oder eigene Shops pro Land](https://www.digit-one.com/shopify-markets-oder-expansion-stores) Vergleich ## ERP-Anbindung und Migration Jeder Shopify-Shop hängt über einen eigenen **ERP-Connector** am zentralen ERP (Odoo). Der Connector stammt vom ERP-Partner (Twio), wir haben ihn gemeinsam installiert und zuerst gegen eine Testinstanz geprüft. Jedes Produkt in Shopify entspricht einem Artikel im ERP, der Abgleich läuft über die SKU. Stammdaten und Preise führt das ERP, Beschreibungen pflegt das Marketing in Shopify. Eine Bestellung läuft vom Shop ins ERP und von dort bis zum Versand. Bei der Migration kamen zuerst die Produkte per Import. Kunden und Bestellungen hat ein eigenes Skript aus dem Export der alten Shops ins Shopify-Importformat überführt, einmal initial und einmal als **Delta am Go-Live-Tag**. Die Weiterleitungen stammen aus dem Search-Console-Export, den Sitemaps und den Links aus Kundenmails, KA-EX hat sie geprüft. Wo es keine Nachfolger-URL gibt, liefert der Shop ein sauberes 404 statt einer Weiterleitung auf die Startseite. ### Der Ablauf am Go-Live Der alte Shop ging in den Wartungsmodus, die DNS-TTL war vorab gesenkt, ein Backup und der Delta-Import liefen. Danach stellten wir das DNS um und spielten je Markt Testbestellungen bis zum Versand durch. [Von WooCommerce zu Shopify migrieren](https://www.digit-one.com/shopify/migration) Leistung ![KA-EX: Übersicht mehrerer Seiten des Onlineshops](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F744b7222e76f62f304170305b9187de95d994add-1920x1080.jpg&w=1920&q=75) ## Abos und Bundles mit dynamischen Preisen KA-EX wünschte sich Bundles und Abo-Modelle. Die Abo-Engines sind Apps von Drittanbietern, unser Teil ist alles darum herum. Wir haben Widget und Kundenportal ins Theme integriert und gestaltet, Bedienlogik und Preisanzeige gebaut und ein Pflegekonzept für das KA-EX-Team geschrieben. Die Abo-App für die USA (Loop) bietet längere Laufzeiten nur als eigene Variante an. Deshalb haben wir einen **Custom Variant Selector** gebaut: Er blendet die Standard-Variantenwahl gezielt aus, bietet eine eigene Auswahl an und aktualisiert das Widget über die API der App. Gesteuert wird er per Kollektion und Metafeld. Die **Bundle-Buy-Box** ist ein Theme-Block mit Metaobjekt. Preise, Streichpreise und der Tagespreis erscheinen dynamisch aus dem Shopify-Produkt und den Selling Plans, ein einziges Produkt-Template trägt alle Abo-Produkte. Im Schweizer Shop läuft eine zweite Abo-App (Kaching) mit derselben Bedienlogik: Metafelder und ein Theme-Schalter steuern, was angezeigt wird. Zwei Apps, eine Bedienlogik. Schreibt eine App ihre Änderungen direkt in Theme-Dateien, führen wir sie kontrolliert in unsere Entwicklung zusammen. ### Pflege über Felder statt Code Die Inhalte je Abo-Option pflegt das Team von KA-EX über Felder im Shop, eine Pflege-Anleitung zeigt, wie. [Apps und Integrationen auf Shopify](https://www.digit-one.com/shopify/apps-integrationen) Leistung ## Länderlogik, Datenschutz und Widerruf Wer einen der Shops öffnet, landet automatisch im Shop des passenden Marktes: Eine **Geolocation-App** (Orbe) leitet zwischen den Shops weiter. Die native Market-Weiterleitung von Shopify ist in allen Shops abgeschaltet, und die Märkte dürfen sich zwischen den Shops nicht überlappen. Amazon-Bewertungen laden als Embed (Elfsight) erst nach der Zustimmung im Cookie-Banner. Bis dahin steht ein **Content-Blocker** mit Platzhalter im Shop, ein Button öffnet das Cookie-Banner erneut. Die Texte sind pflegbar, der Blocker lässt sich je Shop abschalten und kommt aus einem zentralen Snippet, die Schriften laden wir lokal statt von externen Servern. Die EU-Richtlinie 2023/2673 sieht vor, dass Verbraucherinnen und Verbraucher online geschlossene Verträge über eine gut sichtbare Widerrufsfunktion widerrufen können und eine Eingangsbestätigung mit Datum und Uhrzeit erhalten. Den **Widerrufsbutton** haben wir mit einem Shopify-Formular und einem Flow umgesetzt, der die Bestätigung samt Zeitstempel automatisch verschickt, dazu eine eigene Widerrufsseite mit Footer-Link. Zwei Varianten waren konzipiert, eine ist umgesetzt. ### Eine Währung je Shop Jeder Shop hat seinen eigenen Markt und seine eigene Währung: US-Dollar, Schweizer Franken, Euro und britisches Pfund. ### Technik, keine Rechtsberatung Das beschreibt unsere technische Umsetzung und ist keine Rechtsberatung. Welche Pflichten für einen Shop gelten, klärt der Händler mit seiner Rechtsberatung. ## Qualität, Releases und Zusammenarbeit Jede Änderung geht denselben Weg: Wir entwickeln lokal, öffnen einen **Pull Request** und lassen ihn von einer zweiten Person prüfen. Danach testet der Product Owner, Rückmeldungen laufen in eine Feedbackschleife, und erst nach der Freigabe gilt die Änderung als abgeschlossen. Getestet wird auf Staging, auf Live wird nur gepflegt, neue Stände gehen über eine Release-Pipeline zu einem geplanten Zeitpunkt live. Zur Qualität gehört auch, was man nicht sofort sieht. Wir haben Findings aus der Google Search Console und strukturierte Daten korrigiert, die H1-Logik für den Collection-Hero angepasst, eine Datenschutz-Checkbox am Newsletter-Formular ergänzt und die Standard-Benachrichtigungen gestaltet. Am Projekt arbeiteten mehrere Parteien: neben KA-EX und uns die Agentur für Design und Inhalte (WeCatch), ein Partner für Tracking und Marketing-Tools (Ad Union) und der ERP-Partner. Montags trafen wir uns zum Weekly, dazwischen gab es enge Check-ins, Abnahmen liefen über Figma-Kommentare. Die Shops gehören KA-EX, wir arbeiten als Collaborator mit, und für Metafelder und Metaobjekte gibt es Pflege-Anleitungen. ### Nach dem Rollout Mit dem Rollout war die Arbeit nicht zu Ende: Es folgten Service und Weiterentwicklung, etwa bei Abos, Bundles und dem Widerrufsbutton. [Shopify-Service und Weiterentwicklung](https://www.digit-one.com/shopify/service) Leistung [Jetzt kontaktieren](https://www.digit-one.com/kontakt) ### Philipp Scambor ![Porträt von Philipp „Phil“ Scambor, Director E-Commerce und Co-Founder bei Digit-One](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2Febc4e2190eb494eaa78c61cff7381e8827e4b274-1920x1406.jpg&w=1920&q=75) Director E-Commerce & Co-Founder @ Digit-One „Planst du mehrere Shops für mehrere Märkte oder den Wechsel von WooCommerce? Lass uns reden..“ [+43 664 168 39 50](tel:00436641683950) [Lass uns reden](mailto:hello@digit-one.com) Lass uns deine Idee angehen [hello@digit-one.com](mailto:hello@digit-one.com) ## Was hat Digit-One für KA-EX umgesetzt? Digit-One hat für KA-EX vier eigenständige Shopify-Shops für die USA, die Schweiz, die EU und Großbritannien umgesetzt, die aus einer gemeinsamen Theme-Codebasis entstehen. Dazu gehören die Migration von WordPress/WooCommerce, die ERP-Anbindung, die Länderweiterleitung, Abos und Bundles mit dynamischen Preisen in den Shops für die USA und die Schweiz sowie der EU-Widerrufsbutton. Design und Inhalte kamen von der Agentur des Kunden. ### Wie läuft die Migration von WooCommerce zu Shopify ab? Bei KA-EX kamen zuerst die Produkte per Import, dann Kunden und Bestellungen: Ein Skript überführt den Export ins Shopify-Importformat, einmal initial und einmal als Delta am Go-Live-Tag. Weiterleitungen entstehen aus Search-Console-Export, Sitemaps und Links aus Kundenmails, URLs ohne Nachfolger liefern ein sauberes 404. Am Go-Live-Tag folgen Wartungsmodus, Backup, DNS-Umschaltung und Testbestellungen je Markt, danach setzen Kunden ihr Passwort per Reset neu. ### Mehrere Länder auf Shopify: eigene Shops oder Markets? Das hängt davon ab, wie unterschiedlich die Märkte sind. Brauchen sie eigene Rechtstexte, Abrechnung, Tracking und einen eigenen ERP-Connector, spricht das für ein Multi-Store-Setup mit eigenen Shops, das braucht aber mehr Pflege. Bei KA-EX haben wir vier eigenständige Shops gebaut und gleichen den Pflegeaufwand mit einem zentralen Theme-Code aus. ### Wie hält man vier Shopify-Shops mit einem Theme aktuell? Mit einer gemeinsamen Codebasis und einem festen Ablauf: ein Repository, pro Shop ein Branch, Änderungen über Pull Requests mit Review und Pipelines, die automatisch ausliefern. Neue Funktionen entstehen einmal und werden in die anderen Shops übernommen. Änderungen aus dem Theme-Editor bleiben im Repository synchron. ### Wie bindet man ein ERP-System an Shopify an? Über einen Connector, der Shopify mit dem ERP verbindet. Bei KA-EX hat jeder Shop seinen eigenen, wir haben ihn gemeinsam mit dem ERP-Partner installiert und zuerst gegen eine Testinstanz geprüft. Produkte und Artikel werden 1:1 über die SKU abgeglichen, Stammdaten und Preise führt das ERP, Bestellungen laufen von Shopify ins ERP und weiter bis zum Versand. ### Wie setzt man Abos und Bundles mit dynamischen Preisen in Shopify um? Die Abo-Engine kommt als App, alles darum herum entsteht im Theme. Bei KA-EX haben wir Widget und Kundenportal integriert, die Bundle-Buy-Box als Theme-Block mit Metaobjekt gebaut und Preise, Streichpreise und Tagespreis dynamisch aus Produkt und Selling Plans angezeigt. Zwei Apps, für die USA und die Schweiz, laufen unter einer Bedienlogik. ### Wie setzt man den Widerrufsbutton in einem Shopify-Shop um? Mit einer gut sichtbaren Widerrufsfunktion, die den Eingang mit Datum und Uhrzeit bestätigt, so sieht es die EU-Richtlinie 2023/2673 vor. Bei KA-EX haben wir dafür ein Shopify-Formular mit einem Flow für die automatische Eingangsbestätigung und eine eigene Widerrufsseite mit Footer-Link umgesetzt. Das ist keine Rechtsberatung. ### Wie bindet man Drittanbieter-Widgets DSGVO-konform in Shopify ein? Indem sie erst nach der Zustimmung im Cookie-Banner laden. Bei KA-EX zeigt ein Content-Blocker bis dahin einen Platzhalter, ein Button öffnet das Cookie-Banner erneut. Die Texte sind pflegbar, der Blocker lässt sich je Shop abschalten und kommt aus einem zentralen Snippet, die Schriften laden lokal. Das ist keine Rechtsberatung. [Alle Cases](https://www.digit-one.com/cases) [Entdecke alle Cases](https://www.digit-one.com/cases) Hungrig auf mehr? Ganze Case Study [Delicando](https://www.digit-one.com/cases/delicando) Drei Kundengruppen, sechs Länder, vier Sprachen: Für delicando haben wir vier Shopify-Plus-Stores auf ein gemeinsames Fundament gestellt. ![Delicando: Cognac- und Spirituosenflaschen auf einem Holztisch](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F0536430e28a6c55c151149323f6e279a9d30c847-5761x3841.jpg&w=1920&q=75) ## E-Commerce ### Shopify ### B2B [gloryfeel](https://www.digit-one.com/cases/gloryfeel) Zwei Länder, ein Setup: Shopify Plus für Deutschland und Italien, gebaut für Tempo im Tagesgeschäft und saubere Abläufe hinter den Kulissen. ![gloryfeel: Produktreihe der Nahrungsergänzungsmittel in Dosen](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F4bbd4e71770dfed0f718d20dffa366a56339a954-3000x844.webp&w=1920&q=75) ### Shopify ### Agile Webentwicklung ### E-Commerce ### UI/UX Design [BIOGENA ONE](https://www.digit-one.com/cases/biogena-one) Auf Shopify Plus gelauncht und seitdem in Bewegung: eine Plattform, die mit dem Geschäft wächst und laufend weiterentwickelt wird. ![BIOGENA ONE: Ansicht des Onlineshops](https://www.digit-one.com/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fp48sl94f%2Fproduction%2F0c5dcaa6b77f879a720aa842dd2025194d746bcb-1556x1158.png&w=1920&q=75) ### Shopify ### E-Commerce ## Weitere **spannende Projekte**, die dich interessieren können