# WordPress

Para usar o bate-papo ao vivo da AtendChat no site WordPress, siga as etapas explicadas abaixo.

### **1. Baixe o Plug-in**

Baixe o arquivo Zip do plugin AtendChat WordPress mais recente do GitHub, conforme mostrado abaixo.

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

### **2. Carregue o plug-in no seu site**

Faça login na sua conta do WordPress. Navegue até o painel Admin e clique em “**Plugins**” na barra lateral. Você poderá ver o botão "**Adicionar** **novo**".

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

Você verá uma opção para carregar o plug-in, conforme mostrado na captura de tela abaixo. Clique em “**Upload**” e selecione o arquivo Zip baixado na etapa 1.

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

Após o upload do plug-in, você verá uma tela de sucesso com a opção "**Ativar plug-in**", conforme mostrado abaixo. Clique em "**Ativar Plug-in**".

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

Parabéns! O plug-in agora está instalado. Para concluir a configuração, você precisa compartilhar as credenciais do aplicativo AtendChat, conforme mostrado nas etapas abaixo.

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

### **3. Configure o Plug-in**

Agora, você poderá ver “**Configurações** **do AtendChat**” no menu "**Configurações**". Clique nele para atualizar a configuração do chat ao vivo.

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

Você será presenteado com a tela de configurações conforme mostrado abaixo. Configure seu plug-in AtendChat aqui para fazê-lo funcionar.

Você precisa criar uma caixa de entrada do site na instalação do AtendChat. Consulte este [guia](https://chat.hotmobile.com.br/hc/central-de-ajuda/pt_BR/canais/13) para criar uma caixa de entrada do canal do site.

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

As configurações de site disponíveis são as seguintes:

**Token do site Chatwoot / URL de instalação:** Depois de criar uma caixa de entrada do canal do site na instalação do AtendChat, você receberá um script. O token e o URL podem ser copiados conforme mostrado abaixo.

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

**Design de widget:** O AtendChat oferece suporte a dois designs para o widget de chat ao vivo, Design padrão e design de bolha expandida. Você pode ver os detalhes sobre isso aqui.

**Posição do widget:** Com base em sua preferência, você pode selecionar onde colocar o widget de chat ao vivo no site. As opções disponíveis são Esquerda e Direita.

**Linguagem:** AtendChat suporta mais de 30 idiomas. O idioma padrão é o inglês.

**Texto do iniciador:** Este é um campo opcional. Se você usar o design de bolha expandida, poderá usar o texto do iniciador para personalizar o texto exibido na bolha.

### **4. Verifique se o plug-in está funcionando corretamente**

Depois de fornecer os valores corretos, clique em "**Salvar alterações**". Em seguida, visite seu site e veja se o widget aparece no site.

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


---

# 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/adicione-caixas-de-entrada/webchats/wordpress.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.