Naviguer

Aperçu

L'interaction Naviguer vous permet de définir des actions de navigation lorsque les utilisateurs interagissent avec des composants, comme cliquer sur un bouton. Cette fonctionnalité permet une redirection fluide vers différents types de pages, améliorant l'engagement des utilisateurs et offrant une expérience de navigation harmonieuse sur votre site.

Principales fonctionnalités

  • Prend en charge plusieurs types de référence de page

  • Actions de navigation personnalisables

  • Améliore le flux de navigation du site

Cas d'utilisation

  • Page produit : Rediriger vers une page de spécifications détaillées du produit.

  • Page d'assistance : Naviguer vers un article d'aide ou un formulaire de contact.

  • Page communautaire : Lien vers un profil de membre ou un fil de discussion.

  • Page d'événement : Diriger vers un formulaire d'inscription à un événement.

  • Page d'atterrissage : Guider vers une page de détails de campagne.

  • Page de profil : Naviguer vers des enregistrements de contact connexes.

Configuration

Ajoutez l'interaction Naviguer à un composant (par ex., Bouton) sur une page du site Experience Cloud et configurez-la via l'onglet Interactions dans Experience Builder.

Types de navigation disponibles

Ces types de référence de page définissent où les utilisateurs sont dirigés.

Type de navigation
Description
Exemple d'utilisation

Aura - Page d'enregistrement externe

Lie à une page d'enregistrement spécifique en utilisant le framework Aura.

Voir les détails d'un Contact.

Aura - Page de relation d'enregistrement externe

Lie à des enregistrements liés (par ex., Contacts d'un Compte).

Voir les Opportunités pour un Compte.

Aura - Page de connexion

Déclenche des actions de connexion ou de déconnexion.

Se connecter pour accéder à du contenu restreint.

Article Knowledge

Dirige vers un article Knowledge spécifique.

Accéder à un article d'assistance.

Page de contenu géré

Lie à une page de contenu gérée par le CMS.

Consulter un article d'actualité.

Page nommée

Redirige vers une page interne d'Experience Builder.

Aller à une page nommée « Support ».

Page d'objet

Navigue vers une vue de liste ou une page de création d'enregistrement pour un objet.

Ouvrir la vue de liste des Contacts.

Page d'enregistrement

Lie à la page de détail d'un enregistrement spécifique.

Voir un enregistrement de Compte.

Page de relation d'enregistrement

Navigue vers une liste liée (par ex., Opportunités d'un Contact).

Voir les Cas pour un Compte.

Page Web

Redirige vers une page Web externe ou interne.

Lien vers un site partenaire.

Bonne pratique: Choisissez le type en fonction de la cible (par ex., Page d'enregistrement pour les enregistrements) ; testez la navigation en aperçu.

Configurer la navigation vers une page spécifique

Pour configurer la navigation vers une page ou une ressource spécifique, suivez ces étapes en fonction de votre cas d'utilisation :

  1. Ajoutez un composant Bouton et allez dans le Interactions Onglet.

  2. Sélectionnez Naviguer et choisissez Page nommée.

  3. Nom de la page : Saisissez le nom API de la page cible (par ex., Content_Document__c).

  4. Pourquoi ceci ? Dirige les utilisateurs vers une page interne (par ex., une page de document de contenu) définie dans Experience Builder.

  1. Sélectionnez Naviguer et choisissez Page d'enregistrement.

  2. Nom API de l'objet : Saisissez l'objet (par ex., Contact).

  3. ID d'enregistrement : Sélectionnez le champ d'ID d'enregistrement correct pour la redirection ; généralement, il s'agit de «Enregistrement : Id».

  4. Nom de l'action : Définir sur Afficher (par défaut pour les détails).

  5. Pourquoi ceci ? Amène les utilisateurs à la page de détail d'un enregistrement spécifique (par ex., un enregistrement Contact).

  • Configuration : Choisissez l' Naviguer interaction et sélectionnez l' Page Web option.

  • URL cible : Vous pouvez soit :

    • Sélectionner un champ (par ex., un champ de formule sur l'enregistrement qui stocke l'URL) pour définir dynamiquement la cible de redirection.

    • Ou, choisir Personnalisé et saisir manuellement une URL externe (par ex., https://www.example.com).

  • Pourquoi ceci ? Cette option redirige les utilisateurs vers un site ou une ressource externe, améliorant la connectivité du site.

  • Dépannage : Si la navigation ne fonctionne pas, vérifiez que l'URL ou la valeur du champ sélectionné est valide et assurez-vous que l'utilisateur dispose des autorisations nécessaires pour accéder au site cible.

Passer des paramètres d'URL avec Naviguer vers une page nommée

Cette fonctionnalité vous permet d'envoyer des données dynamiques (par ex., un ID d'enregistrement) à une page cible, personnalisant son contenu en fonction du contexte utilisateur. Elle est idéale pour créer des expériences personnalisées, comme afficher les détails d'un enregistrement spécifique sur une nouvelle page.

1

Configurer la page cible

Ajoutez un composant comme Avonni Record Detail à la page cible (par ex., CustomerDetails). Dans son attribut « Record ID », utilisez l'expression {!Route.recordId} pour capturer un paramètre d'URL nommé recordId.

2

Configurer le bouton

Sur la page source (par ex., page d'accueil), ajoutez un Avonni Button. Dans les Naviguer paramètres, choisissez Page nommée et saisissez le nom API (par ex., CustomerDetails).

3

Ajouter des paramètres

  • Nom : Saisissez recordId (correspondant à l'attribut du composant cible).

  • Valeur : Sélectionnez un champ (par ex., {!Record.Id}) ou saisissez un ID d'enregistrement spécifique à transmettre.

4

Pourquoi c'est utile

Cette fonctionnalité vous permet d'envoyer des données dynamiques (par ex., un ID d'enregistrement) à la page cible, personnalisant son contenu. Par exemple, cliquer sur un bouton sur la page d'accueil peut amener les utilisateurs à une page CustomerDetails affichant les informations d'un Contact spécifique en fonction du recordId transmis.

5

Analogie

Pensez-y comme à l'adresse d'une lettre — Naviguer vers une page nommée est l'enveloppe, et le paramètre d'URL (par ex., recordId) est l'adresse, indiquant au système où aller et quelles données apporter

6

Dépannage

Si la page cible ne se charge pas correctement, assurez-vous que le paramètre recordId correspond à l'attribut du composant cible et que l'ID est valide.

Naviguer vers un article Knowledge

  1. Sélectionnez Naviguer et choisissez Article Knowledge.

  2. Nom d'URL : Saisissez l'expression {{Record.UrlName}} pour lier dynamiquement à l'article Knowledge associé à l'enregistrement en cours.

  3. Pourquoi ceci ? Dirige les utilisateurs vers une page d'article Knowledge spécifique en fonction du UrlName du champ de l'enregistrement en cours, simplifiant l'accès au contenu d'assistance.

  4. Conseil : L' {{Record.UrlName}} expression utilise la syntaxe LWR pour extraire le nom d'URL unique de l'article Knowledge (par ex., à partir d'un enregistrement lié). Assurez-vous que l'enregistrement a un champ UrlName rempli et valide.

  5. Dépannage : Si la navigation échoue, vérifiez que le champ UrlName existe et contient un segment d'URL d'article Knowledge valide (par ex., article-title) ; vérifiez les autorisations utilisateur pour accéder à l'article.


Exemples

Exemple 1 : Naviguer vers la page d'assistance

Cet exemple ajoute un bouton pour naviguer vers une page d'assistance sur un site Experience Cloud.

  1. Configurer le bouton :

    • Libellé : "Obtenir de l'aide"

    • Nom de l'icône : utility:help

    • Variant : neutre

    • Pourquoi ceci ? Crée un bouton d'aide pour l'assistance utilisateur.

  2. Définir le lien sur Interaction :

    • Naviguer :

      • Type : Page nommée

      • Nom de la page : Customer_Support__c

      • Pourquoi ceci ? Redirige vers la page CustomerSupport définie dans Experience Builder.

Résultat : Les utilisateurs cliquent sur le bouton depuis n'importe quelle page et sont dirigés vers la page d'assistance.


Considérations clés

  • Précision de la cible : Assurez-vous que les noms ou ID de page correspondent exactement.

  • Performances : Gardez les cibles de navigation légères.

  • Accessibilité : Testez le focus et le contraste des boutons.

  • Sécurité : Validez les URL externes pour éviter des problèmes.


Dépannage des problèmes courants

  • Navigation ne fonctionne pas : Vérifiez le type et la cible sélectionnés (par ex., Nom de page ou ID d'enregistrement correct) ; vérifiez les autorisations.

  • Page introuvable : Assurez-vous que la page nommée ou l'objet existe dans Experience Builder.

  • L'ID dynamique échoue : Confirmez que la source de l'ID d'enregistrement (par ex., {!Record.Id}) est valide.

  • Si les problèmes persistent : Contactez notre équipe d'assistance à [email protected] pour obtenir de l'aide.


Résumé

Le composant Avonni Navigate améliore les sites Experience Cloud avec des actions de navigation personnalisables. Il est idéal pour guider les utilisateurs vers des pages ou des ressources

Mis à jour

Ce contenu vous a-t-il été utile ?