Storefront Studio: KI-Assistent hat den Shopware-Header nach einer kurzen Beschreibung umgebaut
Back to Blog
Shopware 6KIStorefrontPage BuilderWebdesign

Shopware-Shop gestalten ohne Entwickler: der KI-Designer im Storefront Studio

Björn17. Oktober 20264 Min. Lesezeit

Das Problem: jede kleine Änderung wird zum Ticket

„Kannst du das Logo mittig setzen und die Suche nach links?" In vielen Shopware-Shops beginnt mit so einem Satz ein Ticket bei der Agentur, ein Angebot und eine Woche Wartezeit. Header, Footer, Produktseite und Warenkorb stecken in Twig-Templates des Themes. Ohne Entwickler bleibt meist nur, was die Theme-Einstellungen hergeben.

Genau dafür haben wir das Storefront Studio gebaut: einen visuellen Live-Editor für Shopware 6.7 – und jetzt zusätzlich einen KI-Assistenten, der Änderungen nach Beschreibung umsetzt.

Das Storefront Studio in 90 Sekunden

Demo-Video: Shopware-Shop per KI gestalten – Header, Produktseite, Landingpage und SEO-Prüfung

▶ Demo-Video auf YouTube ansehen – Header per Satz umbauen, Produktseite neu anordnen, Landingpage mit SEO-URL anlegen und die Seite auf SEO prüfen.

Teil 1: der Live-Editor

Das Storefront Studio zeigt deinen Shop als Vorschau direkt in der Shopware-Administration. Du klickst einen Abschnitt an, änderst Text, Bild oder Farbe und siehst das Ergebnis sofort.

Live-Editor: Abschnitt in der Vorschau anklicken und rechts bearbeiten

  • Über 500 Elemente und freie Spalten-Raster – auch ganz ohne KI nutzbar
  • Alle wichtigen Seiten: Startseite, Kategorie, Produktseite, Warenkorb, Checkout, Konto, 404 und Landingpages
  • Mehrere Verkaufskanäle, Themes und Sprachen aus einer Administration
  • Entwurf, Veröffentlichen und Versionsverlauf mit Wiederherstellen
  • Kein Theme-Kompilieren, kein Deployment – Änderungen sind nach der Freigabe sofort live

Teil 2: der KI-Assistent

Der Assistent arbeitet wie ein Theme-Entwickler: Er kennt den Aufbau von Shopware, liest die echten Templates deines Shops und deines Themes und setzt Wünsche mit Twig und CSS um – nicht mit vorgefertigten Layouts.

Ein Satz statt Ticket

„Logo oben mittig, darunter Suche links, Navigation in der Mitte, Icons rechts. Hintergrund weiß, Schrift schwarz, beim Hovern rot."

Rund 20 Sekunden später steht der neue Header in der Vorschau.

Header nach einer Beschreibung im Chat umgebaut

Mockup rein, Shop raus

Ein Screenshot, ein Entwurf oder ein PDF-Export aus Figma reicht als Vorlage. Der Assistent liest Anordnung, Abstände, Farben und Schriften und baut den Bereich mit den echten Bausteinen deines Shops nach.

Mockup eingefügt, Ankündigungsleiste und Header danach aufgebaut

Landingpages mit eigener SEO-URL

„Erstelle eine Landingpage zu Teamkleidung für Vereine" – der Assistent plant die Abschnitte, schreibt die Texte, wählt passende Produkte und Bilder aus und legt die Seite mit eigener URL, Meta-Titel und Meta-Beschreibung an.

Fertige Landingpage, vom KI-Assistenten angelegt

Produkt- und Kategorieseiten frei umbauen

Produktbilder groß untereinander statt Slider, der Kaufbereich läuft beim Scrollen mit, Beschreibung und Eigenschaften nebeneinander. Filter oben statt links, drei Produkte pro Reihe. Was sonst ein Template-Projekt wäre, ist hier eine Beschreibung.

Produktseite: Bilder untereinander, Kaufbereich mitlaufend

Auch Bereiche, die tief im Shopware-Core liegen – etwa die Positionen im Offcanvas-Warenkorb – lassen sich umgestalten. Funktionen wie Menge ändern, Entfernen und Kaufen bleiben dabei erhalten.

Selbstkontrolle und SEO-Prüfung

Nach jedem Umbau schaut sich der Assistent das Ergebnis in der Vorschau selbst an – am Desktop und am Smartphone – und korrigiert Fehler wie umbrechende Menüs oder abgeschnittene Elemente. Auf Wunsch prüft er die Seite außerdem auf SEO: Seitentitel, Meta-Beschreibung, Überschriften-Struktur und Bildbeschreibungen, mit Korrekturen per Klick.

Nichts geht ohne Freigabe live

Eine KI, die ungefragt am Live-Shop arbeitet, will niemand. Deshalb gilt im Storefront Studio: Jede Änderung ist zuerst ein Entwurf. Du prüfst ihn in der Vorschau, kannst jeden Schritt rückgängig machen und veröffentlichst erst mit einem Klick auf „Freigeben".

Dazu merkt sich der Assistent Markenstil und Wünsche deines Shops – zum Beispiel „Buttons immer eckig" oder „wir duzen unsere Kunden" – und wendet sie bei der nächsten Aufgabe automatisch an.

Was kostet das?

  • Storefront Studio: 69 € im Monat
  • KI-Assistent: 59 € im Monat als Zusatz-Abo, direkt im Editor buchbar
  • Die KI läuft über deinen eigenen Anthropic-API-Schlüssel und wird nach Nutzung abgerechnet – eine Änderung kostet meist nur wenige Cent. Ein Monatsbudget legst du selbst fest.

Zum Vergleich: Eine einzelne Kampagnenseite von der Agentur kostet schnell vierstellig und braucht Wochen.

Fazit

Das Storefront Studio macht Shopware-Gestaltung zu etwas, das Shopbetreiber selbst erledigen können: von Hand im Live-Editor oder per Beschreibung mit dem KI-Assistenten. Entwickler und Agenturen werden dadurch nicht überflüssig – aber sie müssen nicht mehr für jede Farbe und jeden Header gerufen werden.

Storefront Studio im Shopware Store ansehen – mit kostenlosem Testzeitraum.

Ready to optimize your shop?

Kommora brings SEO analysis, AI tools and smart analytics to one dashboard – built for Shopware 6.

Try for free