Criar uma página de registro personalizada para o Lightning Experience e o aplicativo móvel do Salesforce

Objetivos de aprendizagem

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

• Criar uma página de registro de objeto personalizada para o Lightning Experience e o aplicativo móvel Salesforce.
  
• Ativar a página de registro personalizada para seus usuários.
  

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.

E essas páginas de registro do Lightning Experience? Você também pode personalizá-las!

Use o Criador de aplicativo Lightning para adicionar, remover ou reordenar componentes em uma página de registro a fim de dar aos usuários uma visualização personalizada de cada registro de objetos. E o que é mais legal: você pode personalizar uma página de registro e atribuí-la a aplicativos do Lightning específicos para dar a seus usuários acesso a uma página de registro personalizada especialmente para o contexto do aplicativo em que eles estão trabalhando.

Assim como uma página inicial, você pode criar uma página de registro personalizada de diversas maneiras: criá-la do zero usando um modelo, clonar uma de suas outras páginas de registro personalizadas ou editar uma página existente. Entretanto, ao contrário da página inicial, as páginas de registro personalizadas são compatíveis não só com o Lightning Experience para desktop, mas também com o aplicativo móvel Salesforce.

Criar uma página de registro do Lightning personalizada

Em seguida, crie uma página de registro de oportunidade personalizada.

Ajuste o layout de página de registro um pouquinho para que você possa perceber como as coisas se encaixam. Quando estiver familiarizado com isso, poderemos começar para valer e personalizar suas páginas de registro da forma que você quiser. 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 registro e comece a seguir o assistente.
   
4. Rotule a página New Opportunity Page (Nova página de oportunidade) e selecione Opportunity (Oportunidade) como o objeto.
   Comece a digitar o nome de um objeto no campo Object (Objeto) para filtrar a lista e encontrar o que procura mais rapidamente.
   
5. Escolha o modelo Header, Subheader, Right Sidebar (Cabeçalho, subcabeçalho, barra lateral direita) e clique em Done (Concluído).
   No painel de componentes, você vê todos os componentes padrão disponíveis para as páginas de registro de oportunidade e eventuais componentes personalizados que instalou em sua organização.
   
6. No menu de configurações , selecione Always show icons (Sempre mostrar ícones).
   Os ícones que aparecem na paleta mostram os fatores de forma compatíveis com cada componente. Por exemplo, se você adicionar o componente Feed do Chatter à sua página, ele será exibido quando você vir a página no desktop e no aplicativo móvel Salesforce. O mesmo não acontece com o Editor do Chatter, que é compatível apenas com desktop. Você verá esse comportamento na prática quando testar sua página finalizada mais adiante nesse módulo.
   
7. Arraste o componente Painel de destaques até a região superior da página. Clique em Ver como isso funciona no painel de propriedades do componente a fim de descobrir de onde vem o conteúdo do painel de destaques.
   
8. Adicione o componente de Caminho à região abaixo do painel de destaques.
   
9. Adicione um componente do Chatter à região inferior à direita.
   
10. Adicione um componente de Guias à região inferior à esquerda.
    

O componente Tabs (Guias) vem com algumas guias padrão. Adicione mais.

11. No painel de detalhes do componente de Guias, clique em Add Tab (Adicionar guia).
    

Outra guia Detalhes é adicionada por padrão. Mas como você já tem uma, mude-a para algo diferente.

12. Clique na segunda guia Detalhes.
    
13. No menu suspenso Rótulo da guia, selecione Personalizado e dê à guia um novo rótulo: Recent Items (Itens recentes). 
    Talvez seja necessário rolar para cima na lista Tab Label (Rótulo da guia) para encontrar Custom (Personalizar) na parte superior.
    

14. Clique em Concluído.
    
15. Crie uma guia Atividade.
    
16. Selecione a guia Details (Detalhes) na tela.
    
17. Arraste um componente de Detalhe do registro para logo abaixo da guia Detalhes, na área destacada em verde. 
    

18. Adicione um componente de Listas relacionadas à guia Relacionados, um componente de Atividades à guia Atividade e o componente de Itens recentes à guia Itens recentes.
    
19. Selecione o componente de guias na tela e, no painel de propriedades, mude a ordem das guias para: Detalhes, Atividade, Itens recentes e Relacionadas.
    Você não pode arrastar as guias dentro do componente para movê-las. Você só pode ajustá-las no painel de propriedades.
    
20. Clique em Save (Salvar) e em Activate (Ativar).
    

Distribuir sua própria página de registro personalizada para seus usuários

É hora de espalhar a beleza e ativar a página.

Você tem quatro opções de ativação.

• Tornar a página como padrão da organização para o objeto.
  
• Tornar a página como página de registro de objeto padrão para aplicativos do Lightning específicos.
  
• Atribuir a página a uma combinação de aplicativos do Lightning, tipos de registro e perfis.
  
• Atribua a página a um fator de forma, como um desktop ou telefone.
  

Repare nesse último item da lista. Além de criar uma página personalizada para as necessidades dos seus usuários, você pode ir mais além e personalizar uma página considerando a forma como seus usuários a acessam. É possível criar páginas de registros exclusivamente personalizadas mostradas apenas aos usuários móveis, contendo somente o que eles precisam ver quando estão em trânsito ou em campo. Ao mesmo tempo, as páginas de registro exclusivas para desktop podem atender às necessidades dos usuários enquanto eles trabalham no PC ou laptop.

Em seguida, atribua essa página a um aplicativo, tipo de registro e perfil específicos e certifique-se de que ela esteja atribuída aos formatos de desktop e telefone, para que você possa visualizá-la em ambos os lugares.

1. Clique na guia Aplicativo, Tipo de registro e Perfil.
   
2. Clique em Atribuir a aplicativos, tipos de registro e perfis.
   
3. Percorra o assistente de atribuição e atribua a página ao aplicativo Vendas, ao fator de forma de desktop e telefone, ao tipo de registro Mestre e ao perfil de Administrador do sistema.
   
4. Analise as atribuições da página.
   A coluna Nova página é preenchida com o nome da página que estamos ativando: Nova página de oportunidade.
   
5. Clique em Salvar.
   

Sua página de registro personalizada está ativa. Porém, antes de você dar uma olhada, você pode torná-la ainda melhor.

Você deve estar pensando: “Isso é ótimo, mas e se eu mudar de ideia? Como desativo a minha página personalizada?” Isso também é muito fácil. Clique em Activation (Ativação), clique na guia App, Record Type, and Profile (Aplicativo, Tipo de registro e Perfil) e clique em Remove Assignments (Remover atribuições).

Recursos

• Ajuda do Salesforce: Create and Configure Lightning Experience Record Pages
  
• Ajuda do Salesforce: Adicionar e personalizar guias nas páginas do Lightning utilizando o Criador de aplicativo Lightning
  
• Ajuda do Salesforce: Ativar páginas de registro do Lightning Experience
  
• Ajuda do Salesforce: Lightning App Builder Considerations