Creare la pagina Lightning iniziale di un'app
Obiettivi di apprendimento
- 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? In questo badge, la convalida delle sfide pratiche di Trailhead funziona in inglese. Le traduzioni sono fornite tra parentesi come riferimento. Nel tuo Trailhead Playground, accertati di (1) selezionare Stati Uniti per le impostazioni internazionali, (2) impostare la lingua su Inglese e (3) copiare e incollare soltanto i valori in lingua inglese. Segui le istruzioni qui.
Visita il badge Trailhead nella tua lingua per scoprire come usufruire dell'esperienza di 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:
La pagina Lightning iniziale dell'app
Creare una pagina di un'app
Vediamo come si crea 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.
Iniziamo!
- In Setup (Imposta), inserisci
App Builder(Generatore di app) nella casella Quick Find (Ricerca veloce), quindi seleziona Lightning App Builder (Generatore di app Lightning). - Fai clic su New (Nuovo).
- Seleziona App Page (Pagina applicazione) e fai clic su Next (Avanti).
- Assegna alla pagina Lightning il nome
Top Accounts and Opportunities(Account e opportunità principali). - 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. - Trascina il componente List View (Visualizzazione elenco) nella prima regione.
- 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.
- Aggiungi un componente Recent Items (Elementi recenti) nella seconda regione.
- Nel riquadro delle proprietà del componente Recent Items (Elementi recenti), fai clic su Select (Seleziona) e configura l'elenco Selected (Selezionato) in modo che contenga solo Opportunity (Opportunità).
- 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.
- Nella barra degli strumenti, modifica la visualizzazione impostandola su Tablet-Landscape (Tablet - Orizzontale).
- 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.
- Fai clic su Activation (Attivazione).
- 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.
- Modifica l'icona impostandola sull'icona Fulmine. L'icona che scegli qui viene utilizzata come icona per la pagina nell'app mobile e in Lightning Experience.
- 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. - Fai clic sulla scheda Lightning Experience.
- 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. Lasciamola dov'è. Se la metti in prima posizione, diventa la landing page per tutti i tuoi utenti di Lightning Experience. - Fai clic sulla scheda Mobile Navigation (Navigazione mobile).
- 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 venga 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 è il risultato che vogliamo, quindi spostiamola.
- Trascina la pagina sotto la voce di menu Today (Oggi).
- Fai clic su Save (Salva).
Testare la pagina dell'app in Lightning Experience
La pagina è stata creata e attivata. È il momento di vederla in azione!
- Se sei ancora nel generatore di app, fai clic su Back (Indietro) per tornare a Setup (Imposta).
- Nell'App Launcher (Programma di avvio app) (
), trova e seleziona Sales (Vendite). - 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 Fulmine, mentre le tre azioni che hai aggiunto sono riportate nel riquadro delle evidenziazioni.
Testare la pagina dell'app nell'app mobile Salesforce
Ora vediamo la pagina sul telefono.
- Apri l'app mobile Salesforce.
- Accedi utilizzando le tue credenziali Trailhead Playground (se non conosci le tue credenziali del Trailhead Playground, consulta questo articolo).
- 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). - Tocca Top Accounts and Opportunities (Account e opportunità principali).
Sei nella tua pagina Lightning! La pagina contiene l'icona Fulmine, che hai scelto tu, mentre le tre azioni che hai aggiunto sono riportate nella barra delle azioni.
- 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.
