Creare la pagina Lightning iniziale di un'app

Obiettivi di apprendimento

Al completamento di questa unità, sarai in grado di:

• Aggiungere componenti a una pagina Lightning
  
• Configurare le proprietà di una pagina Lightning e di un componente Lightning
  
• Aggiungere azioni a una pagina Lightning
  
• Aggiungere una pagina Lightning a Lightning Experience e all'app mobile
  

Nota

Stai seguendo la formazione in italiano? Inizia la sfida in un Trailhead Playground in italiano e utilizza le traduzioni fornite tra parentesi per la navigazione. Per quanto riguarda i valori da inserire, copia e incolla solo quelli in lingua inglese, perché la convalida della sfida è basata sul fatto che i dati siano in inglese. Se non superi la sfida nella tua organizzazione italiana, ti consigliamo di (1) selezionare Stati Uniti per le impostazioni internazionali, (2) selezionare Inglese per la lingua seguendo le istruzioni riportate qui e, successivamente, (3) fare nuovamente clic sul pulsante "Controlla la sfida".

Visita il badge Trailhead nella tua lingua per informazioni dettagliate su come usufruire dell'esperienza Trailhead in altre lingue.

Accessibilità

Questa unità richiede alcune istruzioni aggiuntive per gli utenti di screen reader. Per accedere a una versione dettagliata per screen reader di questa unità, fai clic sul link riportato di seguito:

Apri le istruzioni di Trailhead per screen reader.

La pagina Lightning iniziale dell'app

È possibile aggiungere una pagina iniziale personalizzata per un'app alle barre di navigazione dell'app mobile Salesforce e dell'app Lightning Experience per consentire agli utenti di accedere facilmente agli oggetti e agli elementi più importanti di tale app.

Creare una pagina di un'app

Ora creerai una pagina iniziale dell'app per un team di vendita.

Gli addetti alle vendite devono poter visualizzare le principali trattative nella pipeline, con un'interfaccia visiva che consenta di acquisire facilmente a colpo d'occhio i dettagli più importanti. Vogliono vedere quali sono le opportunità più recenti che hanno visualizzato ed essere in grado di accedere ai dettagli dei record con un semplice tocco o clic. E vogliono avere la possibilità di registrare le chiamate e creare account e opportunità mentre sono in viaggio.

Mettiti al lavoro!

1. In Setup (Imposta), inserisci App Builder (Generatore di app) nella casella Quick Find (Ricerca veloce), quindi seleziona Lightning App Builder (Generatore di app Lightning).
   
2. Fai clic su New (Nuovo).
   
3. Seleziona App Page (Pagina applicazione) e fai clic su Next (Avanti).
   
4. Assegna alla pagina Lightning il nome Top Accounts and Opportunities (Account e opportunità principali).
   
5. Seleziona il modello Two Regions (Due regioni) e fai clic su Done (Chiudi).
   Se viene visualizzato il tour dimostrativo del Lightning App Builder (Generatore di app Lightning), chiudilo.
   
6. Trascina il componente List View (Visualizzazione elenco) nella prima regione.
   
7. Nel riquadro delle proprietà, seleziona Account per l'oggetto, seleziona il filtro Platinum and Gold SLA Customers (Clienti con SLA platino e oro) e imposta il numero di record da visualizzare su 5.
   
8. Aggiungi un componente Recent Items (Elementi recenti) nella seconda regione.
   
9. Nel riquadro delle proprietà del componente Recent Items (Elementi recenti), cambia l'etichetta personalizzata in Recent Opportunities (Opportunità recenti).
   
10. Fai clic su Select (Seleziona) e configura l'elenco Selected (Selezionato) in modo che contenga soltanto Opportunity (Opportunità).
    
11. Nel riquadro delle proprietà, fai clic su Page (Pagina), fai clic su Select (Seleziona), quindi aggiungi queste azioni alla pagina.
    

• Log a Call (Registra una chiamata)
  
• New Account (Nuovo account)
  
• New Opportunity (Nuova opportunità)
  Puoi aggiungere solo azioni globali a una pagina di un'app Lightning.
  

12. Nella barra degli strumenti, modifica la visualizzazione impostandola su Tablet-Landscape (Tablet - Orizzontale).
    
13. Fai clic su Save (Salva) e poi su Not Yet (Non ancora).
    

Ora che hai creato la pagina, è quasi pronta per essere aggiunta a Lightning Experience e all'app mobile.

Aggiungere la pagina dell'app a Lightning Experience e all'app mobile Salesforce

Proprio come per le altre pagine, i tuoi utenti non possono accedere alla tua pagina dell'app finché non la attivi. Durante l'attivazione, puoi personalizzare l'etichetta della scheda personalizzata della pagina, modificarne la visibilità e impostarne la posizione nelle barre di navigazione dell'app mobile Salesforce e dell'app Lightning Experience, tutto in un unico posto.

1. Fai clic su Activation (Attivazione).
   
2. Non modificare il nome dell'app. Per impostazione predefinita, l'etichetta che assegni alla pagina Lightning viene utilizzata come etichetta per la relativa scheda personalizzata.
   
3. Modifica l'icona impostandola sull'icona del fulmine. L'icona che scegli qui viene utilizzata come icona per la pagina nell'app mobile e in Lightning Experience.
   
4. Mantieni la visibilità della scheda aperta per tutti gli utenti.
   L'impostazione Activate for the System Administrators only (Attiva solo per gli amministratori di sistema) è utile mentre lavori sulla pagina Lightning. Limitare la pagina solo agli amministratori significa che puoi visualizzare e testare la pagina ma i tuoi utenti non possono vederla finché non decidi di renderla visibile anche a loro.
   
5. Fai clic sulla scheda Lightning Experience.
   
6. Seleziona l'app Sales (Vendite) e fai clic su Add page to app (Aggiungi la pagina all'app). 
   

Per impostazione predefinita, la pagina che stai aggiungendo al menu viene inserita nella seconda posizione. Lascia questa impostazione invariata. Se la metti in prima posizione, diventa la landing page per tutti i tuoi utenti di Lightning Experience.

7. Fai clic sulla scheda Mobile Navigation (Navigazione mobile).
   
8. Seleziona Mobile Navigation Menu (Menu di navigazione mobile) e fai clic su Add page to app (Aggiungi la pagina all'app).
   

In questo modo aggiungi la pagina dell'app alla navigazione su dispositivi mobili nell'app Lightning "Solo mobile" nell'app mobile Salesforce. L'aggiunta della pagina all'app Sales (Vendite) in Lightning Experience come abbiamo fatto prima assicura che la pagina dell'app sia visualizzata nell'app Sales (Vendite) anche all'interno dell'app mobile Salesforce. Per impostazione predefinita, le nuove pagine aggiunte alla navigazione nell'app "Solo mobile" vengono visualizzate sotto la voce di menu Smart Search Items (Elementi di ricerca intelligente). Se lasci la pagina Top Accounts and Opportunities (Account e opportunità principali) in questa posizione, verrà visualizzata nella sezione App del menu. Non è quello che vuoi ottenere, quindi spostala.

9. Trascina la pagina sotto la voce di menu Today (Oggi). 
   

10. Fai clic su Save (Salva).
    

La pagina iniziale dell'app ora è pronta per gli utenti dell'app mobile e di Lightning Experience.

Testare la pagina dell'app in Lightning Experience

La pagina è stata creata e attivata. È il momento di vederla in azione!

1. Se sei ancora nel generatore di app, fai clic su Back (Indietro) per tornare a Setup (Imposta).
   
2. Nell'App Launcher (Programma di avvio app) (), trova e seleziona Sales (Vendite).
   
3. Fai clic su Top Accounts and Opportunities (Account e opportunità principali) nella barra di navigazione.
   Ed ecco la tua pagina Lightning! Anche qui è visualizzata l'icona del fulmine, mentre le tre azioni che hai aggiunto sono riportate nel riquadro evidenziazioni. 
   

Testare la pagina dell'app nell'app mobile Salesforce

Ora apri la pagina sul telefono.

1. Apri l'app mobile Salesforce.
   
2. Accedi utilizzando le tue credenziali Trailhead Playground (se non conosci le tue credenziali del Trailhead Playground, consulta questo articolo).
   
3. Nel menu, tocca App Launcher (Programma di avvio app) e apri l'app Sales (Vendite).
   Per visualizzare le modifiche, può essere necessario scorrere verso il basso per aggiornare il menu dell'app Sales (Vendite).
   
4. Tocca Top Accounts and Opportunities (Account e opportunità principali).
   Sei nella tua pagina Lightning! La pagina contiene l'icona del fulmine che hai scelto tu, mentre le tre azioni che hai aggiunto sono riportate nella barra delle azioni. 
   

5. Divertiti a testare la tua pagina. Scorri in alto e in basso per visualizzare i componenti e tocca l'icona di un'azione per vedere cosa succede.
   

Risorse

• Guida di Salesforce: Creazione di una pagina dell'applicazione personalizzata: panoramica
  
• Guida di Salesforce: Attivazione della pagina app Lightning
  
• Guida di Salesforce: Componenti standard delle pagine Lightning