Crear una página Lightning de inicio de aplicación
Objetivos de aprendizaje
- 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? En esta insignia, las validaciones de los retos prácticos de Trailhead funcionan en inglés. Las traducciones se incluyen entre paréntesis a modo de referencia. En su Trailhead Playground, asegúrese de (1) cambiar la configuración regional a Estados Unidos, (2) cambiar el idioma a inglés y (3) copiar y pegar únicamente los valores en inglés. Siga las instrucciones descritas aquí.
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
Crear una página de aplicación
Vamos a 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.
¡Empecemos!
- 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). - Haga clic en New (Nuevo).
- Seleccione App Page (Página de aplicación) y, a continuación, haga clic en Next (Siguiente).
- Nombre a su página Lightning
Top Accounts and Opportunities(Cuentas principales y oportunidades). - 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. - Arrastre el componente List View (Vista de lista) hasta la primera región.
- 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.
- Agregue un componente Recent Items (Elementos recientes) en la segunda región.
- En el panel de propiedades del componente Recent Items (Elementos recientes), haga clic en Select (Seleccionar) y configure la lista seleccionada para que solo contenga Opportunity (Oportunidad).
- 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.
- En la barra de herramientas, cambie la vista a Tablet - Horizontal.
- 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.
- Haga clic en Activation (Activación).
- 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.
- 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.
- 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. - Haga clic en la ficha Lightning Experience.
- 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. Dejémosla ahí. Si la coloca en la primera posición, se convierte en la página de destino para todos sus usuarios de Lightning Experience. - Haga clic en la ficha Mobile Navigation (Navegación móvil).
- Seleccione Mobile Navigation Menu (Menú de navegación móvil) y, a continuación, 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 le asegura que la página de aplicación también aparezca en la aplicación 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ú 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 vamos a moverla.
- Arrastre la página hasta el elemento de menú Today (Hoy).
- Haga clic en Save (Guardar).
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.
- Si aún se encuentra en el App Builder (generador de aplicaciones), haga clic en Back (Volver) para regresar a la configuración.
- En App Launcher (Iniciador de aplicación) (
), busque y seleccione Sales (Ventas). - 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 vamos a verla en su teléfono.
- Abra la aplicación móvil Salesforce.
- Inicie sesión con sus credenciales de Trailhead Playground. (Si no sabe cuáles son sus credenciales de Trailhead Playground, consulte este artículo).
- 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. - 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.
- 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.
