# Release 17/07/24

As principais funcionalidades, estão destacadas com ⭐️

## Hyperflow Builder

* **Builder - Canal de e-mail genérico.** \
  Foi adicionado um novo canal de e-mail genérico para que os clientes possam incluir canais de e-mail fora do hub Gmail/Outlook.

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FS4tagGH9W8Yno3B4mtBc%2Fimage.png?alt=media&#x26;token=6c6052f8-66bb-46b8-b68b-f442092a6766" alt=""><figcaption><p>Imagem 1 - Localização do canal de e-mail genérico</p></figcaption></figure>

  Ainda há a possibilidade de selecionar um modelo entre algumas opções:&#x20;

  * *New* -> Todos os campos ao tentar conectar devem ser preenchidos manualmente&#x20;

    <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2F12S4U6LRSlUsi9nIxflN%2Fimage.png?alt=media&#x26;token=e9aec8e0-db84-4854-84d8-ec3b3fce5e48" alt=""><figcaption><p>Imagem 2 - Exemplo utilizando modelo 'New'.</p></figcaption></figure>
  * *Gmail* -> Preenchemos os campos de acordo com os dados do Gmail automaticamente, porém, se faz necessário inserir o usuário, a senha e informar o fluxo padrão cujo esse canal será utilizado.\
    &#x20;

    <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FOPo9W6jATDTCHsw9I5h2%2Fimage.png?alt=media&#x26;token=6560a730-29ac-450e-a253-587bb8aaee5a" alt=""><figcaption><p>Imagem 3 - Exemplo utilizando modelo 'Gmail'.</p></figcaption></figure>
  * *Outlook* -> Preenchemos os campos de acordo com os dados do Outlook automaticamente, porém, se faz necessário inserir o usuário, a senha e informar o fluxo padrão cujo esse canal será utilizado. <br>

    <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FYVOjHfx4mcMwS6kWX1v5%2Fimage.png?alt=media&#x26;token=f8e36c34-5de9-46c8-ac2b-d7bf5831d8f1" alt=""><figcaption><p>Imagem 4 - Exemplo utilizando modelo 'Outlook'.</p></figcaption></figure>
  * *Yahoo* -> Preenchemos os campos de acordo com os dados do yahoo automaticamente, porém, se faz necessário inserir o usuário, a senha e informar o fluxo padrão cujo esse canal será utilizado. <br>

    <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FvdEFZhWgPr4swzN2kH2o%2Fimage.png?alt=media&#x26;token=e16d989f-dc02-47fa-a157-b701936fec98" alt=""><figcaption><p>Imagem 5 - Exemplo utilizando modelo 'Yahoo'.</p></figcaption></figure>

**Observação sobre configurações adicionais dos e-mails:** \
Caso você esteja querendo conectar um e-mail Gmail, deve-se criar uma senha para aplicativos terceiros clicando [nesse link](https://accounts.google.com/v3/signin/challenge/pwd?TL=ALoj5AoAET3O46_N3i84nd0aHU8CTnM-M2753Lm_Tli6fAHIQUe_X1f8psX53Xe6\&cid=2\&continue=https://myaccount.google.com/apppasswords\&flowName=GlifWebSignIn\&followup=https://myaccount.google.com/apppasswords\&ifkv=AdF4I76mGl6r1vzRyolJbYMWl3PRjosQEOglsqxT8W4kD-3hwInq8nW_CRlrPKsw2T3oA-mrMXzruw\&osid=1\&rart=ANgoxce3hJJU90YpF5jP5Ih6-T9bDRRcDexm9rJ9kiQ0Ix5RAIRNRhIC4wxgt-mjPGcxphpTIKR_miIKofB1yUTkkRk2kJQwBRdmDQ-zcbWKAiTagvHf9y0\&rpbg=1\&service=accountsettings\&hl=pt_BR). Lembre-se de verificar se está habilitado a verificação em duas etapas do seu Gmail.\
Caso você esteja querendo conectar um e-mail Yahoo, deve-se criar uma senha para aplicativos terceiros seguindo o passo a passo [nesse link](https://br.ajuda.yahoo.com/kb/SLN15241.html?guccounter=1\&guce_referrer=aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS8\&guce_referrer_sig=AQAAAJ-rQnMHkknHLn-PMNLhfYwTj4NL25TJ1Tsj3HAj6M-OVviVw7Y-NbFYWSYsz_TQIj8Yhon_ZneNAlgmRn_4BPcT0jYbKzfV47DR_DSVfRbidrTpmBjIZmm9uUR1sTk8mFcDpGVSfSA3JNfPqKnDgow3H9FxR0b8FtfLi7UPC3G5).\
Caso você esteja querendo conectar um e-mail Outlook, deve-se criar uma senha para aplicativos terceiros seguindo o passo a passo [nesse link](https://support.microsoft.com/pt-br/office/adicionar-sua-conta-do-outlook-com-a-outro-aplicativo-de-email-ou-dispositivo-dom%C3%A9stico-73f3b178-0009-41ae-aab1-87b80fa94970).

* **Builder - Carousel**: O carousel do WhatsApp é um recurso que permite aos usuários enviar mensagens com múltiplas imagens ou links em um formato de carrossel. Cada item do carrossel pode conter uma imagem, um título, uma descrição e um link. Esse formato é especialmente útil para empresas e organizações que desejam compartilhar várias ofertas, produtos, ou informações de uma só vez, de maneira visualmente atraente e interativa. Os destinatários podem deslizar para a esquerda ou direita para visualizar todos os itens do carrossel dentro da mesma mensagem.

  * Para configurar o carousel no Builder, devemos seguir o passo a passo descrito abaixo:

    * No Builder, ir em 'Canais -> WhatsApp -> Editar’<br>

      <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FrSbleKsbFA2aRNAzp8rf%2FImagem%20do%20WhatsApp%20de%202024-07-12%20%C3%A0(s)%2014.37.25_dd648448.jpg?alt=media&#x26;token=52bd3c82-0363-493b-bfc0-ba2e1fb67a11" alt=""><figcaption><p>Imagem 6 - Edição do canal WhatsApp</p></figcaption></figure>
    * Logo em seguida, seguiremos para a aba ‘Templates de mensagem -> Criar novo template’&#x20;

      <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FrZ0SMF5ZarKpNH3daIQe%2FImagem%20do%20WhatsApp%20de%202024-07-12%20%C3%A0(s)%2014.38.01_f936a85b.jpg?alt=media&#x26;token=3c24ecd8-9f31-4459-ab37-c1f13426ca09" alt=""><figcaption><p>Imagem 7 - Criação de templates</p></figcaption></figure>
    * Selecionamos o template entre as opções ‘Marketing, Utilidades e Autenticação’
      * Após isso, entraremos na configuração do template, onde selecionamos a opção de ‘Carousel’ e devemos também selecionar se o formato será em vídeos ou em imagens.&#x20;
      * Ao selecionar o formato, devemos também adicionar um botão e uma descrição.
      * Após isso, enviamos para a Meta realizar a aprovação do template criado.

    <div data-full-width="true"><figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FkmlgeDQCyQUs1iLA09VA%2FImagem%20do%20WhatsApp%20de%202024-07-12%20%C3%A0(s)%2016.14.06_b581abf5.jpg?alt=media&#x26;token=2563c5ea-c210-442b-a6ec-6240f121c796" alt=""><figcaption><p>Imagem 8 - Seleção do formato, adição do botão e corpo do template</p></figcaption></figure></div>

    * Ao adicionar um botão, temos 3 opções distintas:&#x20;

      <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FBZY3Ue5OeqVUUzh7hQT1%2FImagem%20do%20WhatsApp%20de%202024-07-12%20%C3%A0(s)%2016.20.57_2b12499c.jpg?alt=media&#x26;token=ef147193-b8b8-4cf3-a9fc-023c631bd5f0" alt=""><figcaption><p>Imagem 9 - Tipos de ação</p></figcaption></figure>

      * Ligar - Inserimos um telefone na configuração do fluxo do Carousel criado. E ao selecionar essa opção no atendimento, o cliente será direcionado ao app de telefone com o número já descrito.
      * URL - Inserimos um link do produto apresentado no carousel para que, ao ser selecionado o botão pelo cliente, ele seja redirecionado automaticamente à uma página do produto.
      * Resposta rápida - Uma resposta rápida desse produto selecionado em questão.&#x20;
    * No fluxo, para que o novo template seja exibido, se faz necessário a adição de um nó de 'Enviar mensagem' do tipo 'HSM'.

      * Exemplo de como fica o nó com imagem:&#x20;

      <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2Fv6XKjbQNn2AV9FZeevf1%2Fvid%201.gif?alt=media&#x26;token=0f3b37b4-8ca9-416f-838f-7b0c7b6645b5" alt=""><figcaption><p>Imagem 10 - Nó de chat com formato imagem do Carousel</p></figcaption></figure>

      * Exemplo de como fica o nó com vídeo:

      <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FqyAKbfMyDCzliVQOmbjJ%2Fvid%202%20(1).gif?alt=media&#x26;token=6358f64a-ad16-4283-8492-fe60d53b5746" alt=""><figcaption><p>Imagem 11 - Nó de chat com formato vídeo do carousel</p></figcaption></figure>

      * Exemplo completo com várias imagens e vídeos dentro de um fluxo: <br>

        <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2F4uz7HdiqmTpsIQzEJpLP%2FVid%205.gif?alt=media&#x26;token=fdb9cd30-095a-4ea4-b3e1-e7d2bdab5d45" alt=""><figcaption><p>Imagem 12 - Exemplo de fluxo contendo carousel de imagens e vídeos.</p></figcaption></figure>
  * **Builder - Ativação em lotes**

  Foi criado uma nova tela contendo as informações de ativação em lote.\
  Essa tela fica presente também na tela ‘Ativações’ e é apresentada clicando no botão ‘Em lotes’ no canto superior direito.

  <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FkviR98gVM7YllOmer6co%2Fimage.png?alt=media&#x26;token=5c2bced7-3fcb-4db8-8c05-bf99bb53f896" alt=""><figcaption><p>Imagem 13 - Ativação em lotes e ativações únicas.</p></figcaption></figure>

**Builder - Geral**&#x20;

* Nesta atualização, também foram feitas correções menores e otimizações visando manter a plataforma Hyperflow Builder sempre atualizada, segura, e o mais robusta possível.

## Hyperflow Desk&#x20;

* **Desk - Carousel**\
  Para prosseguir com a configuração do carousel no Desk devemos ir em:
  * HSM -> Criar novo HSM
  * Selecionamos o Nome -> Departamento -> Canal -> Template (caso seja WhatsApp)
  * O template selecionado deve ser o do carousel.&#x20;
  * Já virá com todas as imagens ou vídeos selecionados no Builder, através do fluxo criado.\
    &#x20;

    <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2Fof2pV3iw4JW0iF30tTIE%2Fexemplo%20video.gif?alt=media&#x26;token=deafccf1-acc7-464c-b7e7-00ea3cc55a6e" alt=""><figcaption><p>Imagem 14 - Exemplo de vídeo com carousel</p></figcaption></figure>
  * Com isso, já nos atendimentos, teremos a opção de enviar esse HSM criado. Segue exemplo enviando os HSM de vídeo e de imagem:&#x20;

    <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2FWvNFKdcHr4oXo1vsluaD%2Fenvio%20hsm.gif?alt=media&#x26;token=f812cdee-a1eb-4818-a972-f8b56d872dce" alt=""><figcaption><p>Imagem 15 - Envio de HSM com imagens e vídeos usando carousel</p></figcaption></figure>
  * Para o cliente final, será apresentado da seguinte forma:&#x20;

    <figure><img src="https://3829578295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRWteFkm020DS5IbXoSgj%2Fuploads%2Fc8MOrVLpm9I9WmOohOBJ%2Fwhats%20cli.gif?alt=media&#x26;token=5f9efc93-f226-4a1b-ab30-8a00af1f8edc" alt=""><figcaption><p>Imagem 16 - Exemplo de imagens, vídeos, botões ligar e link</p></figcaption></figure>

**Geral - Melhorias**&#x20;

* Nesta atualização, também foram feitas correções menores e otimizações visando manter a plataforma Hyperflow Desk sempre atualizada, segura, e o mais robusta possível.