> For the complete documentation index, see [llms.txt](https://sejasuri.gitbook.io/webchat/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sejasuri.gitbook.io/webchat/configuracao.md).

# Configuração

A configuração do WebChat consiste em inserir um `script`, ou seja, um trecho de código à página do seu site. É importante pontuar que a visualização do WebChat na página depende de dois pontos:

* Adicionar corretamente o ID de sua Suri no `script`
* Adicionar o `script` no local mais apropriado na página HTML

Por exemplo, se você deseja ter o WebChat em todas as páginas do seu site, será necessário a inserção do script em um local compartilhado entre todas as páginas, comumente, no `header` ou `footer` de seu site. Se possível e necessário, consulte sua equipe de TI para maiores informações.

### Encontrando o ID da Suri

O identificador da Suri pode ser encontrado no [Portal Suri by Chatbot Maker](https://portal.chatbotmaker.io/), na página de Configurações, aba Geral.

<figure><img src="https://651883031-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPQfwmDn6QuentV9H72Eo%2Fuploads%2FHS6zjmE0vpx9zYZNwBLr%2Fimage.png?alt=media&amp;token=3e1ab653-42fe-4c65-bd12-e41b0bc93196" alt=""><figcaption><p>O primeiro campo, destacado na cor azul, contém o ID de sua Suri. Ele tem o formato "cbXXXX", onde XXXX são números</p></figcaption></figure>

Com o ID em mãos é hora de adicionar o `script` a seu site. Para isso, separamos algumas possíveis formas de fazê-lo, de acordo com a tecnologia utilizada por ele. Basta escolher a que melhor representa sua realidade:

{% content-ref url="/pages/ndQ2aJWob06efA6I5XGC" %}
[Adicionando ao Javascript](/webchat/configuracao/adicionando-ao-javascript.md)
{% endcontent-ref %}

{% content-ref url="/pages/yV3t0Yu5KVqYnZshiBUu" %}
[Adicionando ao WordPress](/webchat/configuracao/adicionando-ao-wordpress.md)
{% endcontent-ref %}