Shopware 6: Individuelle 404-Fehlerseite erstellen

Wozu benötige ich eine 404-Seite?

404-Fehlerseiten – von außen betrachtet ein Ärgernis, doch vermeiden lassen sie sich nicht. Sie fangen den Besucher auf, wenn eine von ihm aufgerufene Seite nicht (mehr) erreichbar ist. Da reicht ein Tippfehler in der URL oder ein Klick auf einen mittlerweile deaktivierten Link aus einem älteren Newsletter, oder ein „toter“ Link aus einer ungepflegten Mail-Signatur.

Um Besucher dennoch in Ihrem Shopware 6 Onlineshop zu halten und Ihnen ein gutes Nutzererlebnis zu bieten, ist es umso wichtiger, dass Sie eine ansprechende 404-Fehlerseite erstellen. Die Gestaltung einer 404-Seite kann je nach Shop individuell sein, Sie können dabei ganz kreativ sein und der 404-Seite einen ganz eigenen Charakter verleihen. Seit Shopware 6 ist die Erstellung einer individuellen Fehlerseite durch die Erlebniswelten nun auch möglich.

Auf dieser Seite führen wir Sie durch die einzelnen Schritte zu Ihrer individuell gestalteten 404-Fehlerseite.

Wie erstelle ich eine individuelle Shopware 6 404-Fehlerseite?

Shopware 6 selbst verfügt bereits über eine Standard-404-Fehlerseite. Egal, wie unverwechselbar ein Web-Design ist – oft erkennt man an der 404-Fehlerseite, dass es sich um ein Shopware 6 Onlineshop handelt. 

Das Design ist zwar für eine Fehlerseite schon recht nett, allerdings stellt die Standard-404-Fehlerseite sich eben unverkennbar als das dar, was sie ist:

Eine Fehlerseite.

404-Seite in Shopware 6

Möchten Sie Ihrem individuellen Shopdesign treu bleiben und den einzigartigen Wiedererkennungswert Ihres Shops wahren, empfiehlt es sich, auch eine einzigartige 404-Fehlerseite zu gestalten. Bringen Sie Ihre persönliche Note des eigenen Shops in jede Nische ein – sei es eben eine fehlerhafte Seite, auf die der Besucher durch ein Versehen tritt.

Shopware 6 ermöglicht es Ihnen diese Fehlerseite in jeder Art und Weise zu gestalten, wie Sie sie brauchen. Um die 404 Fehlerseite in Shopware 6 selbst zu erstellen, braucht es nur ein paar Schritte:

Schritt 1: Erstellen Sie Ihr eigenes Layout für die 404-Fehlerseite

Zuerst benötigen Sie ein Layout für die Seite, die Sie bei einem 404-Fehler erscheinen lassen wollen. Dieses Layout wird, so wie bisher bekannt, in den Erlebniswelten erstellt.

1. Rufen Sie in Ihrer Shopware 6 Administration die Erlebniswelten auf unter Inhalte -> Erlebniswelten.

Anzeige des Reiters Inhalte mit Vorhebung der Option "Erlebniswelten"

2. Erstellen Sie ein neues Layout unter „Neues Layout anlegen“.

Hervorhebung der EInstellung "Neues layout anlegen" in den Erlebniswelten

3. Wählen Sie aus, dass Sie eine Shopseite gestalten möchten – dies ist wichtig, um später dieses Layout als 404-Seite einzustellen!

Hervorhebung AUswahl SHopseite

4. Gestalten Sie nun Ihre 404-Fehlerseite nach Ihren Wünschen.

Der Umfang des Layouts ist nicht vorgegeben. Sie können die Seite genauso unbegrenzt individuell gestalten wie die anderen Seiten Ihres Shops. Beachten Sie allerdings, dass es sich hier nach wie vor um eine Fehlerseite handelt, weshalb sie beispielsweise nicht die Charakteristik einer zweiten Startseite annehmen sollte. In diesem Sinne: weniger ist mehr.

Wir empfehlen, folgende Komponenten in das Layout einzubauen:

  • Bezeichnung des 404-Fehlers
    Beispiel:
    • „404 – Seite nicht gefunden“
  • Mögliche Gründe, wieso der Fehler auftaucht
    Beispiele:
    • „Die Seite wurde möglicherweise verschoben oder gelöscht“
    • „Das Angebot scheint nicht mehr verfügbar zu sein“
  • Bild/Grafik, welche/s zur Kategorie Ihres Shops passt
  • Interaktionsmöglichkeit (sogenannte „Call-to-Action“)
    Beispiele:
    • Suchfeld
    • Button „Zurück zur Startseite“
    • Bestseller-Artikel

Beispiele für weitere Inhalte, die Sie auf Ihrer 404-Fehlerseite einbringen können:

  • Mini-Spiele
  • Humorvolle Sprüche & Witze
  • Produkt-Slider
  • Links zu Kategorien
  • Teaser
  • Formulare

Schritt 2: Die Seite als 404-Fehlerseite einstellen

Nachdem das Layout zu Ihrer Zufriedenheit abgeschlossen und gespeichert wurde, stellen Sie dieses als 404-Seite für Ihren Shop ein.

Nach dem Speichern sollte Ihr Layout nun bei 404-Fehlern sichtbar sein. Sollte dies nicht der Fall sein wurde entweder Ihre Einstellung im Layout direkt oder der Zuweisung nicht gespeichert. Gegebenenfalls könnte aber auch eine Erweiterung die Probleme verursachen. Nehmen Sie bei Fragen gern Kontakt mit uns auf.

1. Wechseln Sie in der Sidebar in den dem Reiter „Einstellungen“ und klicken Sie auf „Stammdaten“. 

Auffinden von Stammdaten unter dem Reiter "Einstelungen"

2. Scrollen Sie zum Bereich der „Shopseiten“. Dort finden Sie die Option „Shopseiten-Layout für 404-Seiten“.

Reiter Shopseite unter "Stammdaten"

3. Wählen Sie im Dropdown-Menü das eben erstellte Layout für Ihre 404-Seite aus.

Auswahl der erstellen Layouts für die 404-Seite

4. Prüfen Sie, ob die 404-Seite korrekt angezeigt wird, indem Sie eine nicht existierende Seite in Ihren Shop im Frontend aufrufen. Geben Sie beispielsweise im URL Feld hinter Ihre Shop-URL „/abcde“ ein – diese Seite wird es vermutlich nicht in Ihrem Shop geben!

404-Fehlerseiten können also mehr sein, als nur kleine Hinweise über falsche Eingaben und verschwundenen Seiten. Richtig gestaltet verursachen sie keinen Ärger, sondern bestärken ein gutes Nutzererlebnis. Hier sind Ihnen keine kreativen und künstlerischen Grenzen gesetzt!

Beispiele für gut gestaltete 404-Fehlerseiten in Shopware 6 Onlineshops

Ich benutze noch Shopware 5. Kann ich trotzdem eine 404-Seite erstellen?

Sie setzen noch auf Shopware 5 und wollen trotzdem eine individuelle 404-Fehlerseite erstellen?

Mit unserer Shopware App „404-Status/Fehlerseite“ haben wir eine Lösung für Shopware 5-Systeme entwickelt.

Wichtiger Hinweis: Die Mietversion dieser App für Shopware 5 kann bis August 2024 gebucht werden.
Support aus gültigen Kauf-Subscriptions werden selbstverständlich vertragsgemäß erfüllt, längstens bis Dezember 2024.

Bitte beachten Sie, dass Shopware 5 nur noch bis Ende Juli 2024 sicherheitsrelevante Updates erhält.
Wir empfehlen daher eine Migration auf Shopware 6, bei der wir Sie gern beraten und betreuen.
Mehr Informationen über die Shopware Migration erhalten Sie hier: