Benutzerdefinierte Shop-Navigation konfigurieren

Availability
Beta

Verwenden Sie eine benutzerdefinierte Shop-Navigation, wenn die Standard-Shop-Seiten für die Customer Journey nicht ausreichen. Sie können Links zu Shop-Seiten, Kampagnenseiten, rechtlichen Hinweisen, Partner-Websites oder anderen kundenorientierten Ressourcen hinzufügen.

Benutzerdefinierte Navigationselemente werden nach den integrierten Links zur Shop-Seite in der Kopfzeile der Desktop-Ansicht, im Menü der mobilen Ansicht und im Überlaufmenü angezeigt.

Bevor Sie beginnen

Sie benötigen Backoffice-Zugriff auf Shops sowie die Berechtigung, den Page Builder des Shops zu bearbeiten.

Bestätigen Sie:

  • welche Seiten oder externen URLs Kunden über die Kopfzeile aufrufen können
  • Welche Bezeichnung soll in der jeweiligen Shop-Sprache angezeigt werden?
  • ob der Link als einzelner Menüpunkt oder als Teil eines Dropdown-Menüs angezeigt werden soll
  • ob es sich bei der Zielseite um eine Shop-Seite oder eine externe URL handelt

Benutzerdefinierte Navigationselemente öffnen

  1. Öffnen Sie im Backoffice den Bereich Shops.
  2. Wählen Sie das Geschäft aus.
  3. Öffnen Sie den Page Builder.
  4. Öffnen Sie Navigation.
  5. Suchen Sie nach benutzerdefinierten Navigationselementen.
  1. Wählen Sie Artikel hinzufügen.
  2. Behalten Sie die Einstellung Einzelverlinkung bei.
  3. Geben Sie das Etikett für den Kunden ein.
  4. Wählen Sie den Linktyp aus.
  5. Wählen Sie für eine interne Seite die Shop-Seite aus.
  6. Geben Sie bei einer externen oder relativen URL die URL ein.
  7. Speichern Sie die Navigationseinstellungen.

Externe URLs werden in einem neuen Browser-Tab geöffnet. Relative URLs und interne Links innerhalb des Shops sorgen dafür, dass die Kunden im selben Shop bleiben.

Ein Dropdown-Menü hinzufügen

Verwenden Sie ein Dropdown-Menü, wenn mehrere miteinander verbundene Links unter einer gemeinsamen Überschrift der obersten Ebene zusammengefasst werden sollen.

  1. Wählen Sie Artikel hinzufügen.
  2. Ändern Sie den Elementtyp in Dropdown.
  3. Geben Sie die Bezeichnung für das Dropdown-Menü ein.
  4. Untergeordnete Links hinzufügen.
  5. Wählen Sie das Ziel jedes untergeordneten Links aus.
  6. Speichern Sie die Navigationseinstellungen.

Dropdown-Menüs unterstützen eine Ebene von untergeordneten Links. Verwenden Sie ein Dropdown-Menü nicht als untergeordnetes Element eines anderen Dropdown-Menüs.

Artikel neu anordnen oder entfernen

Ziehen Sie Elemente in der benutzerdefinierten Navigationsliste, um deren Reihenfolge zu ändern. Sie können auch die Verschiebungssteuerelemente verwenden, wenn das Ziehen nicht praktikabel ist.

Entfernen Sie ein benutzerdefiniertes Element, wenn es nicht mehr in der Kopfzeile des Shops oder im mobilen Menü angezeigt werden soll. Durch das Entfernen eines Navigationselements wird die Zielseite nicht gelöscht.

Grenzen

Jeder Shop kann bis zu 20 benutzerdefinierte Navigationselemente der obersten Ebene enthalten. Jedes Dropdown-Menü kann bis zu 15 Unterlinks enthalten.

Halten Sie die Kopfzeile kurz genug, damit sie auf dem Desktop überflogen werden kann. Bei einer langen Navigation wird automatisch das Überlaufmenü verwendet, doch die Kunden sollten dennoch die wichtigsten Ziele zuerst sehen.

Schauen Sie im Shop vorbei

Nach dem Speichern:

  1. Öffnen Sie den Online-Shop auf Ihrem Desktop.
  2. Bitte überprüfen Sie, ob die Links hinter den Standard-Seitenlinks erscheinen.
  3. Öffnen Sie ein beliebiges Dropdown-Menü und überprüfen Sie jeden Unterlink.
  4. Öffnen Sie den Shop auf einem Bildschirm im Mobilformat.
  5. Bitte stellen Sie sicher, dass dieselben benutzerdefinierten Elemente auch im mobilen Menü angezeigt werden.

Fehlerbehebung

ProblemWas Sie überprüfen sollten
Ein Link wird nicht angezeigtDie Navigationseinstellungen wurden gespeichert, der Eintrag verfügt über eine Bezeichnung, und die Shop-Seite ist weiterhin aktiv.
Ein Seitenlink öffnet die falsche SeiteDie im benutzerdefinierten Element ausgewählte interne Shop-Seite.
Eine externe URL wird nicht akzeptiertGeben Sie eine vollständige URL an, z. B. `https://example.com`, oder verwenden Sie einen relativen Pfad, der mit `/` beginnt.
Ein Dropdown-Menü kann nicht gespeichert werdenDas Dropdown-Menü enthält mindestens einen gültigen Unterlink und überschreitet die maximale Anzahl an Unterlinks nicht.

Verwandte Artikel

Bereit loszulegen?

Buchen Sie eine kostenlose Demo oder kontaktieren Sie uns — wir freuen uns auf Sie.