# Integração - Botão de diálogo/widget

Primeiramente, iremos fazer login na plataforma do Chatbase e, em seguida, clicar em 'painel', conforme a imagem:

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FlqarpXAcgJJEYzeNQsNd%2Fimage.png?alt=media&#x26;token=85b4e85f-48ba-4a7e-a703-2f0742ebce8e" alt=""><figcaption><p>Chatbase</p></figcaption></figure>

Agora que você já criou seu Bot, basta clicar nele!

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FbARuwQ3tsSTOBznEJTiR%2Fimage.png?alt=media&#x26;token=0c616a7e-476f-4d17-ae51-72b1b41fa83f" alt=""><figcaption><p>Chatbase</p></figcaption></figure>

Em seguida vamos em **'configurações'** e copiamos o **'ID do chatbot',** conforme a imagem:

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2F9sxbNzdCDreErG9jJkaD%2Fimage.png?alt=media&#x26;token=9cf436aa-685f-4975-9771-f649f7fe381d" alt=""><figcaption><p>Chatbase</p></figcaption></figure>

Prontinho, agora que você pegou o **ID do chatbot**, nós configuraremos ele no Curseduca.

## Curseduca - Integração

### Integração - Como colocar o balão de diálogo/widget?

Na Home da plataforma, vá para a aba de configurações:

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FVRMWNCBGyrnOLsuI6Vg8%2Fimage.png?alt=media&#x26;token=46ba60cf-1336-49b8-95cd-fb7b440e1218" alt=""><figcaption><p>Home</p></figcaption></figure>

Agora vá em **configurar integrações**, conforme mostra a imagem:

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FrDWV12c3R1PFCgzf4c6i%2Fimage.png?alt=media&#x26;token=42b25291-ed0a-4ffa-be4f-909696db8336" alt=""><figcaption><p>Home>configurações</p></figcaption></figure>

Agora selecionamos o Chatbase

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FNOrl86URbynXiYPWyLqP%2Fimage.png?alt=media&#x26;token=180e5f1c-88c0-49d0-93d3-fcb4f80182dd" alt=""><figcaption><p>Home>configurações> integrações</p></figcaption></figure>

Cole o ID copiado no campo '**ID do Chatbot',** em seguida clique no botão '**Salvar'**

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2F4K3Cknn7bmv9AmRHWYJw%2Fimage.png?alt=media&#x26;token=f2159a81-a9f0-41f1-bf3f-b8b7c46c3e45" alt=""><figcaption><p>Home>configurações> integrações> chatbase </p></figcaption></figure>

***

#### Dúvidas? Assista ao tutorial em vídeo

{% embed url="<https://drive.google.com/file/d/1yDb7zfc_d1cdGbgfMlSzx28m-Mdh0dE2/view?usp=sharing>" %}
Tutorial em vídeo - Integração Chatbase
{% endembed %}

{% hint style="info" %}

#### **NOTA:** Todos os códigos e URLs são para exemplificação da Central de Ajuda. Nenhum código deve ser copiado diretamente da Central de Ajuda, cada plataforma tem o seu. Por isso, siga o passo a passo para obter o seu webhook e ou código/ID de produto.

{% endhint %}