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

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