Shopware Erlebniswelten:
Shopware Hero Apps die verkaufen
Baue moderne Shopping Experiences mit Slider, Two Columns, FAQ (Schema.org), Video, Mega Menu und mehr – mobile-first, performant, barrierefrei.
Shopware 6.7+ • Native JS (kein jQuery)
Erlebniswelten
CMS Blöcke
Landingpage
Pagespeed
FAQ schema.org
Bootstrap 5
Vanilla JS
Erlebniswelten sollen
schnell gehen.
Und am Ende soll es
einfach konvertieren –
ohne Chaos im Layout.
Was Hero Custom Blocks fuer dich liefert:
Moderne CMS-Blöcke für Shopware Erlebniswelten: konsistentes Design, saubere Struktur und schnelle Ladezeiten. Nutze Slider, Two Columns, FAQ (Schema.org), Video, Mega Menu und mehr – ohne Theme-Hacks.
So startest du mit Hero Custom Blocks
in 4 Schritten
01
Extension Installieren
Landingpages und Erlebniswelten schneller bauen – ohne jedes Mal bei null anzufangen. Hero Custom Blocks bringt wiederverwendbare Bausteine in dein Team.
02
Erlebniswelt öffnen
Mobile-first UI, Bootstrap-Kompatibilitaet und bewusst minimales JavaScript – fuer stabile Performance und saubere UX.
03
Block konfigurieren
SEO-Mehrwert durch strukturierte Inhalte (z.B. FAQ Rich Snippets) und bessere Nutzerfuehrung – damit Besucher schneller zur Aktion kommen.
04
Live gehen & skalieren
Installieren, konfigurieren, veröffentlichen: Hero Custom Blocks ist so gebaut, dass es sich in bestehende Shopware-Setups sauber einfuegt.
Ein System fuer konsistente Erlebniswelten
Einmal sauber aufsetzen – dann skalieren. Die Blöcke sind so gedacht, dass Content-Teams schneller arbeiten und Layouts über mehrere Seiten hinweg konsistent bleiben.
Shopware 6.7+ ready
Einfaches Installieren, Updaten und Erweitern. Intuitiv ohne Programmierkenntnisse Erlebnisswelten gestalten und Zielgruppen erfreuen.
Bootstrap 5 kompatibel
Modernem, bewährte Technologie welche auf Millionen Instanzen weltweit verwendet wird und auch technisch versierte Kolleg:innen zu schätzen wissen werden.
Native JS (kein jQuery)
Vollste Kompatibilität für lange Zeit basierend auf bewährten Technologien für beste Ergebnisse bei effizienter Verwendung. Kein überladendes Packete-Chaos (Bloat-Code).
Ressourcen sparen
Hero Custom Blocks für Shopware besteht aus 12+ Custom Blöcken für Ihre perfenten Webshop Erlebnisswelten und kann individuell und einfach erweitert oder optimiert werden. Sie sparen bis zu 2.000 EUR mit vergleichbaren, kostenpflichtigen Apps für Shopware.
Warum Standard-Blöcke oft nicht reichen
HERO CUSTOM BLOCKS
- Für maßgeschneiderte Webshops
- Modern mit Vorschau ohne Coden
- Bis zu 1.200,- EUR sparen!
- Über 400 Konfigurationsmöglichkeiten
- Einfaches Bedienungskonzept
- Perfekt für Shopware Agenturen
- Updates für optimalen Funktionsumfang
Standard CMS-Blöcke
- QBegrenzte Gestaltungsmöglichkeiten
- QKeine Vorschau und wenig Auswahl
- QHohe Kosten für einfache Apps
- QKeine Designoptionen
- QUmständliche Klicken und Anpassen
- QKosteneffizient und Skalierbar
- QKosten bei neuen Update
3 gute Gründe für Hero Custom Blocks
Flexibel, Robust und Sicher
Robuste und moderne Shopware Architektur für Kunden- und suchmaschinenoptimierte Webshops gemäß Best Practice in UX und UI. Dank regelmäßiger Updates keine Security Probleme.
Quasi Pagebuilder Feeling
Echtzeit Vorschau den Überblick beim Anpassen bewahren und im Erlebniswelten direkt Inhalte optimieren. Produktdetailseiten mit 3D Produktansicht!
Wiederverwendbare Blöcke
Hero Custom Blocks können mehrfach auf verschiedenen Seiten erstellt werden und mit dynamischen Werten einfach wartbar und zeitsparend.
7 Fragen zu Shopware
Hero Blöcken, SEO & Performance
Für wen ist Hero Custom Blocks gedacht?
Für Shopware-Haendler, Agenturen und Inhouse-Teams, die Erlebniswelten schneller erstellen wollen – mit konsistentem Design und ohne Custom-Code pro Seite.
Welche Shopware Version wird unterstützt?
Shopware 6.7+ (gemaess Plugin-Anforderungen). Die PHP-Version richtet sich nach den Systemanforderungen deiner Shopware Installation.
Ist das mit meinem Theme kompatibel?
Die Bloecke folgen Shopware/Storefront Best Practices und orientieren sich an Bootstrap 5.2. Bei stark angepassten Themes kann Feintuning sinnvoll sein.
Wie wirkt sich das auf Performance aus?
Hero Custom Blocks setzt auf natives JavaScript (kein jQuery) und nutzt Performance-Patterns wie Lazy Loading/Intersection Observer, wo sinnvoll.
Hilft das bei SEO?
Ja – vor allem durch strukturierte Inhalte und optionale FAQ-Rich-Snippets (Schema.org) in passenden Bloecken. Zusaetzlich profitiert SEO indirekt von besserer UX und Performance.
Wie funktionieren Updates?
Updates laufen ueber den Shopware Store (bei Store-Installationen) oder alternativ ueber GitHub Releases – je nach Distributionskanal.
Was passiert bei abgelaufener Lizenz?
Premium-Funktionen koennen eingeschraenkt werden. Im Plugin werden Hinweise angezeigt und du wirst zur Landingpage weitergeleitet, um zu verlaengern oder Support zu erhalten.
So einfach wird Ihr Shop
zum echten Erlebnis
Keine Programmierkenntnisse. Kein Theme-Hack. Einfach Block in die Erlebniswelt ziehen, konfigurieren – und sofort live gehen.
HERO SLIDER
Der erste Blick entscheidet – in 3 Sekunden
Besucher verlassen Ihre Seite, bevor sie scrollen – wenn der Hero-Bereich sie nicht sofort fesselt. Mit dem Hero Slider setzen Sie genau hier an: ansprechende Slides, sanfte Übergänge, automatisches Weiterblättern. Alles konfigurierbar direkt im Shopware-Admin – ohne eine Zeile Code.
- Unbegrenzt viele Slides mit individuellem Inhalt
- Auto-Slide, Pfeile & Punkte frei konfigurierbar
- Vollständig responsiv – Mobile-First optimiert
HERO TWO COLUMNS
Produkte, die sofort ins Auge stechen
Das charakteristische 33°-Winkel-Design macht Ihre Shopseiten unverwechselbar. Bild und Text perfekt ausbalanciert – ideal für Produkthighlights, saisonale Kampagnen oder Brand-Storytelling. Links Bild, rechts Text – oder umgekehrt. Kein Grafiker nötig, kein Kompromiss beim Design.
- Charakteristischer 33°-Winkel-Effekt
- Bild- und Text-Spalte frei tauschbar
- Perfekt für Produkthighlights und Kampagnen
HERO FAQ
Fragen beantworten, bevor sie Kunden kosten
Jede offene Kundenfrage ist ein möglicher Kaufabbruch. Das Hero FAQ löst das elegant: saubere Akkordeon-Blöcke mit Schema.org-Markup – Ihre Antworten erscheinen direkt in den Google-Ergebnissen als Rich Snippets. Weniger Support-Anfragen. Mehr organischer Traffic. Beides gleichzeitig.
- Schema.org-Markup für Google Rich Snippets
- Barrierefrei: ARIA-Attribute & Tastaturnavigation
- Beliebig viele FAQ-Einträge, sauber gestaltet
BOOKING FORM & RESERVIERUNG
Anfragen direkt im Shop – ohne Umwege
Kein externes Formular-Tool, kein Medienbruch: Das Hero Booking Form und die Reservierungsfunktion binden sich nahtlos in Ihre Shopware-Erlebniswelten ein. Probefahrt-Anfragen, Reservierungen und Kontakte landen automatisch per E-Mail – mit Bestätigungsmail an den Kunden. Einsatzbereit in unter 5 Minuten.
- Automatische Bestätigungs-E-Mail an Kunden
- Konfigurierbare Empfänger-Adressen
- Shopware-native – kein Plugin-Konflikt
Alle 11 Blöcke im Überblick
Von Slider bis Blog, von Mega-Menu bis Smart Magnifier – Hero Blocks liefert für jeden Anwendungsfall den passenden Baustein.
HERO CATEGORY SLIDER
Kategorien, Produkte & Blog – alles in einem Slider
Der Category Slider bündelt Ihre wichtigsten Inhalte in einem eleganten, vollautomatisch scrollenden Carousel. Ob Produktkategorien, Einzelprodukte oder Blog-Beiträge – ein Block, alle Möglichkeiten.
- Unterstützt Kategorien, Einzelprodukte und Blog-Beiträge
- Automatisches Scrollen mit konfigurierbarer Geschwindigkeit
- Individuelle Bilder und Links pro Slide
- Responsive für alle Bildschirmgrößen optimiert
HERO VIDEO EXTENDED
Videos, die nur abspielen, wenn sie wirklich gesehen werden
Kein unnötiger Datenverbrauch, kein ablenktes Autoplay: Der Hero Video Extended Block startet die Wiedergabe erst, wenn der Block sichtbar ist – und pausiert automatisch beim Scrollen vorbei.
- Intersection Observer für intelligentes Play/Pause
- Eigene Steuerungselemente für maximale Designfreiheit
- Overlay-Unterstützung für Text über Video
- Lazy Loading für schnellste Ladezeiten
HERO TIMELINE
Ihre Geschichte verdient mehr als eine Liste
Präsentieren Sie Meilensteine, Produktentwicklungen oder Unternehmensgeschichte in einem animierten Timeline-Format – mit Jahresnavigation und sanften Scroll-Effekten, die begeistern.
- Elegante Jahresnavigation per Klick oder Scrollen
- Animierte Einblendung beim Scrollen in den Sichtbereich
- Unbegrenzte Einträge konfigurierbar im Admin
- Perfekt für Brand-Storytelling und Markenhistorie
HERO INSTAGRAM FEED
Social Media direkt in Ihren Shop einbetten
Zeigen Sie Ihren Instagram-Feed live auf Ihrer Shopseite – ohne externe Tools, ohne Tracking-Cookies Dritter. Die API-Integration läuft direkt im Backend und erneuert sich automatisch.
- Direkte Instagram API-Integration ohne Drittanbieter
- Automatische Token-Erneuerung im Hintergrund
- Konfigurierbare Anzahl angezeigter Beiträge
- Öffnet Originalposts direkt bei Klick
HERO IMAGE OVERLAY
Bilder, die Botschaften tragen
Legen Sie Text, Badges oder Call-to-Action-Elemente direkt über Ihre Bilder. Der Hero Image Overlay Block verbindet visuellen Impact mit klarer Kommunikation – responsiv und barrierefrei.
- Text, Überschrift und Button frei positionierbar
- Halbtransparente Farbfläche für optimale Lesbarkeit
- Animierter Einblend-Effekt beim Scrollen
- WCAG 2.1 AA konform für maximale Barrierefreiheit
HERO BLOG
Ihr eigener Blog – nativ im Shopware-Backend
Hero Blog bringt eine vollständige Blog-Engine in Shopware: Eigene Entität für Beiträge, Kategorie-basierte Listen, Detail-Seiten und fertige CMS-Blöcke für Artikel-Vorschau und Teaser.
- Eigene DAL-Entität für Blog-Posts im Shopware-Backend
- Listing-Block für Artikel-Übersichten auf Kategorieseiten
- Detail-Block für einzelne Blog-Beiträge
- SEO-optimierte URLs und Meta-Tags inklusive
HERO SHOPPING EXPERIENCE
Produktseiten, die verkaufen
Der Hero Shopping Experience Block erweitert Shopware-Produktdetailseiten um zusätzliche Erlebniswelt-Inhalte. Kombinieren Sie Produktdaten mit Freitext, Medien und Calls-to-Action.
- Nahtlose Integration in Shopware Produktdetailseiten
- Kombiniert Shopware-Produktdaten mit freiem Content
- Volle Kontrolle über Layout und Darstellung
- Kompatibel mit allen Standard-Shopware-Themes
HERO MEGA MENU
Navigation, die Orientierung und Inspiration gibt
Das Hero Mega Menu erweitert die Shopware-Navigation mit vollwertigen Dropdown-Panels – inklusive Produkt-Previews, CMS-Widgets und strukturierten Kategorie-Hierarchien.
- Produkt-Vorschaukarten direkt im Navigations-Dropdown
- CMS-Widgets und Kategorien frei kombinierbar
- Tastaturnavigation und Screenreader-kompatibel
- Vollständig responsiv mit Touch-Support für Tablets
HERO TWO IMAGES
Visuelle Stärke durch kluge Bildkomposition
Zwei Bilder, ein starker Auftritt: Der Hero Two Images Block arrangiert zwei Medien nebeneinander – mit optionalen Overlays, Hover-Effekten und flexibler Proportionierung für maximale visuelle Wirkung.
- Zwei Bilder nebeneinander mit individuellen Overlays
- Hover-Effekte und sanfte Bildübergänge
- Flexible Größenverhältnisse (50/50, 40/60, 30/70)
- Overlay-Text und Links pro Bild konfigurierbar
HERO MOBILE FOOTER CTA
Mobile-Nutzer genau dann abholen, wenn es zählt
Ein fest am unteren Bildschirmrand angedockter Call-to-Action speziell für Smartphones und Tablets. Konfigurierbar mit Aktionstext, Link und Farbe – erscheint nur auf mobilen Geräten.
- Nur auf mobilen Geräten sichtbar, Desktop unberührt
- Text, Link und Hintergrundfarbe frei konfigurierbar
- Docked am unteren Viewport-Rand für maximale Sichtbarkeit
- Schlankes JavaScript, kein Layout-Shift
SMART MAGNIFIER
Produktbilder, die jedes Detail zeigen
Das Smart Magnifier Feature fügt automatisch eine Kreislupe zu Produktbildern hinzu – mit automatischer Zoom-Verstärkung nach 1,5 Sekunden Hover und Unterstützung für 360°-Galerien.
- Kreisförmige Lupe (64px → 96px) ohne Plugin-Konfiguration
- Smart Zoom: Zoom-Faktor steigt automatisch auf 7x
- Skeleton Loader während Bildladezeit
- Unterstützt 360°-Galerien und High-Res-Vorschau
Demo oder Lizenz?
Schreib uns kurz, was du bauen willst. Wir melden uns mit dem passenden naechsten Schritt (Demo, Setup oder Lizenzverlaengerung).
