E-Commerce in der Praxis

YuboFiT® – Shopware 6 im laufenden Betrieb

Ein moderner E-Commerce-Auftritt endet nicht mit dem Go-live. YuboFiT® zeigt eine Shopware-6-Plattform im realen Geschäftsbetrieb – mit gewachsenen Anforderungen an Nutzerführung, Prozesse, Performance und kontinuierliche Weiterentwicklung.

ProXWorks® begleitet YuboFiT® im Bereich Digital Experience & Technology.

Der Shop in der Desktop- und Mobilansicht

Startseite des YuboFiT®-Onlineshops in der Desktop-Ansicht
Startseite des YuboFiT®-Onlineshops auf dem Smartphone
Laufender Betrieb

Vier Anforderungen nach dem Go-live.

Mit dem Go-live beginnt das Tagesgeschäft. Ein B2B-Shop mit Produktkonfiguration, Staffelpreisen und über 27.000 Variantenseiten braucht laufende Arbeit in vier Feldern: Nutzerführung, Prozesse, Performance und Weiterentwicklung.

Nutzerführung

Produktkonfiguration auf der Artikelseite: Verpackung, Füllmenge, Etikett und Staffelmenge in einer Schrittfolge, der Nettopreis folgt der Auswahl. Erlebniswelten für Kategorie- und Themenseiten und Sortimentseinstiege für Gewerbekunden führen vom ersten Aufruf zur Anfrage oder zur Bestellung.

Prozesse

Mindestbestellwerte je Herkunftslager, Staffelpreise, Zuschläge und Fracht rechnet ein eigenes Plugin im Warenkorb; Versandarten liegen als Regeln im Rule Builder. Artikelstammdaten und Bestellungen laufen über die Admin API von Shopware, das Belegwesen über das angebundene ERP-System.

Performance

Shopware-HTTP-Cache mit Redis vor der Storefront, Worker und Scheduler für Suchindex, E-Mail-Versand und Medien über die Message Queue. Eine Stichprobe von 20 zufälligen Variantenseiten kam vollständig aus dem Cache. Core Web Vitals sind die Zielgrößen der nächsten Ausbaustufe.

Weiterentwicklung

Custom Theme und ein eigenes Plugin auf der API-first-Architektur von Shopware 6, außerhalb des Kerns. Plattform-Updates und Sicherheitspatches werden im laufenden Betrieb eingespielt, Anpassungen bleiben dabei erhalten.

Der Konfigurator

Preis, Etikett und Bestellung aus einer Quelle.

Ein Tee ist bei YuboFiT® eine Familie aus rund 30 Verpackungsvarianten mit eigener Füllmenge, Mindestmenge, Staffelpreisen und Druckoptionen für das Etikett. Über 27.000 Variantenseiten laufen im Shop. Der Konfigurator macht daraus eine Bestellung in drei Schritten.

Der Konfigurator im YuboFiT®-Onlineshop: Verpackung wählen, Menge eingeben, Etiketten-Variante wählen, Kalkulation im Detail

Drei Schritte auf einer Karte

  1. Verpackung mit Füllmenge wählen

    Bildkacheln je Verpackung, nach Füllmenge sortiert, vom Briefchen bis zur Runddose. Jede Kachel ist eine eigene Variantenseite mit eigener Adresse, eigenem Titel und eigenen strukturierten Daten.

  2. Menge eingeben

    Die Kalkulation erscheint sofort und vollständig: Warenwert nach Staffel, Veredelung je Stück, einmalige Vorkosten, Fracht, Netto, Steuer, Brutto. Eingaben unter der Mindestmenge werden erklärt.

  3. Etiketten-Variante wählen

    Design vorn, Design vorn mit Pflichtangaben hinten oder nur das Pflichtetikett. Daneben die maßstabsgetreue Skizze mit Beschnitt, Maßketten und dem fertig gesetzten Pflichtblock dieses Tees.

Darunter das Angebot als PDF, die Anfrage an die Manufaktur, die Lieferzeit zur gewählten Menge und die Übersicht aller Verpackungen der Familie mit Mindestmengen.

Etikett-Generator

Pflichtangaben setzt das System selbst

Teename, Verkehrsbezeichnung, Zutatenliste mit hervorgehobenen Allergenen, Zubereitungssymbole, Füllmenge mit ℮-Zeichen, Mindesthaltbarkeit, Hersteller und Bio-Block stehen in der gesetzlichen Mindestschrift, jede Zeile mit echten Schriftmaßen vermessen. Skizze und Druckdatei entstehen aus derselben Berechnung und können nicht auseinanderlaufen.

Ein Tee mit langer Zutatenliste braucht mehr Pflichtfläche als ein sortenreiner. Die Werbefläche des Kunden bleibt dabei konstant, der Pflichtstreifen wächst in 5-mm-Schritten bis zum Maximum der Verpackung. Passt der Block auch dann nicht unter das Design, verschwindet diese Druckoption für diesen Tee gleichzeitig im Rechner, im Warenkorb und im Angebot.

Das Etikettmaß folgt der Druckoption, die der Kunde wählt und bezahlt. Wechselt er die Option, wechselt die Skizze mit.

Etikett-Skizze im YuboFiT®-Konfigurator: Vorderseite mit Werbefläche, Rückseite mit gesetztem Pflichtblock, Beschnitt und Maßketten

Die Raffinessen dahinter

Eine Preislogik

Ein serverseitiger Dienst bepreist Rechner, Warenkorb, Angebots-PDF, Auftragsbestätigung und Rechnung. Was der Kunde im Rechner sieht, steht wortgleich im Angebot und auf dem Beleg.

Regeln aus Stammdaten

Staffelpreise, Druckoptionen, Vorkosten, Mindestmengen und Kartoninhalte hängen am Artikel. Skonto, Zuschläge und Frachtstaffeln liegen in der Konfiguration und lassen sich ohne Programmierung ändern.

Fracht wird gewogen

Aus Menge, Kartoninhalt und Gewicht entsteht die Paketliste, jedes Paket wird nach Gewichtsstufe bepreist und gegen die Palette geprüft. Es gilt der günstigere Weg. Tee und Nüsse laufen als getrennte Sendungsblöcke, weil sie aus getrennten Lagern kommen.

Mindestbestellwerte, die summieren

Für Bulkware gilt ein Mindestwert je Herkunftslager. Mehrere kleine Positionen erreichen ihn gemeinsam. Die Kasse bleibt gesperrt, bis die Schwelle steht, und der Kunde sieht im betroffenen Block, wie viel fehlt.

Lieferzeit und Haltbarkeit aus einer Quelle

Die Lieferzeit ist nach Stückzahl gestaffelt und steht identisch auf Artikelseite, im Rechner, im Angebot, im Warenkorb, auf der Auftragsbestätigung und als Leistungsdatum der E-Rechnung. Haltbarkeit und Brühwerte speisen Reiter und Pflichtblock.

Belege ohne Nacharbeit

Rechnung, Storno und Gutschrift tragen das eingebettete ZUGFeRD-XML nach EN 16931, einschließlich der Positionsarten Veredelung und Vorkosten. Die Auftragsbestätigung ist ein eigener Belegtyp, die AGB hängen als PDF an jeder Belegmail.

Auffindbarkeit eingebaut

Jede Variantenseite trägt strukturierte Daten mit allen Geschwistervarianten, einen eigenen Titel, eine Bild-Sitemap und echte interne Links auf alle Verpackungen der Familie. Die Suche springt bei einer Artikelnummer direkt zur Variante.

Angebote ohne Ablage

Das Angebots-PDF entsteht im Speicher und wird direkt ausgeliefert. Keine Datei auf dem Server, keine Nummer aus einem Nummernkreis, kein Angebot im Suchindex.

Technisch in Kürze

Plattform
Shopware 6.7 Community Edition, eigenes Theme-Plugin, keine Store-Erweiterungen, keine lizenzpflichtigen Bestandteile
Preislogik
ein serverseitiger Dienst für Rechner, Warenkorb, Angebot und Belege
Etikettsatz
serverseitig mit echten Schriftmaßen, Ausgabe als Vektorgrafik für Skizze und Druckdatei
Regeln
LMIV (Mindestschrift, Allergene), FPackV (Füllmenge), EU-Bio-Logo
Belege
ZUGFeRD/XRechnung eingebettet, Auftragsbestätigung als eigener Belegtyp
Umfang
über 27.000 Variantenseiten, rund 30 Verpackungen je Tee, drei Etikett-Varianten je Verpackung
Shopware 6 im Einsatz

Die Bausteine der Plattform.

Shopware 6 mit API-first-Architektur, Rule Builder und Erlebniswelten. Sechs Bausteine tragen bei YuboFiT® Sortiment, Warenkorb-Logik und Schnittstellen.

Storefront und Custom Theme

Eigenes Theme als Plugin mit Twig-Templates, SCSS und JavaScript im Corporate Design von YuboFiT®, responsiv für Desktop, Tablet und Smartphone.

Warenkorb-Logik und Versandregeln

Mindestbestellwerte, Skonto, Zuschläge und Frachtstaffeln rechnet ein eigenes Plugin im Warenkorb. Versandarten für Standardversand, Spedition und Ausland liegen als Regeln im Rule Builder und lassen sich in der Administration pflegen.

Produktkonfiguration und Varianten

Verpackung, Füllmenge, Etikett und Auflage als Varianten- und Konfigurationslogik mit Preisberechnung je Kombination und Staffel.

Schnittstellen und ERP-Anbindung

Artikelstammdaten aus Lieferantendaten und Bestellungen laufen über die Admin API, Belege, Auftragsbestätigungen und E-Rechnungen über das angebundene ERP-System. Dieselbe Schnittstelle trägt weitere Anbindungen.

Erlebniswelten und Content

Kategorie-, Themen- und Wissensseiten über Erlebniswelten und Zusatzfelder. Blog und Wissensbereich laufen im selben System wie das Sortiment.

Updates und Sicherheit

Plattform-Updates und Sicherheitspatches im laufenden Betrieb, mit Prüfung der kritischen Seiten Produktseite, Warenkorb und Kasse. Ein eigenes Plugin, keine Store-Erweiterungen, keine lizenzpflichtigen Bestandteile.

Suchmaschinenoptimierung

Sichtbarkeit als Teil des Betriebs.

Suchmaschinenoptimierung an einem Shop dieser Größe ist laufende Arbeit an Technik, Daten und Text. Der Hebel liegt bei den Variantenartikeln: Viele Verpackungen je Tee erzeugen ohne Steuerung Duplikate und binden Crawl-Budget.

Technische Grundlagen

  • Jede Variante ist eine eigene, indexierbare Seite. Die rund 30 Verpackungen eines Tees werden nicht auf eine Hauptvariante gebündelt: Jede der über 27.000 Seiten trägt einen eigenen Titel mit Füllmenge und Verpackungsart, eine eigene Meta-Beschreibung, eine eigene H1 und eigene Texte. Duplikate werden durch Unterscheidung vermieden, Sollwert: kein Titel zweimal im Shop.
  • Crawl-Budget-Steuerung: Filter- und Sortierparameter verweisen auf die Kategorieadresse, paginierte Kategorieseiten bleiben indexierbar, die interne Suche bleibt aus dem Index.
  • Drei Sitemaps: Die Gesamtsitemap führt rund 27.900 Adressen mit 27.500 Bildern als Bild-Sitemap, mit Prioritäten je Seitentyp. Blog und Wissensbereich haben eigene Sitemaps, damit die Indexierungsquote neuer Inhalte getrennt messbar ist.
  • Statuscode-Hygiene über den Plattformwechsel hinaus: Der Shop läuft unter denselben Adressen wie zuvor, alte Adressen leiten per 301 auf die gemeinte Variante, ausgelaufene Artikel werden deaktiviert statt gelöscht. Crawler-Zugriffe und Indexabdeckung werden laufend ausgewertet, neue Seiten per IndexNow gemeldet.
  • Strukturierte Daten nach dem Variantenmodell der Suchmaschinen: fünf JSON-LD-Blöcke je Variantenseite, darunter eine ProductGroup mit allen Geschwistervarianten, Größen, Ab-Preis, Versandangaben und Widerrufsregel. Blogbeiträge als BlogPosting. Sollwert der Auszeichnungsprüfung: null Fehler.
  • Auslieferung über HTTP/2 mit Shopware-HTTP-Cache und Redis. Eine Artikelseite mit vollständiger Kalkulation und Etikett-Skizze kommt komprimiert mit rund 60 KB beim Browser an.

Inhalt und Daten

  • Keyword-Mapping nach Suchintention der Gewerbekunden: eine Zielseite je Intention (Private Label, Werbetee, Großgebinde, Abpackung), damit Kategorie-, Verpackungs- und Wissensseiten sich nicht gegenseitig kannibalisieren.
  • Titel-Muster je Verpackungsart: Meta-Titel und Meta-Beschreibung folgen einem Muster aus Tee, Füllmenge und Verpackung, das die Suchanfrage der Gewerbekunden trifft und in der Suchergebnisliste unterscheidbar bleibt.
  • Produkt- und Kategorietexte aus den Lieferantenspezifikationen: Herkunft, Zutaten, Anteile und Gebinde stehen so im Text, wie sie im Datenblatt stehen. Umwelt- und Gesundheitsaussagen nur mit Beleg.
  • Themencluster mit interner Verlinkung: Blog und Wissensbereich führen über gesetzte Ankertexte auf Kategorie- und Produktseiten und bündeln Suchanfragen rund um Eigenmarke, Sortiment und Verpackung.
Schaufenster

Sechs Ansichten aus dem laufenden Shop.

Einzelartikel, Kategorie, Konfigurator, Private Label, Blog und Wissen, jeweils in der Desktop- und Mobilansicht.

Produktseite Apfelringe mit Zartbitterschokolade im YuboFiT®-Onlineshop
Produktseite Apfelringe mit Zartbitterschokolade auf dem Smartphone
Einzelartikel

Apfelringe mit Zartbitterschokolade

Produktseite mit Bildgalerie, Warenbeschreibung aus der Lieferantenspezifikation, Pflichtangaben und Preis je Gebinde. Eigener Produktname, Etikett mit Kundenlogo und Abfüllung in die Wunschverpackung sind auf derselben Seite angeboten.

Im Shop ansehen
Kategorieseite Früchtetee im YuboFiT®-Onlineshop
Kategorieseite Früchtetee auf dem Smartphone
Kategorie

Früchtetee

Kategorieseite als Erlebniswelt: Titelbild, Sortenbeschreibung mit Verpackungsoptionen, Seitennavigation durch das Tee-Sortiment und darunter das Produktlisting mit Nettopreis je Artikel.

Im Shop ansehen
Produktseite mit Konfigurator für Verpackung und Füllmenge im YuboFiT®-Onlineshop
Produktkonfigurator auf dem Smartphone
Produktkonfigurator

Tee in der Wunschverpackung

Verpackung, Füllmenge und Etikettenvariante in einer Schrittfolge, der Nettopreis folgt jeder Auswahl. Dieselbe Konfigurationslogik läuft auf dem Smartphone mit Schrittanzeige und Etikettenvorschau.

Im Shop ansehen
Private-Label-Seite des YuboFiT®-Onlineshops
Private Label

Einstieg in die eigene Teemarke

Leistungsumfang, Ablauf und Kontakt für Gewerbekunden auf einer Seite: White Label oder Private Label, Rezeptur, Verpackung, Etikett und Auflage.

Im Shop ansehen
Blog-Übersicht des YuboFiT®-Onlineshops
Blog-Übersicht auf dem Smartphone
Blog

Redaktion im selben System

Beiträge zu Handel, Verarbeitung und Eigenmarke laufen im selben Shopware-System wie das Sortiment und verlinken auf Kategorie- und Produktseiten. Jeder Beitrag trägt eigene Metadaten und ein eigenes Titelbild.

Im Shop ansehen
Wissensbereich des YuboFiT®-Onlineshops
Wissensbereich auf dem Smartphone
Wissen

Antworten vor der Bestellung

Wissensbereich zu Tee, Nüssen und Trockenfrüchten für eigene Marken und Werbegeschenke. Die Einträge bilden Themencluster mit interner Verlinkung zu Sortiment und Private Label.

Im Shop ansehen
Zusammenarbeit

Digital Experience & Technology für YuboFiT®.

ProXWorks® begleitet YuboFiT® im laufenden Betrieb der Shopware-6-Plattform: Betrieb und Updates, Weiterentwicklung von Theme und Plugin, Schnittstellen und ERP-Anbindung, Pflege von Produktdaten und Texten, Suchmaschinenoptimierung und technischer Support. Fünf Leistungsbereiche, ein Ansprechpartner.

  1. Betrieb
  2. Weiterentwicklung
  3. Schnittstellen
  4. Content & SEO
  5. Support

Ihr neuer Onlineshop zum Festpreis.

Sie planen einen neuen Onlineshop oder lösen ein bestehendes System ab. Wir nehmen Sortiment, Zielgruppe und Prozesse auf, legen den Leistungsumfang in der Konzeptphase fest und nennen dafür einen verbindlichen Festpreis. Gebaut wird der Shop so, dass er sich stabil betreiben, weiterentwickeln und in der Suche finden lässt.