Naviga

Panoramica

L’interazione Naviga ti permette di definire azioni di navigazione quando gli utenti interagiscono con i componenti, ad esempio cliccando un pulsante. Questa funzione consente il reindirizzamento fluido a diversi tipi di pagina, migliorando il coinvolgimento degli utenti e creando un’esperienza di navigazione uniforme sul tuo sito.

Caratteristiche principali

  • Supporta diversi tipi di riferimento di pagina

  • Azioni di navigazione personalizzabili

  • Migliora il flusso di navigazione del sito

Casi d’uso

  • Pagina prodotto: Reindirizza a una pagina con specifiche dettagliate del prodotto.

  • Pagina di supporto: Naviga verso un articolo di aiuto o un modulo di contatto.

  • Pagina della community: Collega a un profilo membro o a una discussione.

  • Pagina evento: Reindirizza a un modulo di registrazione all’evento.

  • Pagina di destinazione: Guida a una pagina con i dettagli della campagna.

  • Pagina profilo: Naviga verso record di contatto correlati.

Configurazione

Aggiungi l’interazione Naviga a un componente (es. Pulsante) su una pagina di Experience Cloud e configurala tramite la scheda Interazioni in Experience Builder.

Tipi di navigazione disponibili

Questi tipi di riferimento di pagina definiscono dove vengono diretti gli utenti.

Tipo di navigazione
Descrizione
Caso d’uso esempio

Aura - Pagina record esterna

Collega a una pagina record specifica usando il framework Aura.

Visualizza i dettagli di un Contatto.

Aura - Pagina relazione record esterna

Collega a record correlati (es. Contatti di un Account).

Vedi Opportunità per un Account.

Aura - Pagina di accesso

Attiva azioni di accesso o disconnessione.

Accedi per visualizzare contenuti riservati.

Articolo Knowledge

Reindirizza a un articolo Knowledge specifico.

Accedi a un articolo di supporto.

Pagina contenuto gestito

Collega a una pagina di contenuto gestita dal CMS.

Visualizza un articolo di notizie.

Pagina nominata

Reindirizza a una pagina interna di Experience Builder.

Vai a una pagina nominata "Supporto".

Pagina oggetto

Naviga a una vista elenco o a una pagina di nuovo record per un oggetto.

Apri la vista elenco dei Contatti.

Pagina record

Collega alla pagina dei dettagli di un record specifico.

Visualizza un record Account.

Pagina relazione record

Naviga a una lista correlata (es. Opportunità di un Contatto).

Vedi i casi per un Account.

Pagina web

Reindirizza a una pagina web esterna o interna.

Collega a un sito partner.

Buona prassi: Scegli il tipo in base all’obiettivo (es. Pagina record per i record); testa la navigazione in anteprima.

Configurare la navigazione verso una pagina specifica

Per impostare la navigazione verso una pagina o una risorsa specifica, segui questi passaggi in base al tuo caso d’uso:

  1. Aggiungi un componente Pulsante e vai su Interazioni Scheda.

  2. Seleziona Naviga e scegli Pagina nominata.

  3. Nome pagina: Inserisci il nome API della pagina di destinazione (es. Content_Document__c).

  4. Perché? Indirizza gli utenti a una pagina interna (es. una pagina documento di contenuto) definita in Experience Builder.

  1. Seleziona Naviga e scegli Pagina record.

  2. Nome API oggetto: Inserisci l’oggetto (es. Contact).

  3. ID record: Seleziona il campo ID record corretto per il reindirizzamento; di solito è “Record: Id”.

  4. Nome azione: Imposta su Visualizza (predefinito per i dettagli).

  5. Perché? Porta gli utenti alla pagina dei dettagli di un record specifico (es. un record Contatto).

  • Configurazione: Scegli l’ Naviga interazione e seleziona l’ Pagina web opzione.

  • URL di destinazione: Puoi oppure:

    • Selezionare un campo (es. un campo formula sul record che memorizza l’URL) per impostare dinamicamente il target di reindirizzamento.

    • Oppure, scegliere Personalizzato e inserire manualmente un URL esterno (es. https://www.example.com).

  • Perché? Questa opzione reindirizza gli utenti a un sito o risorsa esterna, migliorando la connettività del sito.

  • Risoluzione dei problemi: Se la navigazione non funziona, verifica che l’URL o il valore del campo selezionato sia valido e assicurati che l’utente abbia le autorizzazioni necessarie per accedere al sito di destinazione.

Passaggio di parametri URL con Naviga a pagina nominata

Questa funzione ti permette di inviare dati dinamici (es. un ID record) a una pagina di destinazione, personalizzandone il contenuto in base al contesto utente. È perfetta per creare esperienze personalizzate, come mostrare i dettagli di uno specifico record in una nuova pagina.

1

Configura la pagina di destinazione

Aggiungi un componente come Avonni Record Detail alla pagina di destinazione (es. CustomerDetails). Nel suo attributo "Record ID", usa l’espressione {!Route.recordId} per catturare un parametro URL chiamato recordId.

2

Configura il pulsante

Nella pagina di origine (es. homepage), aggiungi un Avonni Button. Nelle Naviga impostazioni, scegli Pagina nominata e inserisci il nome API (es. CustomerDetails).

3

Aggiungi parametri

  • Nome: Inserisci recordId (corrispondente all’attributo del componente di destinazione).

  • Valore: Seleziona un campo (es. {!Record.Id}) o inserisci un ID record specifico da passare.

4

Perché è utile

Questa funzione ti permette di inviare dati dinamici (es. un ID record) alla pagina di destinazione, personalizzandone il contenuto. Ad esempio, cliccando un pulsante nella homepage puoi portare gli utenti a una pagina CustomerDetails che mostra le informazioni di un Contatto specifico basate sul recordId passato.

5

Analogia

Pensalo come indirizzare una lettera—la Naviga a pagina nominata è la busta e il parametro URL (es. recordId) è l’indirizzo, che indica al sistema dove andare e quali dati portare

6

Risoluzione dei problemi

Se la pagina di destinazione non si carica correttamente, assicurati che il parametro recordId corrisponda all’attributo del componente di destinazione e che l’ID sia valido.

  1. Seleziona Naviga e scegli Articolo Knowledge.

  2. Nome URL: Inserisci l’espressione {{Record.UrlName}} per collegarti dinamicamente all’articolo Knowledge associato al record corrente.

  3. Perché? Indirizza gli utenti a una specifica pagina articolo Knowledge basata sul UrlName campo del record corrente, semplificando l’accesso ai contenuti di supporto.

  4. Suggerimento: L’ {{Record.UrlName}} espressione usa la sintassi LWR per recuperare il nome URL univoco dell’articolo Knowledge (es. da un record correlato). Assicurati che il record abbia un UrlName campo popolato e valido.

  5. Risoluzione dei problemi: Se la navigazione fallisce, verifica che il UrlName campo esista e contenga un segmento URL valido dell’articolo Knowledge (es. article-title); controlla le autorizzazioni utente per accedere all’articolo.


Esempi

Esempio 1: Navigare alla pagina di supporto

Questo esempio aggiunge un pulsante per navigare a una pagina di supporto su un sito Experience Cloud.

  1. Configura il pulsante:

    • Etichetta: "Ottieni supporto"

    • Nome icona: utility:help

    • Variante: neutrale

    • Perché? Crea un pulsante di aiuto per l’assistenza agli utenti.

  2. Imposta il collegamento all’interazione:

    • Naviga:

      • Tipo: Pagina nominata

      • Nome pagina: Customer_Support__c

      • Perché? Reindirizza alla pagina CustomerSupport definita in Experience Builder.

Risultato: Gli utenti cliccano il pulsante su qualsiasi pagina e vengono portati alla pagina di supporto.


Considerazioni chiave

  • Precisione del target: Assicurati che i nomi delle pagine o gli ID corrispondano esattamente.

  • Prestazioni: Mantieni i target di navigazione leggeri.

  • Accessibilità: Testa il focus e il contrasto del pulsante.

  • Sicurezza: Valida gli URL esterni per prevenire problemi.


Risoluzione dei problemi comuni

  • Navigazione non funzionante: Verifica il tipo selezionato e il target (es. corretto Nome pagina o ID record); verifica le autorizzazioni.

  • Pagina non trovata: Assicurati che la pagina nominata o l’oggetto esistano in Experience Builder.

  • ID dinamico non valido: Conferma che la fonte dell’ID record (es. {!Record.Id}) sia valida.

  • Se i problemi persistono: Contatta il nostro team di supporto a [email protected] per assistenza.


Il componente Avonni Navigate arricchisce i siti Experience Cloud con azioni di navigazione personalizzabili. È perfetto per guidare gli utenti verso pagine o risorse

Ultimo aggiornamento

È stato utile?