Navigieren

Überblick

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 reibungsloses Navigationserlebnis auf Ihrer Website.

Hauptfunktionen

• Unterstützt mehrere Seitenreferenztypen

• Anpassbare Navigationsaktionen

• Verbessert den Navigationsfluss der Seite

Anwendungsfälle

• Produktseite: Weiterleitung zu einer ausführlichen Produktdetailseite.

• Supportseite: Navigation zu einem Hilfsartikel oder Kontaktformular.

• Community-Seite: Verlinkung zu einem Mitgliederprofil oder Diskussionsbeitrag.

• Veranstaltungsseite: Weiterleitung zu einem Registrierungsformular für Veranstaltungen.

• Landingpage: Weiterleitung zu einer Kampagnendetailseite.

• Profilseite: Navigation zu verwandten Kontaktaufzeichnungen.

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 Seitenreferenztypen geben an, wohin Benutzer geleitet werden.

Navigationstyp	Beschreibung	Beispielanwendungsfall
Aura - Externe Datensatzseite	Verlinkt zu einer bestimmten Datensatzseite unter Verwendung des Aura-Frameworks.	Anzeigen der Details eines Kontakts.
Aura - Externe Seite für Datensatzbeziehungen	Verlinkt zu verwandten Datensätzen (z. B. Kontakte eines Accounts).	Anzeigen der Opportunities für einen Account.
Aura - Anmeldeseite	Löst Login- oder Logout-Aktionen aus.	Einloggen, um auf eingeschränkte Inhalte zuzugreifen.
Knowledge-Artikel	Leitet zu einem bestimmten Knowledge-Artikel weiter.	Aufrufen eines Support-Artikels.
Managed Content-Seite	Verlinkt zu einer von einem CMS verwalteten Inhaltsseite.	Anzeigen eines Nachrichtenartikels.
Benannte Seite	Leitet zu einer internen Experience Builder-Seite weiter.	Gehe zu einer benannten Seite „Support“.
Objektseite	Navigiert zu einer Listenansicht oder einer Seite zur Erstellung eines neuen Datensatzes für ein Objekt.	Öffnen der Kontaktlistenansicht.
Datensatzseite	Verlinkt zur Detailseite eines bestimmten Datensatzes.	Anzeigen eines Account-Datensatzes.
Seite für Datensatzbeziehungen	Navigiert zu einer zugehörigen Liste (z. B. Opportunities eines Kontakts).	Anzeigen von Fällen für einen Account.
Webseite	Leitet auf eine externe oder interne Webseite weiter.	Verlinkung zu einer Partnerseite.

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

Konfigurieren der Navigation zu einer bestimmten Seite

Um die Navigation zu einer bestimmten Seite oder Ressource einzurichten, befolgen Sie diese Schritte basierend auf Ihrem Anwendungsfall:

Zu einer benannten Seite navigieren

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 Inhaltsdokumentseite) weiter, die im Experience Builder definiert ist.

Zu einer Datensatzseite navigieren

Verwenden Sie diese Option, wenn eine Schaltfläche oder Komponente die Detailseite eines bestimmten Datensatzes in Ihrer Experience Cloud-Site öffnen soll

Konfigurationsschritte

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 richtige Datensatz-ID-Feld für die Weiterleitung; normalerweise ist es „Datensatz: Id“.

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

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

Wichtig

Um sicherzustellen, dass die Navigation zu einer Datensatzseite korrekt funktioniert, erstellen Sie zuerst die Objektseite auf Ihrer Experience-Site, auf der die Navigate-Interaktion landen soll. Wenn diese Seite nicht existiert, funktioniert die „Navigate to Record Page“-Interaktion nicht.

Zu einer externen Webseite navigieren

Verwenden Sie diese Option, wenn eine Schaltfläche oder Komponente eine externe Seite oder eine andere Webressource öffnen soll, wie z. B. Ihre Hauptwebsite, ein Partnerportal oder eine Dokumentationsseite

Konfigurationsschritte

1. Wählen Sie die Navigate Interaktion und wählen Sie die Webseite Option.

2. Ziel-URL: Sie können entweder:

   • Ein Feld auswählen (z. B. ein Formel-Feld im Datensatz, das die URL speichert), um das Weiterleitungsziel dynamisch festzulegen.

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

3. Warum das? Diese Option leitet Benutzer zu einer externen Website oder Ressource weiter und verbessert die Konnektivität der Seite.

4. 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 erforderlichen Berechtigungen hat, um die Zielseite zu erreichen.

Ü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 auf Basis des Benutzerkontexts anzupassen. Sie ist ideal, um personalisierte Erlebnisse zu schaffen, 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. Startseite) 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 (übereinstimmend mit dem Attribut der Zielkomponente).

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

4

Warum ist das nützlich

Diese Funktion ermöglicht es Ihnen, dynamische Daten (z. B. eine Datensatz-ID) an die Zielseite zu senden und deren Inhalt anzupassen. Beispielsweise kann ein Klick auf eine 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—die 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 mitbringen soll

6

Fehlerbehebung

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

Zu einem Knowledge-Artikel navigieren

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

2. Url-Name: Geben Sie den Ausdruck ein {{Record.UrlName}} um dynamisch zum 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 erleichtert den Zugang zu Support-Inhalten.

4. Tipp: Der {{Record.UrlName}} Ausdruck verwendet die LWR-Syntax, um den eindeutigen URL-Namen des Knowledge-Artikels zu ziehen (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, überprüfen Sie, ob das UrlName Feld existiert und einen gültigen Knowledge-Artikel-URL-Teil enthält (z. B. artikel-titel); prüfen Sie die Benutzerberechtigungen zum Zugriff auf den Artikel.

---

Beispiele

Beispiel 1: Zur Support-Seite navigieren

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 Hilfsschaltfläche zur Unterstützung der Benutzer.

2. Link zur Interaktion setzen:

   • Navigate:

     • Typ: Benannte Seite

     • Seitenname: Customer_Support__c

     • Warum das? Leitet zur CustomerSupport-Seite weiter, die im Experience Builder definiert ist.

Ergebnis: Benutzer klicken auf die Schaltfläche auf jeder Seite und gelangen zur Support-Seite.

---

Wichtige Überlegungen

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

• Leistung: Halten Sie Navigationsziele leichtgewichtig.

• Barrierefreiheit: Testen Sie den Fokus und den Kontrast von Schaltflächen.

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

---

Fehlerbehebung bei häufigen Problemen

• Navigation funktioniert nicht: Überprüfen Sie den ausgewählten Typ und das Ziel (z. B. korrekter Seitenname oder Datensatz-ID); überprüfen Sie die 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] zur Unterstützung.

---

Zusammenfassung

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