Criar uma página de registro personalizada para o Lightning Experience e o aplicativo móvel 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.
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.
- Em Setup (Configuração), insira
App Builder
(Criador de aplicativo) na caixa Busca rápida e selecione Lightning App Builder (Criador de aplicativo Lightning).
- Clique em Novo.
- Selecione Página de registro e comece a seguir o assistente.
- 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.
- 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.
- 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.
- 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.
- Adicione o componente de Caminho à região abaixo do painel de destaques.
- Adicione um componente do Chatter à região inferior à direita.
- Adicione um componente de Guias à região inferior à esquerda.
O componente Tabs (Guias) vem com algumas guias padrão. Adicione mais.
- 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.
- Clique na segunda guia Detalhes.
- 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.
- Clique em Concluído.
- Crie uma guia Atividade.
- Selecione a guia Details (Detalhes) na tela.
- Arraste um componente de Detalhe do registro para logo abaixo da guia Detalhes, na área destacada em verde.
- Adicione um componente de Listas relacionadas à guia Relacionados, um componente de Atividades à guia Atividade e o componente de Itens recentes à guia Itens recentes.
- 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.
- 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.
- Clique na guia Aplicativo, Tipo de registro e Perfil.
- Clique em Atribuir a aplicativos, tipos de registro e perfis.
- 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.
- 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.
- 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.
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