Crear una página Lightning de inicio de aplicación

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

• Agregar componentes a una página Lightning.
  
• Configurar la propiedades de una página Lightning y un componente Lightning.
  
• Agregar acciones a una página Lightning.
  
• Añadir una página Lightning a Lightning Experience y a la aplicación móvil.
  

Nota

¿Su idioma de aprendizaje es español? Comience el reto en un Trailhead Playground en español y utilice las traducciones proporcionadas entre paréntesis para navegar. Copie y pegue solo los valores en inglés, ya que las validaciones del reto se basan en los datos en inglés. Si no aprueba el reto en su organización en español, le recomendamos que (1) cambie la configuración regional a Estados Unidos, (2) cambie el idioma a inglés, siga las instrucciones descritas aquí y, a continuación, (3) vuelva a hacer clic en el botón Check Challenge (Comprobar el reto).

Consulte la insignia Trailhead en su idioma para obtener más información sobre cómo aprovechar la experiencia de Trailhead en otros idiomas.

Accesibilidad

Esta unidad requiere instrucciones adicionales para usuarios de lectores de pantalla. Para acceder a una versión detallada de esta unidad para lectores de pantalla, haga clic en el siguiente vínculo:

Open Trailhead screen reader instructions (en inglés).

Página Lightning de inicio de aplicación

Agregue una página de inicio personalizada para una aplicación a la aplicación móvil de Salesforce y a las barras de navegación de la aplicación Lightning Experience para permitir que sus usuarios accedan fácilmente a los objetos y elementos más importantes de la aplicación.

Crear una página de aplicación

A continuación, crear una página de inicio de aplicación para un equipo de ventas.

Su equipo de ventas necesita visualizar los acuerdos principales en las oportunidades en curso, con una interfaz visual que permita visualizar los detalles clave de un vistazo. Quieren visualizar las oportunidades vistas más recientemente y extraer los detalles de los registros con un solo toque o clic. Además, quieren que la funcionalidad registre las llamadas y cree cuentas y oportunidades sobre la marcha.

Es el momento de empezar.

1. En Setup (Configuración), escriba App Builder (Generador de aplicaciones) en el cuadro Quick Find (Búsqueda rápida) y, a continuación, seleccione Lightning App Builder (Generador de aplicaciones Lightning).
   
2. Haga clic en New (Nuevo).
   
3. Seleccione App Page (Página de aplicación) y, a continuación, haga clic en Next (Siguiente).
   
4. Nombre a su página Lightning Top Accounts and Opportunities (Cuentas principales y oportunidades).
   
5. Seleccione la plantilla Two Regions (Dos regiones) y haga clic en Done (Listo).
   Si aparece el tutorial de Lightning App Builder (Generador de aplicaciones Lightning), rechácelo.
   
6. Arrastre el componente List View (Vista de lista) hasta la primera región.
   
7. En el panel de propiedades, seleccione Account (Cuenta) para el objeto, seleccione el filtro Platinum and Gold SLA Customers (Clientes SLA Platinum y Gold) y establezca el número de registros para mostrar en 5.
   
8. Agregue un componente Recent Items (Elementos recientes) en la segunda región.
   
9. En el panel de propiedades del componente Recent Items (Elementos recientes), cambie la etiqueta personalizada a Recent Opportunities (Oportunidades recientes).
   
10. Haga clic en Select (Seleccionar) y configure la lista seleccionada para que solo contenga Opportunity (Oportunidad).
    
11. En el panel de propiedades, haga clic en Page (Página), después en Select (Seleccionar) y, a continuación, agregue estas acciones a la página.
    

• Log a Call (Registrar una llamada)
  
• New Account (Nueva cuenta)
  
• New Opportunity (Nueva oportunidad)
  Puede agregar solo las acciones globales a una página de aplicación Lightning.
  

12. En la barra de herramientas, cambie la vista a Tablet - Horizontal.
    
13. Haga clic en Save (Guardar) y, a continuación, en Not Yet (Aún no).
    

Ahora que ha creado su página, ya está casi listo para agregarla a Lightning Experience y a la aplicación móvil.

Añadir su página de aplicación a Lightning Experience y a la aplicación móvil de Salesforce

Al igual que ocurre con las otras páginas, sus usuarios no pueden acceder a su página de aplicación hasta que usted la active. Durante la activación, puede personalizar la etiqueta de ficha personalizada de la página, ajustar la visibilidad y configurar su posición en la aplicación móvil de Salesforce y en las barras de navegación de la aplicación Lightning Experience, todo en un solo lugar.

1. Haga clic en Activation (Activación).
   
2. No cambie el nombre de la aplicación. De forma predeterminada, la etiqueta que le otorga a la página Lightning se utiliza como etiqueta para su ficha personalizada.
   
3. Cambie el icono al icono de relámpago azul. El icono que elija aquí se utiliza como icono para la página en la aplicación móvil y en Lightning Experience.
   
4. Mantenga la visibilidad de la ficha abierta para todos los usuarios.
   El ajuste Activate for the System Administrators only (Activar solo para los administradores del sistema) resulta útil mientras trabaja en su página Lightning. Restringir la página para que solo los administradores puedan consultarla implica que pueda ver y probar la página, pero sus usuarios no podrán verla hasta que esté lista y la comparta con ellos.
   
5. Haga clic en la ficha Lightning Experience.
   
6. Seleccione la aplicación Sales (Ventas) y haga clic en Add page to app (Agregar página a aplicación). 
   

De manera predeterminada, la página que está agregando al menú aparece en segunda posición. Si la coloca en la primera posición, se convierte en la página de destino para todos sus usuarios de Lightning Experience.

7. Haga clic en la ficha Mobile Navigation (Navegación móvil).
   
8. Seleccione Mobile Navigation Menu (Menú de navegación móvil y haga clic en Add page to app (Agregar página a aplicación).
   

Esto hace que la página de aplicación se agregue a la navegación móvil de la aplicación Lightning solo para dispositivos móviles de la aplicación móvil de Salesforce. Al agregar la página a la aplicación Sales (Ventas) en Lightning Experience como hicimos anteriormente, se asegura de que la página de aplicación también aparezca en la aplicación Sales (Ventas) dentro de la aplicación móvil de Salesforce. De forma predeterminada, las páginas nuevas que agrega a la navegación de la aplicación solo para dispositivos móviles aparecen debajo del elemento de menú Smart Search Items (Elementos de búsqueda inteligente). Si deja la página Top Accounts and Opportunities (Cuentas principales y oportunidades) ahí, aparecerá en la sección Apps (Aplicaciones) del menú. No queremos que eso ocurra, así que hay que moverla.

9. Arrastre la página hasta el elemento de menú Today (Hoy). 
   

10. Haga clic en Save (Guardar).
    

Su página de inicio de aplicación ya está lista para los usuarios de dispositivos móviles y de Lightning Experience.

Probar su página de aplicación en Lightning Experience

Ha creado su página y la ha activado. Ahora, vamos a verla en acción.

1. Si aún se encuentra en el App Builder (generador de aplicaciones), haga clic en Back (Volver) para regresar a la configuración.
   
2. En App Launcher (Iniciador de aplicación) (), busque y seleccione Sales (Ventas).
   
3. Haga clic en Top Accounts and Opportunities (Cuentas principales y oportunidades) en la barra de navegación de la aplicación.
   Aquí está su página Lightning. El icono de rayo también aparece aquí, y las tres acciones que ha agregado se encuentran en el panel de aspectos destacados. 
   

Probar su página de aplicación en la aplicación móvil de Salesforce

Ahora, mírela en su teléfono.

1. Abra la aplicación móvil Salesforce.
   
2. Inicie sesión con sus credenciales de Trailhead Playground. (Si no sabe cuáles son sus credenciales de Trailhead Playground, consulte este artículo).
   
3. En el menú, toque App Launcher (Iniciador de aplicación) y abra la aplicación Sales (Ventas).
   Es posible que tenga que actualizar el menú de la aplicación Sales (Ventas) para ver los cambios.
   
4. Toque Top Accounts and Opportunities (Cuentas principales y oportunidades).
   Aquí está su página Lightning. Aparece el icono de rayo que especificó, y las tres acciones que ha agregado se encuentran en la barra de acciones. 
   

5. Investigue su página. Deslícese hacia arriba y hacia abajo para ver los componentes, y toque un icono de acción para ver lo que ocurre.
   

Recursos

• Ayuda de Salesforce: Crear una página de aplicación personalizada: Perspectiva global
  
• Ayuda de Salesforce: Activar su página de aplicación de Lightning
  
• Ayuda de Salesforce: Componentes de páginas Lightning estándar