> For the complete documentation index, see [llms.txt](https://ajudachat.hotmobile.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajudachat.hotmobile.com.br/comecando/crie-um-bot-de-atendimento.md).

# Crie um Bot de Atendimento

{% embed url="<https://youtu.be/sLUwAa1oK_E>" %}

## Como criar um Bot de Atendimento

Antes de tudo, caso você já não possua uma conta no Typebot, precisará criá-la. Veja o passo a passo:&#x20;

1. Acesse o link: <https://app.typebot.io/register>, onde você será direcionado para tela de registro. Basta preencher os dados de acordo com o solicitado para criar sua conta.

<figure><img src="/files/c9Cggjwbj41xvxtCxiJf" alt="" width="375"><figcaption></figcaption></figure>

2. Quando finalizar, será direcionado para a tela inicial do Typebot.

<figure><img src="/files/8mFzOmNaeTlLEM5oYPde" alt="" width="563"><figcaption></figcaption></figure>

3. Clique em ***Create a typebot*** para criar um novo bot.

<figure><img src="/files/5qtHvInJ0scScH9CdB3V" alt="" width="563"><figcaption></figcaption></figure>

4. Uma nova tela se abrirá e nela você encontrará 3 opções:

* Comece do zero (***Start from a scratch***);
* Comece com um template (***Start from a template***);
* Import um arquivo  (***Import a file***).

<figure><img src="/files/QqCgJPM7LalBlVf6CHLv" alt="" width="563"><figcaption></figcaption></figure>

### Comece do zero

Assim que clicar nessa opção, você verá o seguinte pop up se abrir. Feche-o e inicie sua criação.

<figure><img src="/files/eqoFXw1cnap0SbQwkhL0" alt="" width="284"><figcaption></figcaption></figure>

Essa é sua área de trabalho:

<figure><img src="/files/1xbAXZztnPLzJZ9K4EBu" alt="" width="563"><figcaption></figcaption></figure>

A principais ferramentas aqui estão separadas em 3 grupos:

* Bubbles. Que são as ações que você realiza;
* Inputs. Que são os espaços para interação com seus contatos;
* Logic. Que são as ferramentas de variáveis dentro do typebot.

Vamos começar pelo grupo ***Bubbles***. Para construir nosso bot, vamos usar as ferramentas de ***texto*** e ***imagem***.

<figure><img src="/files/POTYNCp8QqnwvidzN8O3" alt=""><figcaption></figcaption></figure>

Para adicionar a ação, basta ***arrastá-la para a área de trabalho***. Nesse exemplo vamos dar boas vindas, enviar um GIF e solicitar os dados do cliente.

<figure><img src="/files/QzqYsxXGoLaLinGU7jFL" alt="" width="563"><figcaption></figcaption></figure>

Para coletar dados, usaremos as ferrementas do grupo ***Inputs***.

<figure><img src="/files/uRsLE20c69EnQmCgtRGu" alt=""><figcaption></figcaption></figure>

Arraste a ação desejava para dentro do ***Group #1***. No exemplo usaremos o e-mail, mas você pode utilizar essa ferramenta para coletar texto, resposta em número, site, data, telefone, etc.

<figure><img src="/files/W414u34UEVcgz1mKFhkr" alt="" width="300"><figcaption></figcaption></figure>

Para a próxima ação, você arrastará a ação para fora do ***Group #1***, gerando uma nova ação. Isso fará com que a próxima ação só seja executada após a resposta do cliente.

<figure><img src="/files/Ze04G99ZuYwyxJIlmXOa" alt="" width="464"><figcaption></figcaption></figure>

Na segunda mensagem, queremos que o cliente nos responda novamente, para isso usaremos a opção de coleta de **texto**.

<figure><img src="/files/eM5YS5YbYkrduEjF2dJb" alt=""><figcaption></figcaption></figure>

Arraste para dentro do ***Group #2***, clique em ***Type your answer*** e um pop up irá se abrir.

<figure><img src="/files/PVeQTj6k7VHVd0gCzfVT" alt=""><figcaption></figcaption></figure>

Clique no botão destacado (***passo 1***) e insira um nome para essa resposta (***passo 2***). Ex: resposta 1

<figure><img src="/files/giyq6BON2I5eFiq4Gt8N" alt="" width="342"><figcaption></figcaption></figure>

Clique em ***+ Create*** (***passo 3***), em seguida clique em ***Select a variable*** (***paasso 4***) e insira a resposta que acabou de criar. Vai ficar assim:<br>

<figure><img src="/files/7BmheBvVN0nUPVDRGRmH" alt=""><figcaption></figcaption></figure>

Para que cada resposta traga uma ação diferente, vamos usar a ferramenta ***Condition*** do grupo ***Logic.***

<figure><img src="/files/mHjfVX3xBbknBuaVHG3N" alt=""><figcaption></figcaption></figure>

Arraste para dentro do ***Group #2***, clique em ***Configure*** e em seguida ***+ Add comparison.***

<figure><img src="/files/7yh4X1ab31422AdggZWK" alt="" width="364"><figcaption></figcaption></figure>

Um pop up se abrirá. Siga o passo a passo.

1. Clique em ***Search for a variable*** e insira a resposta que criou.
2. Em ***Select an operator*** selecione ***Equal to.***
3. Em ***Type a value*** digite o número que deseja na resposta. Nesse exemplo vamos digitar o número 1.
4. Clique fora do pop up.

Para adicionar uma segunda resposta, clique no **+** entre as duas variáveis e repita o passo anterior, substituindo o número 1 por 2. Confira o exemplo:

<figure><img src="/files/9kdKNAhqk1rEvzgPBpdj" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="info" %}
*Lembre-se de conectar todas as ações na ordem que deseja que ocorram, inclusive o **Start**.*
{% endhint %}

<figure><img src="/files/Ab5nziau4rchU33tgAVD" alt="" width="375"><figcaption></figcaption></figure>

> Repare que o **Senão** é conectado a uma mensagem (***Group #5***) e essa mensagem é conectada ao coletor de resposta novamente. Isso significa que, caso o contato responda qualquer outra coisa que não tenha sido cadastrada, nesse exemplo são os número ***1*** e ***2***, ela vai receber essa mensagem e em seguida vai ser solicitado uma nova resposta, criando assim um looping que permanece até que aja o acerto.&#x20;

## Como realizar a integração Typebot

Para fazer a integração é ainda mais simples. Você deverá clicar em ***Compartilhar***, na parte superior da sua área de trabralho, e em seguida clicar em ***Copiar***.

<figure><img src="/files/A1wr8dbkjMEQ3YWvAbBq" alt="" width="562"><figcaption></figcaption></figure>

Em seguida você irá colar essa ***URL*** na conversa com um o seu consultor comercial, e ele fará a integração para você. Pronto! Sua conexão agora possui um ***Bot de Atendimento*** personalizado.