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

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

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

Nota

¿Es su idioma de aprendizaje español (LATAM)? Comience el reto en un Trailhead Playground en español (LATAM) y copie y pegue los valores en español (LATAM). Si no aprueba el reto en su organización en español (LATAM), recomendamos que (1) cambie la configuración local a Estados Unidos, (2) cambie el idioma a inglés (según estas instrucciones) y, luego, (3) haga clic en el botón “Check Challenge” (Comprobar el reto) nuevamente.

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 algunas instrucciones adicionales para los usuarios de lectores de pantalla. Para acceder a una versión detallada para lectores de pantalla de esta unidad, haga clic en el siguiente vínculo:

Abrir las instrucciones para lectores de pantalla de Trailhead.

Página de Lightning de inicio de aplicación

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

Crear una página de aplicación

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

Su equipo de ventas necesita ver las negociaciones más importantes en curso con una interfaz visual que facilite la comprensión de los datos clave de un vistazo. Desean ver las últimas oportunidades visualizadas y poder desglosar los detalles del registro con un solo toque o clic. Además, desean la funcionalidad necesaria para registrar llamadas y crear cuentas y oportunidades sobre la marcha.

Es hora de empezar.

1. En Setup (Configuración), ingrese 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 Nuevo.
   
3. Seleccione Página de aplicación y, a continuación, haga clic en Siguiente.
   
4. Asigne un nombre a la página de Lightning Top Accounts and Opportunities (Cuentas y oportunidades principales).
   
5. Seleccione la plantilla Two Regions (Dos regiones) y haga clic en Done (Listo).
   Si se abre el recorrido por los conceptos principales de Generador de aplicación Lightning, ignórelo.
   
6. Arrastre el componente Vista de lista a la primera parte.
   
7. En el panel de propiedades, seleccione Cuenta para el objeto, seleccione el filtro Clientes de contrato de nivel de servicio platino y oro, y establezca el número de registros para mostrar en 5.
   
8. Agregue Elementos recientes en la segunda posició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 Selected (Seleccionados) para que solo contenga el objeto Opportunity (Oportunidad).
    
11. En el panel de propiedades, haga clic en Página, haga clic en Seleccionar y, a continuación, agregue estas acciones a la página.
    

• Registrar una llamada
  
• Nueva cuenta
  
• Nueva oportunidad
  Solo puede agregar acciones globales a una página de aplicación Lightning.
  

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

Una vez creada la página, ya está prácticamente listo para agregarla a Lightning Experience y a la aplicación móvil.

Agregar su página a Lightning Experience y a la aplicación móvil Salesforce

Al igual que ocurre con otras páginas, los usuarios no pueden acceder a su página de aplicación hasta que la activa. Durante la activación, puede personalizar la etiqueta de ficha personalizada de su página, ajustar su visibilidad y establecer su posición en la aplicación móvil Salesforce y las barras de navegación de una aplicación de Lightning Experience en una sola ubicación.

1. Haga clic en Activación.
   
2. No cambie el nombre de la aplicación. La etiqueta que asigne a la página Lightning se utilizará como etiqueta para su ficha personalizada de forma predeterminada.
   
3. Cambie el icono por el icono de rayo azul. El icono elegido aquí se usa como el icono para la página en la aplicación móvil y Lightning Experience.
   
4. La ficha debe ser visible para todos los usuarios.
   La opción Activar solo para administradores del sistema es de utilidad mientras trabaja en su página Lightning. La restricción de la página solo a los administradores significa que puede ver y probar la página, pero los usuarios no pueden verla hasta que esté preparado para mostrársela.
   
5. Haga clic en la ficha Lightning Experience.
   
6. Seleccione la aplicación Ventas, y haga clic en Agregar página a aplicación. 
   

La página que va a agregar al menú se muestra en la segunda posición de forma predeterminada; déjela allí. Si se coloca en la posición superior, se convierte en la página de inicio de todos sus usuarios de Lightning Experience.

7. Haga clic en la ficha 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).
   

Esta acción agrega la página de la aplicación a la navegación móvil en la aplicación Lightning “Solo móvil” en la aplicación móvil Salesforce. Agregue la página a la aplicación Sales (Ventas) en Lightning Experience del mismo modo que lo hizo anteriormente, lo que garantiza que la página de la aplicación aparezca en la aplicación Sales también dentro de la aplicación móvil de Salesforce. De forma predeterminada, las páginas nuevas que agrega a la navegación en la aplicación “Mobile Only” (Solo móvil) se muestran debajo del elemento de menú Smart Search Items (Elementos de búsqueda inteligente). Si deja la página Cuentas y oportunidades principales ahí, se mostrará en la sección Aplicaciones del menú. Como no es eso lo que quiere, muévala hacia arriba.

9. Arrastre la página hasta la posición debajo del elemento de menú Hoy. 
   

10. Haga clic en Guardar.
    

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

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

Ha creado y activado la página. Ahora véala en acción.

1. Si aún está en el generador de aplicaciones, haga clic en Atrás para volver a Configuración.
   
2. Desde el Iniciador de aplicación (), encuentre y seleccione Ventas.
   
3. Haga clic en Top Accounts and Opportunities (Cuentas y oportunidades principales) desde la barra de navegación de la aplicación.
   ¡Ya está lista su página de Lightning! Aquí también se muestra el icono de rayo 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 Salesforce

Ahora, véala en su teléfono.

1. Abra la aplicación móvil Salesforce.
   
2. Inicie sesión con sus credenciales de Trailhead Playground. (Si no conoce sus credenciales de Trailhead Playground, consulte este artículo).
   
3. En el menú, toque el Iniciador de aplicación y abra la aplicación Ventas.
   Es posible que tenga que extraer y actualizar el menú de aplicación Ventas para ver los cambios.
   
4. Presione Top Accounts and Opportunities (Cuentas y oportunidades principales).
   ¡Ya está lista su página de Lightning! Incluye el icono de rayo que ha elegido y las tres acciones que ha agregado se encuentran en la barra de acciones. 
   

5. Haga pruebas en la página. Desplácese hacia arriba y hacia abajo para ver los elementos y toque cualquier icono de acción para ver qué ocurre.
   

Recursos

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