Storefront Studio – Visueller Live-Editor&Page Builder mit WYSIWYG CMS Elementen

Über die Erweiterung

Der visuelle Live-Editor & Page Builder für Shopware 6

Storefront Studio ist der native Landingpage-Builder und CMS-Editor für Shopware 6.6 und 6.7: ein echter WYSIWYG-Live-Editor mit iFrame-Preview, Drag&Drop, visuellem Editor-Modus und 250+ Sections. Die native Shopware-Antwort auf Elementor (WordPress), Shopify Sections und Storyblok – ohne externen CMS-Layer, ohne API-Roundtrips, ohne Doppelpflege. Alles bleibt in Ihrem Shopware-Backend, mit voller DAL-, Multi-Sales-Channel- und Multi-Language-Unterstützung.

Landingpages & Erlebniswelten in Minuten – ohne Twig, ohne Theme-Rebuild

Ob Black-Friday-Landingpage, saisonale Erlebniswelt, Kampagnen-Seite oder Marken-Story: Storefront Studio baut jede Storefront-Seite als visueller Editor auf – Drag&Drop, Live-Preview, No-Code. Kein Twig-Template, kein theme:compile, kein Frontend-Deploy. Änderungen erscheinen im iFrame-Preview in dem Moment, in dem Sie sie machen.

Alle Page-Types editierbar – nicht nur die Startseite

Storefront Studio deckt jede Route Ihres Shops ab: Home, Kategorie-Listing, Produktdetailseite (PDP), Warenkorb (Cart), Checkout, Danke-Seite, alle Account-Routen (Login, Register, Overview, Orders, Address-Book, Payment, Newsletter), Suchergebnisse, 404-Seite, Kontakt und CMS-Static-Seiten. Ein Storefront-Editor für die komplette Customer Journey.

250+ Sections in klar sortierter Palette

• 12 Editorial-Design-Blocks – Split-Hero, Bento-Grid, Story-Scroller, Before/After-Reveal, Product-360, Achievement-Stats, Team-Cards, Trust-Seals, Sortiment-Preview, Value-Pillars, Mega-Testimonial, Blog-Preview.
• 11 Elementor-Style Building-Blocks – Shape-Divider, Pricing-Table, Countdown-Timer, Marquee, Accordion, Tabs, Alert-Box, Cookie-Bar, Social-Icons-Row, Progress-Bar, Icon-Box.
• 10 WOW-Elements – Coverflow, Sticky-Scroll-Story, Card-Flip, Ken-Burns, Cube-3D, Diagonal-Split, Text-Reveal-Scroll, Product-Card-Flip, Countdown-Hero, Cinema-Video.
• 25+ Desktop-WOW-Elements – Isometric-3D-Grid, Morphing-Blob-Divider, Draggable-Cards-Deck, Circular-Progress-Story, Reveal-on-Hover-Split, Vertical-Slider-Cinema, Interactive-Country-Map, Product-Sphere-3D, Glitch-Text-Hero, Frosted-Glass-Cards.
• 24+ SW-Native-Wrapper – Produkt-Slider, Cross-Selling, Kategorie-Navigation, Buy-Widget, Filter-Sidebar, Breadcrumbs, Sortiment-Menu, Bewertungs-Aggregation, Login-Form, Register-Form, Cart-Summary, Order-List, Address-Book, Newsletter-Subscribe, Search-Bar.
• 10 Interaktions-Elemente – FAQ, Newsletter, Countdown, Multi-Column, Icon-Grid, Spacer, Custom-Code, Kontakt-Formular, Google-Maps, Social-Icons.
  
  

WYSIWYG-Live-Editor mit iFrame-Preview

• Click-to-Select direkt im Frontend-Preview – Section anklicken, Config öffnet sich.
• postMessage-Bridge zwischen Editor und iFrame – Cross-Origin-fähig.
• Live-Reload aller CSS/HTML-Änderungen ohne Page-Refresh.
• Viewport-Toggle Desktop / Tablet (768 px) / Mobile (375 px).
• Undo/Redo mit 100-Step-Stack (Ctrl+Z / Ctrl+Y).
• Drag&Drop-Media-Picker für alle image-Felder – auch innerhalb von items[]-Arrays.
• Shorttext-Editor mit B/I/Link-Toolbar für kurze Rich-Text-Felder.
• ENUM-Dropdowns statt Text-Inputs für 20+ Enum-Felder (align, layout, variant, size, imageSide).
• Deutsche Field-Labels für 90+ Config-Keys.
• Kategorie-Baum im Editor-Popover für alle Kategorie-Referenzen.
• Section-Labels A/B/C… im Editor-Modus über jeder Section.
• Palette-Tabs „Kommora Elemente" / „Shopware-Standard" für klare Trennung.
• Live-Preview des aktiven Themes (Theme-Awareness).
  
  

Draft / Publish mit voller Revisions-Historie

• Autosave alle 800 ms – kein Datenverlust.
• Benannte Snapshots („vor der Weihnachtsaktion" / „nach dem Redesign").
• Revisions-Timeline mit Type-Badge (autosave/manual/publish), Datum, Section-Count.
• One-Click-Restore jeder Revision.
• Draft/Published-Trennung – Kunden sehen nur, was publiziert ist.
  
  

Multi-Language & Multi-Sales-Channel out of the box

Jede Section speichert translatable JSON pro Sprache. Multi-Sales-Channel-Setups pflegen pro Kanal ein eigenes Layout. Cross-Origin postMessage-fähig – auch bei Multi-Domain-Konfigurationen. Ideal für internationale D2C-Marken und B2B-Händler mit mehreren Vertriebskanälen.

Design-System & Theme-Awareness

CSS Custom Properties (Typografie-Skala, Farb-Tokens, Spacing, Radius, Shadow) sind pro Sales-Channel Runtime-injizierbar. Storefront Studio liest das aktive Custom-Theme automatisch aus und übernimmt Farben, Fonts und Spacing – Sie arbeiten direkt in Ihrem Corporate Design, nicht in einer generischen Editor-Optik.

Anwendungsbeispiele aus der Praxis

• Kampagnen-Landingpage: Black-Friday-Hero + Product-Slider + Countdown-Timer + Trust-Seals + Newsletter-CTA – in 15 Minuten gebaut.
• Saisonale Erlebniswelt: Story-Scroller für die Marken-Story + Bento-Grid für die Kollektion + Before/After für „Vorher/Nachher"-Effekte + Team-Cards für Persönlichkeit.
• PDP-Redesign: Native SW-Gallerie + eigene Trust-Signals + Bewertungs-Aggregation + Cross-Sell-Slider + FAQ – ohne eine einzige Zeile Twig.
• Multi-Language B2B-Shop: Deutsches Layout mit Fachtermini, englisches mit vereinfachter Ansprache – beide aus derselben Section-Konfig, translatable JSON pro Sprache.
  
  

Alternative zu Elementor, Shopify Sections & Storyblok – nativ in Shopware

Storefront Studio ist die native Shopware-6-Antwort auf Elementor (WordPress), Shopify Sections und Storyblok. Kein externer Headless-CMS-Layer, keine API-Roundtrips, keine Doppelpflege zwischen CMS und Shop. Alles bleibt in Ihrer Shopware-Umgebung – mit voller DAL-, Multi-Sales-Channel- und Multi-Language-Unterstützung. Ein visueller Editor, der genau das kann, was Erlebniswelten von Haus aus nicht können: Landingpages, PDPs, Checkout, Account – alle Seiten, No-Code.

Ideal für

• Marketingteams, die Landingpages ohne Entwickler bauen wollen.
• Agenturen, die Kunden-Shops schneller ausbauen (visueller CMS-Editor statt Twig-Anpassungen).
• D2C-Brands mit Fokus auf Storytelling & Editorial-Content.
• B2B-Händler mit Multi-Language- und Multi-Sales-Channel-Anforderungen.
• Shopware-Agenturen, die eine wiederverwendbare Section-Bibliothek suchen.