Criar uma página inicial do Lightning para um aplicativo

Objetivos de aprendizagem

Após concluir esta unidade, você estará apto a:

• Adicionar componentes a uma página do Lightning
  
• Configurar as propriedades de uma página do Lightning e de um componente do Lightning
  
• Adicionar ações a uma página do Lightning
  
• Adicionar uma página do Lightning Experience ao Lightning Experience e ao aplicativo móvel
  

Nota

Deseja aprender em português (Brasil)? Comece o desafio em um Trailhead Playground de português (Brasil) e copie e cole os valores de português (Brasil). Se você não passar no desafio em sua organização de português (Brasil), recomendamos que (1) mude o local para os Estados Unidos, (2) mude o idioma para inglês, seguindo as instruções aqui, e (3) clique novamente no botão “Validar o desafio”.

Consulte o emblema Trailhead no seu idioma para saber mais sobre como aproveitar a experiência de Trailhead em outros idiomas.

Acessibilidade

Esta unidade requer algumas instruções adicionais para usuários de leitores de tela. Para acessar uma versão detalhada do leitor de tela desta unidade, clique no link abaixo:

Abrir as instruções do leitor de tela do Trailhead.

A página inicial do Lightning para um aplicativo

Adicione uma página inicial personalizada para um aplicativo às barras de navegação do aplicativo móvel Salesforce e do aplicativo do Lightning Experience para permitir que seus usuários acessem facilmente os objetos e itens que são mais importantes nesse aplicativo.

Criar uma página de aplicativo

Em seguida, crie uma página inicial de aplicativo para uma equipe de vendas.

Sua equipe de vendas precisa ver os principais negócios no pipeline com uma interface visual que facilite a absorção dos detalhes principais em uma só olhada. Eles querem ver as oportunidades mais recentes que visualizaram e poder acessar os detalhes de registro com um único toque ou clique. E querem recursos que registrem chamadas e criem contas e oportunidades instantaneamente.

Chegou a hora de começar!

1. Em Setup (Configuração), insira App Builder (Criador de aplicativo) na caixa Busca rápida e selecione Lightning App Builder (Criador de aplicativo Lightning).
   
2. Clique em Novo.
   
3. Selecione Página de aplicativo e clique em Avançar.
   
4. Dê à sua página do Lightning o nome Top Accounts and Opportunities (Principais contas e oportunidades).
   
5. Selecione o modelo Two Regions (Duas regiões) e clique em Done (Concluir).
   Se o guia passo a passo do Criador de aplicativo Lightning aparecer, ignore-o.
   
6. Arraste o componente Modo de exibição de lista até à primeira região.
   
7. No painel de propriedades, selecione Conta para o objeto, selecione o filtro Clientes de SLA Platinum e Gold e defina o número de registros para exibir como 5.
   
8. Adicione um componente de Itens recentes à segunda região.
   
9. No painel de propriedades do componente Recent Items (Itens recentes), altere o rótulo personalizado para Recent Opportunities (Oportunidades recentes).
   
10. Clique em Select (Selecionar) e configure a lista Selected (Selecionado) para que ela contenha apenas Opportunity (Oportunidade).
    
11. No painel de propriedades, clique em Página, clique em Selecionar e adicione essas ações à página.
    

• Registro de chamada
  
• Nova conta
  
• Nova oportunidade
  Você só pode adicionar ações globais a uma página de aplicativo do Lightning.
  

12. Na barra de ferramentas, mude o modo de exibição para Tablet-Paisagem.
    
13. Clique em Salvar e em Ainda não.
    

Agora que você criou a sua página, está quase pronto para adicioná-la ao Lightning Experience e ao aplicativo móvel.

Adicionar sua página de aplicativo ao Lightning Experience e ao aplicativo móvel Salesforce

Assim como nas outras páginas, seus usuários não podem acessar sua página de aplicativo enquanto você não ativá-la. Durante a ativação, você pode personalizar o rótulo da guia personalizada da página, ajustar sua visibilidade e definir sua posição nas barras de navegação do aplicativo móvel Salesforce e do aplicativo do Lightning Experience, tudo em um só lugar.

1. Clique em Ativação.
   
2. Não mude o nome do aplicativo. O rótulo que você dá à página do Lightning é usado como o rótulo da guia personalizada por padrão.
   
3. Mude o ícone para o ícone de raio azul. O ícone que você escolhe aqui é usado como o ícone da página no aplicativo móvel e no Lightning Experience.
   
4. Mantenha a visibilidade da guia aberta a todos os usuários.
   A configuração Ativar somente para administradores do sistema é útil enquanto você está trabalhando na sua página do Lightning. A restrição da sua página a administradores significa apenas que você pode ver e testar a página, mas seus usuários não podem vê-la até que você esteja pronto para apresentá-la.
   
5. Clique na guia Lightning Experience.
   
6. Selecione o aplicativo Vendas e clique em Adicionar página ao aplicativo. 
   

A página que você está adicionando ao menu aparece em segundo lugar por padrão, portanto, deixe-a lá. Ao colocá-la em primeiro lugar, ela se torna a página de destino de todos os usuários do Lightning Experience.

7. Clique na guia Navegação móvel.
   
8. Selecione Mobile Navigation Menu (Menu de navegação móvel) e clique em Add page to app (Adicionar página ao aplicativo).
   

Isso adiciona a página do aplicativo à navegação móvel no aplicativo “Somente dispositivos móveis” do Lightning no aplicativo móvel Salesforce. Adicionar a página ao aplicativo Vendas no Lightning Experience, como você fez antes, garante que a página do aplicativo também apareça no aplicativo Vendas que se encontra no aplicativo móvel Salesforce. Por padrão, novas páginas adicionadas à navegação no aplicativo “Mobile Only” (Somente dispositivos móveis) aparecem abaixo do item de menu Smart Search Items (Itens de pesquisa inteligente). Se você deixar a página Principais contas e oportunidades aqui, ela aparecerá na seção Aplicativos do menu do Salesforce. Você não quer que isso aconteça, então vamos movê-la.

9. Arraste a página para baixo do item de menu Hoje. 
   

10. Clique em Salvar.
    

A página inicial do aplicativo agora está pronta para os usuários do Salesforce móvel e do Lightning Experience!

Testar sua página de aplicativo no Lightning Experience

Você criou sua página e a ativou. Agora vamos ver como ela funciona na prática!

1. Se você ainda estiver no Criador de aplicativo, clique em Voltar para retornar à Configuração.
   
2. No App Launcher (Iniciador de aplicativos) (), encontre e selecione Sales (Vendas).
   
3. Clique em Top Accounts and Opportunities (Principais contas e oportunidades) na barra de navegação do aplicativo.
   Veja sua página do Lightning! O ícone de raio também aparece aqui e as três ações que você adicionou estão no painel de destaques. 
   

Testar sua página de aplicativo no aplicativo móvel Salesforce

Agora, dê uma olhada nela em seu telefone.

1. Abra o aplicativo móvel Salesforce.
   
2. Entre usando suas credenciais do Trailhead Playground. (Caso você não saiba suas credenciais do Trailhead Playground, consulte este artigo.)
   
3. No menu, toque no Iniciador de aplicativos e abra o aplicativo Vendas.
   Talvez seja necessário abrir e atualizar o menu do aplicativo Vendas para ver as alterações.
   
4. Toque em Top Accounts and Opportunities (Principais contas e oportunidades).
   Veja sua página do Lightning! Ela tem o ícone de raio que você escolheu e as três ações que você adicionou estão na barra de ação. 
   

5. Brinque com a sua página. Role para cima e para baixo a fim de ver os componentes e toque em um ícone de ação para ver o que acontece.
   

Recursos

• Ajuda do Salesforce: Create a Custom App Page: The Big Picture
  
• Ajuda do Salesforce: Ativar sua página do aplicativo Lightning
  
• Ajuda do Salesforce: Standard Lightning Page Components