> For the complete documentation index, see [llms.txt](https://help.hyperflow.global/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.hyperflow.global/docs/novidades-release-notes/release-17-07-24.md).

# 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="/files/9a0VwwH1A0pi7OIkwWXK" 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="/files/3oNsCGGf0JJPc3VOUZir" 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="/files/IWbOuGa3zOzyElAmWT0q" 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="/files/q9SrA21wYpRUke7OZbyw" 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="/files/DFe7aE3xFRb0Fg8ZO0xa" 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="/files/uHqg0QACHlJBmaJwQWyX" 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="/files/iTscZ70Lu6YHyABWvyRN" 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="/files/gMSYt6EINQbOZRgM2K9z" 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="/files/F9d5la7tPB48ietOtbCU" 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="/files/AKgIkV6pwzDz0HL6kMyv" 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="/files/6XWHuBE36Cipc8rt0PoD" 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="/files/y36ITIxNPh15u4bCjaUx" 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="/files/bVCezymYi8id5hhFkdAC" 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="/files/gdOZWxdl8iHT2E1pnwep" 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="/files/s5yBU0dRKzE4CHoHMN93" 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="/files/zpfF6S0IRculVdukfQol" 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.