Navigieren

Übersicht

Die Navigate-Interaktion ermöglicht es Ihnen, Navigationsaktionen zu definieren, wenn Benutzer mit Komponenten interagieren, z. B. beim Klicken auf eine Schaltfläche. Diese Funktion erlaubt nahtlose Weiterleitungen zu verschiedenen Seitentypen, erhöht die Benutzerbindung und schafft ein flüssiges Browse-Erlebnis auf Ihrer Website.

Hauptmerkmale

• Unterstützt mehrere Seitentyp-Referenzen

• Anpassbare Navigationsaktionen

• Verbessert den Navigationsfluss der Website

Anwendungsfälle

• Produktseite: Weiterleitung zu einer detaillierten Produktspezifikationsseite.

• Supportseite: Navigation zu einem Hilfsartikel oder Kontaktformular.

• Community-Seite: Verlinkung zu einem Mitgliederprofil oder einem Diskussions-Thread.

• Eventseite: Weiterleitung zu einem Veranstaltungsanmeldeformular.

• Landingpage: Leitet zu einer Kampagnendetailseite.

• Profilseite: Navigation zu verwandten Kontaktdatensätzen.

Konfiguration

Fügen Sie die Navigate-Interaktion einer Komponente (z. B. Schaltfläche) auf einer Experience Cloud-Seite hinzu und konfigurieren Sie sie über den Interactions-Tab im Experience Builder.

Verfügbare Navigationstypen

Diese Seitentypen legen fest, wohin Benutzer weitergeleitet werden.

Beste Vorgehensweise: Wählen Sie den Typ basierend auf dem Ziel (z. B. Record Page für Datensätze); testen Sie die Navigation in der Vorschau.

Konfiguration der Navigation zu einer bestimmten Seite

Um die Navigation zu einer bestimmten Seite oder Ressource einzurichten, folgen Sie diesen Schritten basierend auf Ihrem Anwendungsfall:

Navigation zu einer benannten Seite

1. Fügen Sie eine Button-Komponente hinzu und gehen Sie zum Interaktionen Tab.

2. Wählen Sie Navigate und wählen Sie Benannte Seite.

3. Seitenname: Geben Sie den API-Namen der Zielseite ein (z. B. Content_Document__c).

4. Warum das? Leitet Benutzer zu einer internen Seite (z. B. einer Content-Dokument-Seite) weiter, die im Experience Builder definiert ist.

Navigation zu einer Datensatzseite

1. Wählen Sie Navigate und wählen Sie Datensatzseite.

2. Objekt-API-Name: Geben Sie das Objekt ein (z. B. Contact).

3. Datensatz-ID: Wählen Sie das korrekte Datensatz-ID-Feld für die Weiterleitung; üblicherweise ist es „Record: Id“.

4. Aktionsname: Auf View setzen (Standard für Details).

5. Warum das? Bringt Benutzer zur Detailseite eines bestimmten Datensatzes (z. B. ein Kontakt-Datensatz).

Navigation zu einer externen Webseite

• Einrichtung: Wählen Sie die Navigate Interaktion und wählen Sie die Webseite Option.

• Ziel-URL: Sie können entweder:

  • Wählen Sie ein Feld (z. B. ein Formel-Feld im Datensatz, das die URL speichert), um das Weiterleitungsziel dynamisch zu setzen.

  • Oder wählen Sie Benutzerdefiniert und geben Sie manuell eine externe URL ein (z. B. https://www.example.com).

• Warum das? Diese Option leitet Benutzer zu einer externen Website oder Ressource weiter und verbessert die Vernetzung der Seite.

• Fehlerbehebung: Wenn die Navigation nicht funktioniert, prüfen Sie, ob die URL oder der ausgewählte Feldwert gültig ist, und stellen Sie sicher, dass der Benutzer die notwendigen Berechtigungen zum Zugriff auf die Zielseite hat.

Übergeben von URL-Parametern mit Navigate to Named Page

Diese Funktion ermöglicht es Ihnen, dynamische Daten (z. B. eine Datensatz-ID) an eine Zielseite zu senden und deren Inhalt basierend auf dem Benutzerkontext anzupassen. Sie eignet sich hervorragend, um personalisierte Erlebnisse zu schaffen, wie z. B. das Anzeigen bestimmter Datensatzdetails auf einer neuen Seite.

1

Zielseite einrichten

Fügen Sie der Zielseite eine Komponente wie Avonni Record Detail hinzu (z. B. CustomerDetails). Verwenden Sie in ihrem Attribut "Record ID" den Ausdruck {!Route.recordId}, um einen URL-Parameter mit dem Namen recordId zu erfassen.

2

Schaltfläche einrichten

Fügen Sie auf der Quellseite (z. B. Homepage) einen Avonni-Button hinzu. Wählen Sie in den Navigate Einstellungen die Option Benannte Seite und geben Sie den API-Namen ein (z. B. CustomerDetails).

3

Parameter hinzufügen

• Name: Geben Sie recordId ein (entsprechend dem Attribut der Zielkomponente).

• Wert: Wählen Sie ein Feld (z. B. {!Record.Id}) oder geben Sie eine bestimmte Datensatz-ID ein, die übergeben werden soll.

4

Warum das nützlich ist

Diese Funktion ermöglicht es Ihnen, dynamische Daten (z. B. eine Datensatz-ID) an die Zielseite zu senden und deren Inhalt anzupassen. Zum Beispiel kann das Klicken einer Schaltfläche auf der Startseite Benutzer zu einer CustomerDetails-Seite führen, die die Informationen eines bestimmten Kontakts basierend auf der übergebenen recordId anzeigt.

5

Analogie

Stellen Sie sich das wie das Adressieren eines Briefes vor—Navigate to Named Page ist der Umschlag und der URL-Parameter (z. B. recordId) ist die Adresse, die dem System sagt, wohin es gehen und welche Daten es bringen soll

6

Fehlerbehebung

Wenn die Zielseite nicht korrekt geladen wird, stellen Sie sicher, dass der recordId-Parameter mit dem Attribut der Zielkomponente übereinstimmt und die ID gültig ist.

Navigation zu einem Knowledge-Artikel

1. Wählen Sie Navigate und wählen Sie Knowledge-Artikel.

2. Url-Name: Geben Sie den Ausdruck ein {{Record.UrlName}} um dynamisch auf den Knowledge-Artikel zu verlinken, der mit dem aktuellen Datensatz verknüpft ist.

3. Warum das? Leitet Benutzer basierend auf dem UrlName Feld des aktuellen Datensatzes zu einer bestimmten Knowledge-Artikel-Seite weiter und vereinfacht so den Zugriff auf Supportinhalte.

4. Tipp: Der {{Record.UrlName}} Ausdruck verwendet die LWR-Syntax, um den eindeutigen URL-Namen des Knowledge-Artikels abzurufen (z. B. aus einem verwandten Datensatz). Stellen Sie sicher, dass der Datensatz ein gültiges UrlName Feld enthält.

5. Fehlerbehebung: Wenn die Navigation fehlschlägt, prüfen Sie, ob das UrlName Feld existiert und einen gültigen Knowledge-Artikel-URL-Teil enthält (z. B. article-title); überprüfen Sie die Benutzerberechtigungen für den Zugriff auf den Artikel.

Beispiele

Beispiel 1: Navigation zur Support-Seite

Dieses Beispiel fügt eine Schaltfläche hinzu, um zu einer Support-Seite auf einer Experience Cloud-Site zu navigieren.

1. Schaltfläche konfigurieren:

   • Beschriftung: "Support erhalten"

   • Symbolname: utility:help

   • Variante: neutral

   • Warum das? Erstellt eine Hilfeschaltfläche zur Benutzerunterstützung.

2. Link zur Interaktion setzen:

   • Navigate:

     • Typ: Benannte Seite

     • Seitenname: Customer_Support__c

     • Warum das? Leitet zur in Experience Builder definierten CustomerSupport-Seite weiter.

Ergebnis: Benutzer klicken auf die Schaltfläche auf einer beliebigen Seite und werden zur Support-Seite geleitet.

Wichtige Überlegungen

• Zielgenauigkeit: Stellen Sie sicher, dass Seitennamen oder IDs genau übereinstimmen.

• Leistung: Halten Sie Navigationsziele leichtgewichtig.

• Barrierefreiheit: Testen Sie Fokus und Kontrast der Schaltfläche.

• Sicherheit: Validieren Sie externe URLs, um Probleme zu vermeiden.

Häufige Fehlerbehebung

• Navigation funktioniert nicht: Überprüfen Sie den ausgewählten Typ und das Ziel (z. B. korrekter Seitenname oder Datensatz-ID); verifizieren Sie Berechtigungen.

• Seite nicht gefunden: Stellen Sie sicher, dass die benannte Seite oder das Objekt im Experience Builder existiert.

• Dynamische ID schlägt fehl: Bestätigen Sie, dass die Quelle der Datensatz-ID (z. B. {!Record.Id}) gültig ist.

• Wenn Probleme weiterhin bestehen: Kontaktieren Sie unser Support-Team unter [email protected] für Unterstützung.

Zusammenfassung

Die Avonni Navigate-Komponente erweitert Experience Cloud-Sites um anpassbare Navigationsaktionen. Sie ist ideal, um Benutzer zu Seiten oder Ressourcen zu führen