UX in Shopware-6-Erlebniswelten. Was zuerst sichtbar ist und wo der Kontakt sitzt
Themes und Schriften ändern den Look. Ob jemand klickt, hängt daran, was ohne Scrollen da ist und ob Telefon und E-Mail erreichbar sind, bevor der Footer kommt. Shopware-Erlebniswelten steuern beides, wenn Hero, Headline und der erste Button zusammenpassen.
Above the Fold in der Erlebniswelt
Above the Fold ist der Bereich ohne Scrollen. In einer Shopware-Erlebniswelt gehören Hero mit Headline und der primäre Button dorthin. Weitere Blöcke davor schieben den CTA auf dem Smartphone aus dem ersten Blick.
Ob der Button oben mehr Klicks holt, sehen Sie in den Shopware-Analytics oder in einem eigenen Event auf genau diesem Element. Eine pauschale Klicksteigerung ohne Messung gehört nicht in die Planung.
- Ein primärer CTA pro Erlebniswelt, kontrastreich gegen den Hero
- Den konkreten Nutzen in der Headline, nicht erst im Fließtext darunter
- Viewport Smartphone zuerst. Der sichtbare Streifen ist dort kürzer als am Desktop
Button-Text als Handlung, nicht als Kategorie
„Kontakt“ beschreibt eine Seite. „Hier Kontakt aufnehmen“ beschreibt den Klick. In der Erlebniswelt setzen Sie das als Button-Label, nicht als Textlink im Fließtext. Ob die Formulierung bei Ihnen mehr Klicks bringt, zeigt nur ein A/B auf derselben Seite.
„Kontakt“ ist das Nomen im Footer. „Hier Kontakt aufnehmen“ steht auf dem Button im Hero. Den Unterschied merken Sie, wenn der Footer auf einer langen Erlebniswelt erst nach mehreren Screens kommt.
Formulierungen in der Erlebniswelt
- Unklar: Kontakt, Mehr erfahren
- Konkret: Hier Kontakt aufnehmen, Jetzt Angebot anfordern
| Element | Sichtbar ohne Scroll |
|---|---|
| Hero + Headline | Ja |
| Primärer CTA „Hier Kontakt aufnehmen“ | Ja |
| Footer-Link „Kontakt“ | Nein |
Footer-Link reicht auf langen Erlebniswelten nicht
Der Kontaktlink im Footer ist Standard. Auf einer langen Shopware-Erlebniswelt liegt er mehrere Screens unter dem Hero. Kunden, die im Funnel unsicher werden, scrollen dafür oft nicht zu Ende.
Ein schwebender Button bleibt im Viewport. Telefon und E-Mail pflegen Sie im Kontakt-Widget über Shopware-Textbausteine, nicht im Theme. Ein Update überschreibt die Nummer deshalb nicht.
Was das Widget in der Storefront macht
- Bleibt auf Erlebniswelt und Produktseite im Sichtfeld
- Farbe und Form stellen Sie in der Administration ein
- Inhalte kommen aus Textbausteinen. Eine Nummer-Änderung gilt shopweit
Telefon über Textbaustein, nicht nur im Footer
Das Kontakt-Widget ergänzt die Erlebniswelt um einen Button, der sich nicht mit dem Hero-CTA um denselben Klick streitet. Testen Sie es im Probemonat auf einer langen Landingpage.
Kontakt-Widget ansehen Kontakt-Widget für Shopware 6 im Store ansehenWeitere Artikel: Guide gegen Warenkorbabbrüche · Backend-Usability · Plugin: Floating Widget