Criar um fluxo de tela

Objetivos de aprendizagem

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

• Criar um fluxo de tela simples.
  
• Usar componentes de tela simples para fazer perguntas.
  
• Adicionar informações de orientação a uma tela de fluxo.
  

Nota

Deseja aprender em português (Brasil)? Comece o desafio em um Trailhead Playground de português (Brasil) e use as traduções fornecidas entre parênteses para navegar. Copie e cole somente os valores em inglês porque as validações dos desafios dependem de dados em inglês. 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.

Este emblema é uma das paradas no caminho para dominar o Flow Builder. Do início ao fim, a trilha Criar fluxos com o Flow Builder leva você numa jornada de aprendizado sobre tudo o que envolve o Flow Builder. Siga esta sequência recomendada de emblemas para desenvolver habilidades de automação de processos fortes e se tornar um especialista em Flow Builder.

Desafio prático

Preparado para começar a trabalhar com o Flow Builder?

Inicie seu Trailhead Playground agora para acompanhar e experimentar as etapas deste módulo. Para abrir seu Trailhead Playground, role até o desafio prático e clique em Launch (Iniciar). Você também poderá utilizar o Trailhead Playground quando for necessário concluir os desafios práticos.

Por exemplo, veja os detalhes do fluxo que você planejou na unidade anterior. Nessa unidade, você cria o fluxo.

Elemento Screen (Tela)

Elemento Create Records (Criar registros)

Criar um fluxo de tela e adicionar um elemento de tela

Vamos começar criando um fluxo de tela e adicionando uma tela a ele.

1. No Flow Builder, crie um Screen Flow (Fluxo de tela).
   
2. Adicione um elemento de tela.
   
3. No painel Screen Properties (Propriedades da tela), em Label (Rótulo), insira Questions (Perguntas).
   O rótulo é mostrado na tela do Flow Builder e não é mostrado aos usuários. Os usuários veem o nome do fluxo na parte superior da tela.
   
   

Adicionar texto de orientação

Chegou a hora de adicionar alguns elementos à tela. Antes de começarmos a fazer perguntas, vamos disponibilizar um script para orientar os agentes de suporte em uma conversa com um cliente. Queremos ajudar a equipe de suporte a falar as coisas certas, então comece com um texto de orientação.

1. Arraste Display Text (Exibir texto) da lista Components (Componentes) para a tela. Como alternativa, você pode clicar no nome do componente para adicioná-lo ao final da tela.
   
   

Quando você adicionou o componente Display Text (Exibir texto) à tela, notou que o painel direito mudou? Quando um componente é selecionado, o painel de propriedades tem informações e opções de configuração desse componente. Quando nenhum componente é selecionado, o painel de propriedades tem informações e configuração da tela atual.

2. No API Name (Nome da API), insira SayThisText.
   
3. Abaixo do nome da API há um campo de rich text sem nome. É ali que você insere o texto que deseja mostrar aos seus usuários. Insira:
   

   (Say this to the caller)
   Thank you for calling Pyroclastic, Inc. We’re sorry you’re having trouble with our products and we want to help you as quickly as possible. Can you please describe the problem you’re having?

4. Altere a formatação do texto para que a fonte seja Salesforce Sans e o tamanho seja 14. Altere a formatação da primeira linha para deixá-la em negrito e na cor vermelha brilhante, para que ela se destaque do restante do texto.
   
   

Adicionar perguntas

Em seguida, vamos adicionar as perguntas para o agente de suporte responder.

1. Para dar aos agentes de suporte bastante espaço para descrever o problema do chamador, adicione um componente de texto longo.
   

• Arraste Long Text Area (Área de texto longo) da lista Components (Componentes) para a tela.
  
• Em Label (Rótulo), insira Problem Description (Descrição do problema).
  
• Nas propriedades de Long Text Area( Área de texto longo), em API Name (Nome da API), insira ScreenDescription.
  Sim, estamos criando um componente de tela com um rótulo e um nome de API que não correspondem. Às vezes, faz sentido criar um componente de tela com um rótulo que seja fácil para os usuários do seu fluxo entenderem, juntamente com um nome de API que seja fácil para você e outros administradores entenderem.
  
• Clique em Require (Obrigatório) para evitar que os usuários concluam o fluxo sem responder a essa pergunta.
  
  

2. Adicione uma pergunta de texto para os agentes inserirem o assunto do caso.
   

• Arraste Text (Texto) da lista Components (Componentes) para a tela.
  
• Em Text Properties (Propriedades de texto), em Label (Rótulo), insira Case Subject (Assunto do caso).
  
• Em API Name (Nome da API), insira ScreenSubject.
  Aqui, estamos dando a ela um nome exclusivo para evitar confusões posteriormente.
  
• Clique em Require (Obrigatório).
  

3. Adicione uma opção de alternância que permita fechar o caso à medida que ele for criado, caso o agente de suporte tenha resolvido o problema do cliente durante a chamada.
   

• Arraste Toggle (Alternar) da barra lateral Components (Componentes) para a tela.
  
• Em API Name (Nome da API), insira CloseCase.
  
• Em Label (Rótulo), insira Were you able to solve the customer's problem during this call? (Você resolveu o problema do cliente durante a chamada?)
• Em Active Label (Rótulo ativo), insira Yes, Solved (Sim, resolvido).
  
• Em Inactive Label (Rótulo inativo), insira No, Not Solved (Não, não resolvido).
  
  

4. Clique em Done (Concluído) para fechar o elemento de tela.
   

E assim, você tem uma tela que faz três perguntas. 

Usar as respostas para criar um caso

Até agora, você tem Description (Descrição), Subject (Assunto) e Status (Solved [Resolvido] ou Not Solved [Não resolvido]) inseridos pelo usuário no elemento de tela. É hora de criar uma fórmula para alterar o valor True (Verdadeiro) ou False (Falso) da opção de alternância para Closed (Fechado) ou New (Novo), mas há um problema. (De novo!) Não é possível determinar a escolha do usuário a partir da própria opção de alternância. Você tem que fazer referência à propriedade de valor da opção de alternância da seguinte forma: 

{!CloseCase.value}

Além disso, para usar Account ID (ID da conta) e Contact ID (ID do contato) do registro de contato atual, você precisa de uma variável que possa receber cada ID no fluxo.

1. Crie um recurso de fórmula:
   

• API Name (Nome da API): frmStatus
• Tipo de dados: Texto
  
• Fórmula: IF({!CloseCase.value} = TRUE, "Closed", "New")
  

Você deve se lembrar que uma melhor prática para fórmulas é usá-las somente quando você não conseguir obter o resultado que precisa de nenhuma outra forma. Bem, agora estamos alterando essa regra. Nesse caso, poderíamos usar um elemento Decision (Decisão) e dois elementos Assignment (Atribuição), mas a fórmula é muito mais eficiente para esse caso de uso simples.

2. Crie uma variável para receber a ID do contato atual:
   

• API Name (Nome da API): inputContactId
• Tipo de dados: Texto
  
• Selecione Available for input (Disponível para entrada).
  

3. Crie uma variável para receber a conta do contato atual:
   

• API Name (Nome da API): inputAccountId
• Tipo de dados: Texto
  
• Selecione Available for input (Disponível para entrada).
  

4. Após o elemento Screen (Tela), adicione um elemento Create Records (Criar registros) para criar o caso:
   

• Rótulo: Create Case (Criar caso)
• Como definir valores de campos de registro: Manualmente
  
• Objeto: Caso
  
• Definir valores de campo:
  

• Campo: Account ID (ID da conta), Valor: inputAccountId
  
• Campo: Contact ID (ID de contato), Valor: inputContactId
  
• Campo: Description, Valor: Questions (Perguntas) > Problem Description (Descrição do problema)
  
• Campo: Status, Valor: frmStatus
  
• Campo: Subject, Valor: Questions (Perguntas) > Case Subject (Assunto do caso)
  

5. Salve o fluxo. Em Label (Rótulo), insira Create Case for Contact (Criar caso para contato).
   

Sua Caixa de ferramentas e a tela do Flow devem ter a seguinte aparência.

Recursos

• Ajuda do Salesforce: Elemento do fluxo: Tela
• Ajuda do Salesforce: Componentes de tela do fluxo fornecido
• Ajuda do Salesforce: Componente de entrada da tela de fluxo: Alternar
• Trailhead: Distribuição do fluxo da tela