Configurar inscrição e login móveis

Objetivos de aprendizagem

Após concluir este módulo, você estará apto a:

• Criar uma página de login para login sem senha.
  
• Criar uma página de registro automático configurável para coletar informações dos usuários durante o registro.
  
• Testar o processo de login e inscrição com a criação de um cliente.
  

Nota

Deseja aprender em português (Brasil)? Nesse emblema, as validações dos desafios práticos do Trailhead funcionam em inglês. As traduções são fornecidas entre parênteses como referência Copie e cole os valores em inglês e, em seguida, mude o idioma do Trailhead Playground para inglês e a localidade para Estados Unidos. Siga as instruções aqui.

Consulte o emblema Trailhead no seu idioma para saber como aproveitar a experiência traduzida do Trailhead.

Um site do Experience Cloud relâmpago

A Northern Trail Outfitters (NTO) criou um site de atendimento ao cliente e gerencia a experiência de login de seus clientes com o Salesforce Experience Cloud. Recentemente, mais clientes da NTO têm feito negócios em seus dispositivos móveis. Os clientes desejam ter acesso instantâneo ao site de atendimento ao cliente da NTO onde quer que estejam.

O gerente de atendimento ao cliente Joel Pierce quer conferir o novo recurso de identidade voltado para o aplicativo móvel Salesforce a fim de saber se ele é tão fácil de configurar quanto a Salesforce diz. Ele decidiu tirar mais ou menos uma hora para verificar.

Como você aprendeu antes, esta experiência de login móvel está disponível para todas as licenças de usuário. As páginas de login padrão do Salesforce vêm com todos os modelos que você usa para criar um site.

Para experimentar os novos recursos de identidade móvel, Joel começa com a criação de um local de teste em um novo Trailhead Playground. Ele usa a etapas de configuração simples abaixo. Como já faz um tempo desde que criou seu site de atendimento ao cliente, ele acessa o módulo do Trailhead Salesforce Identity para clientes para refrescar a memória.

Preparado para começar a trabalhar com identidade móvel?

Crie um novo Trailhead Playground agora para acompanhar e experimentar as etapas deste módulo. Role até a parte inferior desta página, clique na seta para baixo ao lado de Iniciar e selecione Criar um Trailhead Playground. Normalmente, leva de 3 a 4 minutos para que o Salesforce crie seu Trailhead Playground. Você também poderá utilizar o Trailhead Playground quando for necessário concluir o desafio prático.

Sim, estamos falando de um Trailhead Playground totalmente novo! Se você estiver usando uma organização ou um Trailhead Playground existente, poderá ter problemas na hora de concluir os desafios.

Conclua as etapas desta unidade antes de tentar o desafio prático. O desafio se baseia no trabalho que você faz durante as etapas.

Configurar acesso com perfis e funções

Antes de criar seu site, é importante definir quem tem acesso ao quê. Perfis e funções lhe permitem uma maneira fácil de gerenciar quais dados seus clientes podem acessar. Nós também criamos uma conta para conter nossos clientes quando eles se inscreverem.

1. Crie um perfil para usuários com a licença External Identity. Um perfil permite controlar o que os clientes podem acessar em sua organização.
   

1. Em Setup (Configuração), na caixa Quick Find (Busca rápida), insira Profiles (Perfis) e selecione Profiles (Perfis).
   
2. Ao lado de Usuário de identidade externa, selecione Clonar.
   
3. Dê ao perfil o nome Cliente da NTO e clique em Salvar.
   

2. Crie um papel para o administrador do site. Os sites exigem uma hierarquia de funções para ajudar a controlar como os usuários compartilham dados.
   

1. Em Setup (Configuração), na caixa Quick Find (Busca rápida), insira Role (Papel) e depois selecione Roles (Papéis).
   
2. Na lista suspensa, selecione Exemplo baseado em produto e selecione Configurar papéis.
   
3. Em CEO, clique em Adicionar papel.
   
4. Como rótulo da função, insira NTO Customer Manager (Gerente de cliente da NTO) e pressione Tab para preencher automaticamente Role Name (Nome do papel).
   
5. Clique em Save (Salvar).
   

3. Atribua o papel Gerente do cliente a um administrador do Salesforce.
   

1. Em Setup (Configuração), na caixa Quick Find (Busca rápida), insira Users (Usuários) e selecione Users (Usuários).
   
2. Ao lado do seu nome de usuário, clique em Editar.
   
3. Em Papel, selecione Gerente de cliente da NTO e clique em Salvar.
   

4. Crie uma conta para nossos clientes.
   

1. No App Launcher (Iniciador de aplicativos) (), encontre e selecione Accounts (Contas).
   
2. Em Contas, clique em Novo.
   
3. Dê à conta o nome Clientes da NTO e clique em Salvar.
   

Ativar Experiências digitais

É uma organização nova, por isso primeiro habilitamos Experiências digitais, o que nos permite criar sites.

1. Em Setup (Configuração), na caixa Quick Find (Busca rápida), insira Digital Experiences (Experiências digitais) e selecione Digital Experiences (Experiências digitais) | Settings (Configurações).
   
2. Selecione Ativar experiências digitais. Para este exercício, seu nome de domínio é gerado automaticamente. Ao criar um domínio em sua organização de produção, insira um nome exclusivo e clique em Check Availability (Verificar disponibilidade).
   
3. Clique em Salvar e em OK.
   
4. Se você for solicitado a dar permissão para abrir a página, clique em Abrir.
   

Você é direcionado para a página Experiências Digitais, onde você pode criar seu site. Mantenha esta página aberta para a próxima etapa.

Criar um site

Crie um site.

1. Na página Experiências digitais, clique em Novo.
   
   Observação: Se você já fechou a página Digital Experiences (Experiências digitais), volte para ela digitando All Sites (Todos os sites) na caixa Quick Find (Busca rápida) e, em seguida, selecione All Sites (Todos os sites).
   
2. Nos blocos de modelos do assistente de criação de site, selecione o modelo Atendimento ao cliente.
   
3. Clique em Começar a usar.
   
4. Digite NTO Customers (Clientes da NTO) como nome do site
   
5. Para a URL, digite ntocustomers no final. Neste exemplo, o sufixo da URL não é opcional — é importante adicionar o sufixo, ntocustomers, à URL para garantir que seu site tenha uma URL exclusiva. Além disso, certifique-se de que as letras são minúsculas para passar no desafio. 
   
6. Clique em Criar. Nosso site foi criado no status de visualização. O assistente nos coloca na central de comando local, Experience Workspaces.
   
7. Clique em Administração para ir ao espaço de trabalho e gerenciar o site.
   
8. Atribua o perfil Cliente da NTO que você criou clonando o perfil para usuários com a licença External Identity.
   

1. Clique em Membros e, em Pesquisar, selecione Cliente.
   
2. Adicione Cliente da NTO aos perfis selecionados e clique em Salvar. Quando novos membros se inscrevem nesse site, eles receberão o perfil Cliente da NTO. Este perfil define o acesso dos membros do site.
   

9. Clique em Save (Salvar).
   
10. Ative o site.
    

1. No espaço de trabalho Administração, clique em Configurações.
   
2. Clique em Ativar e, em seguida, clique em OK.
   

11. Publique o site.
    

1. No canto superior esquerdo, selecione Administração e selecione Builder na lista suspensa.
   
2. No canto superior direito, clique em Publish (Publicar) e, no diálogo de confirmação, clique em Publish (Publicar) novamente e em Got It (Entendi).
   

12. Agora, retorne ao espaço de trabalho Administração para começar a trabalhar.
    

1. No canto superior esquerdo, clique em , e selecione Administration (Administração) na lista suspensa.
   
2. Selecione Login e registro.
   

Estamos agora na página em que todas as atividades relacionadas ao login acontecem.

Podemos prosseguir adicionando outros recursos do Experience Cloud, mas vimos o básico por enquanto. Estamos prontos para levar nossas páginas de login para a era moderna com identidade voltada para dispositivos móveis.

Adicionar marca ao site

Na página Login e registro, você pode adicionar marca a todas as páginas relacionadas à experiência de login. Ou seja, a identidade visual se aplica a páginas onde os usuários se inscrevem, fazem login, verificam sua identidade, redefinem senhas e muito mais.

1. Como logotipo, você pode fornecer seu próprio logotipo carregando um arquivo ou inserindo uma URL. Mas vamos usar o nosso. Para usar nosso logotipo da NTO, baixe-o do nosso repositório do GitHub:
   https://github.com/salesforceidentity/Mobile-first/blob/master/logo-nto.png
   

1. Clique no link do GitHub acima e clique em Baixar.
   
2. Na página Login e registro, em Arquivo de logotipo, clique em Escolher arquivo. Em seguida, localize logo-nto.png na pasta de downloads no sistema de arquivos.
   
3. Role até o fim da página e clique em Salvar. Em Arquivo de logotipo, agora você deve ver o logotipo da Northern Trail Outfitters. Logotipo legal, né?
   

2. Para conferir como uma imagem em segundo plano anima suas páginas de login, você pode fornecer uma URL para uma imagem. Se você não tiver uma boa imagem hospedada, deixe Background Type (Tipo de segundo plano) definido como Color (Cor) e escolha uma nova cor para Background (Segundo plano).
   

1. Para escolher uma imagem de segundo plano, em Background Type (Tipo de segundo plano), selecione Image URL (URL da imagem) na lista suspensa.
   
2. Como URL da imagem de fundo, digite uma URL que direcione para uma imagem. Nosso fundo é o que você pode esperar de uma loja de equipamentos ao ar livre: montanhas verdes e céu azul.
   

3. Altere a cor do botão de login para combinar com o seu tema corporativo. Essa cor se aplica a botões em todas as páginas relacionadas ao login, incluindo login, inscrição, verificação e redefinição de senha.
   
4. Atualize o texto do rodapé com Northern Trail Outfitters ou seu próprio nome.
   
5. Clique em Salvar.
   

Configurar a detecção de login

Que comece a diversão. Você montou seu site e colocou marca. Agora, vamos configurar o login móvel. Como mencionado na Unidade 1, a detecção de login oferece aos usuários a opção de fazer login com algo diferente do nome de usuário, por exemplo, seu número de telefone. Quando você configura a detecção de login na página Login e registro, os usuários podem fazer login automaticamente com seu endereço de email ou número de telefone verificado.

1. Na sua página de Login e registro, encontre Configuração da página de login. 
   
2. Como Tipo de página de login, selecione Página de detecção de login.
   
3. Em Prompt de login, digite Email ou telefone.
   
4. Clique em Criar um manipulador de detecção de login.
   
5. Em Execute Login As (Executar login como), clique em  e selecione seu nome para escolher você mesmo. (Na produção, os administradores normalmente criam um usuário de sistema para esse campo. Assim, as operações realizadas pelo manipulador podem ser facilmente rastreadas até o processo de login.)
   
6. Selecione Permitir que funcionários façam login diretamente em um site do Experience Cloud.
   
7. Clique em Salvar. Depois de salvar essa página, o Salesforce gera um manipulador padrão de descoberta de login. O manipulador de detecção de login aponta para uma classe do Apex que implementa a lógica de detecção de login. Você pode aprender mais sobre o manipulador e como personalizá-lo na próxima unidade.
   
8. Vamos ver como ficou sua página de login com o tipo de página Detecção de login.
   

1. Em Administração, clique em Configurações.
   
2. Clique com o botão direito do mouse na URL e selecione Open Link in Incognito Window (Abrir o link em uma janela de navegação anônima) (no Chrome) ou Open Link in New Private Window (Abrir o link em uma nova janela privada) (no Firefox ou no Safari). 
   

O centro da página de login mostra Email ou telefone como o prompt e Fazer login como o botão. Nosso fundo usa a URL da nossa imagem ao ar livre.

Configurar a página de inscrição do site

Você tem uma página de login para os membros do seu site. Agora vamos criar alguns membros. Os usuários poderão se inscrever no site depois que você configurar a página de inscrição do site.

1. Na página Login & Registration (Login e registro), em Registration Page Configuration (Configuração da página de registro) próximo da parte inferior da página, selecione Allow customers and partners to self-register (Permita que clientes e parceiros possam fazer a inscrição automática).
   
2. Em Tipo de página de registro, escolha Página configurável de registro automático.
   
3. Escolha quais campos de usuário você deseja que os clientes forneçam quando se inscreverem. Para simplificar este exercício, selecione First Name (Nome) e Email.
   
4. Clique em Criar um manipulador configurável de registro automático.
   
5. Na opção Fazer registro como, escolha você mesmo. Assim como o manipulador de detecção de login acima, Executar registro como fornece o contexto em que o manipulador configurável de registro automático é executado.
   
6. Como método de verificação, selecione E-mail. Ao escolher Email como método de verificação, o Salesforce enviará um código de verificação em uma mensagem de email para sua caixa de entrada. Se você escolher Mensagem de texto, o Salesforce enviará um código de verificação em uma mensagem de texto para seu celular. Se escolher Nenhum, os usuários deverão digitar uma senha para fazer login.
   
7. Mantenha Incluir senha desmarcado. Para um processo de inscrição mais simples, não coletaremos uma senha agora. Mas se você selecionar Incluir senha, o formulário de registro automático conterá os campos Senha e Confirmar senha. Uma vantagem de pedir a senha no registro é garantir que os usuários sempre tenham uma maneira de fazer login. É útil para aqueles usuários que não conseguem encontrar o telefone nem acessar o e-mail.
   
8. Em Profile (Perfil), escolha NTO Customer (Cliente da NTO).
   
9. Em Conta, escolha Clientes da NTO. A configuração da página de registro deve ter esta aparência. Observe que o método de verificação é Email.
   
10. Clique em Salvar. Depois de salvar essa página, o Salesforce cria um manipulador que gera sua página de inscrição.
    
11. Vamos ver como é sua página de login agora que configuramos o tipo de página configurável de registro automático. Atualize a janela anônima que contém a página de login.
    

Sua página de inscrição fica mais ou menos assim. Sua página de login não tem o motivo ao ar livre do nosso fundo. Mas você entendeu a ideia.

Teste: inscrever-se e fazer login em um novo cliente

Agora, novos clientes podem se inscrever no site do Joel. Para testar se um novo usuário pode realmente se inscrever e fazer login, Joel pode criar um cliente na página de login.

1. Retorne para a janela privada (anônima) e recarregue a página de login. Se você fechou a janela, em Administração, selecione Configurações e clique com o botão direito no caminho para o site.
   
2. Joel clica em Inscrever-se e cria um cliente de teste, usando o nome Samantha. Joel quer receber e-mails de verificação e testar o processo de inscrição, então ele precisa usar um endereço de e-mail que ele possa acessar. Mas ele não quer usar o endereço de e-mail que está vinculado à conta administrativa no site. Então ele digita outro endereço de e-mail.
   
   
3. O Salesforce mostra a página Verificar e envia um código de verificação para o endereço de e-mail.
   
4. Joel verifica a caixa de entrada para obter o e-mail com o código de verificação e digita o código na página Verificar.
   
   

E aqui está. Joel chegou na página inicial do site. Para ver quem está logado, ele clica no ícone do perfil à direita e seleciona Meu perfil.

Ele vê que está logado como um novo cliente chamado Samantha. 

Observe que o sobrenome da Samantha aparece como ExternalUser1550768707871. Por quê? O Salesforce requer um sobrenome para criar um usuário. Como Samantha não forneceu um ao se inscrever, o Salesforce atribuiu a ela um sobrenome temporário. Nos logins subsequentes, a NTO poderá solicitá-lo, juntamente com outras informações de perfil. Dessa forma, a NTO monta o perfil de Samantha enquanto ela permanece no caminho para se tornar uma cliente fiel da NTO. Os especialistas em identidade podem se referir a essa montagem do perfil de um membro como perfil progressivo alimentado pelo fluxo de login.

Um grande aviso! Se você tentar criar outro usuário, verá um erro do tipo "A mensagem de erro é: o usuário do portal já existe para o contato" Não entre em pânico. Explicaremos por que mais tarde.

Fazer login e visualizar seu novo cliente do site

Dada a sua natureza cética, Joel se pergunta se Samantha pode entrar no site depois de se inscrever. Como ela faz login se não digitou uma senha quando criou a conta? Joel verifica. Ele usa uma nova janela anônima privada no navegador para testá-lo.

1. Faça login no site da NTO como Samantha.
   

1. Joel abre uma nova janela anônima privada no navegador.
   
2. Na página de login da NTO, Joel faz login como Samantha digitando o endereço de e-mail que usou quando a inscreveu.
   
3. Joel procura um novo código de verificação em seu email e o insere na página Verificar.
   

2. É fato que Joel (como Samantha) voltou para a página inicial da Northern Trail Outfitters.
   
3. Verifique se Samantha está listada como um contato na conta Clientes da NTO. Joel volta para sua organização do Salesforce. Ele quer ver se Samantha é uma cliente na conta Clientes da NTO. Lembra que criamos a conta Clientes da NTO mais cedo? Essa conta lista todos os clientes que se inscreveram.
   

1. No App Launcher (Iniciador de aplicativos) (), encontre e selecione Accounts (Contas).
   
2. Na lista de contas, escolha Clientes da NTO.
   

4. Sucesso! Samantha está listada como um contato na conta Clientes da NTO.
   

Inscrever mais clientes

Joel quer criar mais clientes em sua organização. Ele pode porque sua organização Playground dá algumas licenças External Identity e Communities. Mas ele não pode criar clientes com o mesmo endereço de email. Cada cliente precisa ser único, ou seja, ele tem que inventar outros endereços de email para adicionar mais clientes.

Joel pode verificar facilmente se os clientes têm endereços de email exclusivos na página Usuários em Configuração. Para ver uma lista de endereços de email dos usuários, Joel primeiro cria um modo de exibição de lista de usuários de acordo com instruções de uma unidade posterior. Se acontecer de dois usuários terem o mesmo endereço de email, ele poderá desativar um deles desmarcando a caixa de seleção Ativo do usuário.

Ou, em vez de desativar um usuário, Joel pode desativar o cliente em Contatos.

O que vem a seguir?

Você criou páginas padrão de login e inscrição. A seguir, vamos ver como podemos personalizar o processo de login.

Recursos

• Trailhead: Identidade para os clientes
  
• Ajuda do Salesforce: Personalizar o login, o registro automático e o gerenciamento de senhas para o seu site do Experience Cloud
  
• Ajuda do Salesforce: Personalizar sua página de login
  
• Vídeo: Serviços do Salesforce Identity: um mundo móvel requer um login móvel