# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ajudachat.hotmobile.com.br/comecando/crie-um-bot-de-atendimento.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.