> 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/integracoes/como-fazer-integracoes.md).

# Como fazer Integrações

A AtendChat foi projetada para funcionar junto com o aplicativo de comunicação que você já usa, como CRMs, etc. São três formas de integração disponíveis: usando Typebot, Dashboard Apps e Webhooks.

{% embed url="<https://youtu.be/5Ca-zMdOZj0>" %}

É importante deixar claro como funcionam as integrações com o nosso sistema: o seu CRM nos envia alguns dados pré-configurados através de uma API, enquanto a Atendchat recebe essas informações e passa para o cliente conforme sua solicitação via chat. Tudo isso é feito de forma automatizada graças a uma integração.

### 1. Utilizando o Typebot

Essa forma de integração é feita pelo suporte da Atendchat, mas há uma etapa que deve ser feita dentro do CRM, pelo cliente. Trata-se da criação de um Token de integração.

[Acesse aqui](/integracoes/como-fazer-integracoes/sistema-sgp.md), para entender como é feita a criação desse Token no **Sistema SGP** como exemplo.

{% hint style="info" %}
Procure saber se o seu sistema de gestão (CRM) já possui integração com a Atendchat, caso ainda não possua, você pode solicitar essa integração para um dos nossos consultores.
{% endhint %}

### 2. Webhooks

Para começar a configurar, clique em **Configurações** na sua página inicial. Em seguida, clique em **Integrações**. Você verá a tela que exibe as formas de integração e as integrações já instaladas, caso possua. Se sua Conta/Projeto estiver usando Webhooks para comunicação, clique no botão "**Configurar**" em Webhooks na Janela de Integração.

<figure><img src="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2FVPah7c3yKGmnvgCMj39v%2Fg16.jpg?alt=media&amp;token=9a3c02c6-8246-4281-8c4b-a7bb80353efc" alt="" width="563"><figcaption></figcaption></figure>

Clique no botão "Adicionar novo webhook" no canto superior direito da tela.

<figure><img src="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2FHBV6OCq9pOgLwWqVD9ma%2Fimage.png?alt=media&amp;token=1a218ce4-dd11-428d-80ae-1ff9d2d25ad0" alt="" width="563"><figcaption></figcaption></figure>

Uma tela se abre onde você pode inserir os detalhes do novo Webhook que deseja criar.

<figure><img src="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2Fgff2is4rZxbgzkMxzfaY%2Fg17.jpg?alt=media&amp;token=db7045db-3768-4c2d-9d34-302411ebfa13" alt="" width="413"><figcaption></figcaption></figure>

Cole o link do Webhook e escolha o evento que irá ocorrer com esse Webhook. Por fim, clique em **Criar webhook**.

### **3. Aplicativos da Dashboard Apps**

Seguindo a primeira imagem desta página, para configurar os aplicativos do painel, clique em **Apps da Dashboard**, clique em **Configurar > Adicionar um novo app da dashboard**, atribua um nome para seu App e em **Endpoint** você irá pôr a URL do endpoint que deverá buscar onde o aplicativo em questão foi hospedado.

Lembrando que é possível que nossa equipe te ajude com a integração do seu programa à AtendChat.  Fale com um dos nossos especialistas e consulte nossos pacotes de desenvolvimento.