> 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

Se você estiver hospedando seu site no WordPress, poderá adicionar um widget de bate-papo ao vivo AtendChat a ele e conversar com seus visitantes em tempo real.

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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2F24nfsDljbHzhESdyCg56%2Fimage.png?alt=media&amp;token=cc73100a-8865-4cf7-b60b-abb5795f4f20" 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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2FTp6bEdPzFRDpwUStNwVl%2Fimage.png?alt=media&amp;token=cf960a1a-3317-41d0-abf7-fee9c937e8dc" 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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2FzapcPQn1ZQrHTFNxfLSr%2Fimage.png?alt=media&amp;token=f92ffb6c-dc8b-44b7-b137-779122c3c062" 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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2Fzx3AggkRsBf0dNKLqTOS%2Fimage.png?alt=media&amp;token=edd0c31d-c3fa-48c8-b0ce-b356390bf88d" 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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2F0rpIawXSbjhBcpX90NMh%2Fimage.png?alt=media&amp;token=37147529-55c7-4624-b65e-302e1b024083" 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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2FpJpkGdUx0SMNTkSSpfDi%2Fimage.png?alt=media&amp;token=44d73607-0c16-4d9b-a859-1ac3739b4ab5" 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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2FF3xe0Kj2IxDVSiZRzss8%2Fimage.png?alt=media&amp;token=1dc4bf8a-e9ad-4962-b680-70ab49292555" 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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2F4cXin4cIH2fENzmxToms%2Fimage.png?alt=media&amp;token=2fe90521-1158-4061-9693-3fc4b5c3e191" 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="https://3500494372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhAxi0khdBH3ucmx9gEjE%2Fuploads%2FDRSFuX2M44gZHGxps9B9%2Fimage.png?alt=media&amp;token=bf8ab38c-6ffd-44a2-ac05-14d75b9d6b4a" alt="" width="563"><figcaption></figcaption></figure>