---
description: Aprenda a instalar um widget de bate-papo da web no seu site WordPress.
title: Instalar Widget de Chat do Site no WordPress
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Novo🤖 Os Agentes de IA já estão disponíveis no respond.io! Conheça sua nova recepcionista de IA, agente de vendas ou de suporte. Mais informações.![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/pt/whatsapp-business-calling-api)

Me ajude com... ⌘ 

1. [All Collections >](/pt/help)
2. [ Canais. >](/pt/help/channels)
3. [ Widget do Chat do Site >](/pt/help/website-chat-widget)
4. Instalar Widget de Chat do Site no WordPress

# Instalar Widget de Chat do Site no WordPress

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 28 Aug 2025

3 minutos de leitura

Adicionar um widget de chat web ao seu site WordPress é um processo rápido e fácil. Não requer qualquer habilidade de codificação ou conhecimento técnico.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png?fm=jpg&q=80&w=500) 

## Configurando para instalação

Para instalar um widget de chat web no WordPress, necessitará do seguinte:

* Acesso ao painel do WordPress do seu site.
* Um trecho de código para o seu widget de chat web.

Se você não tiver um snippet de código, você o gerará ao criar um [Widget de Chat para Website](https://respond.io/pt/help/website-chat-widget/website-chat-widget-overview) ou usar o [Plugin de Chat do Facebook](https://respond.io/pt/help/facebook-messenger/facebook-chat-plugin) para [Facebook Messenger](https://respond.io/pt/help/facebook-messenger/facebook-messenger-overview).

> Se já tiver os canais ligados na plataforma respond.io e precisar de recuperar o snippet de código gerado, siga as instruções [aqui](https://respond.io/pt/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

Para uma instalação bem-sucedida, certifique-se de que o domínio do seu website está preenchido. Há duas formas de o fazer.

Aceda a respond.io **Definições** \> selecione **Canais** \> selecione o canal de chat do seu site > clique em configurar > adicione o domínio do site. 

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1e7uaH6kDm1O7pGveCSLtj/cd6e069ed2d3ba023349b508560e3fab/screen-shot-2023-02-14-at-7-47-59-pm.png?fm=jpg&q=80&w=640) 

Aceda às definições do respond.io > selecione **Widgets de crescimento** \> clique no widget que pretende adicionar ao seu site > no botão de alternância **Geral** adicione o domínio do seu site ao campo **Domínios do site** .

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3p3pQU8wHpzk061bqvS0Tr/65706ba2cdd4a08d5972ca1c7f0fe11f/chat-widget-settings.png?fm=jpg&q=80&w=640) 

## Instalando no WordPress

**Passo 1: Faça login no WordPress**

Aceda ao Painel de Administração do WordPress do seu site e faça login.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7BEtXv2z3DbKUr6hji7TOm/aeb0a76500168de0c4db1758459f36d4/install-webchat-on-word-press.png?fm=jpg&q=80&w=640) 

**Passo 2: navegue até à página de plugins**

No painel de navegação esquerdo, clique em **Plugins**. Na página de plugins, pressione o botão azul **Adicionar novo** no topo da página.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4yyIZmSrxmxdrhKGl8VcOl/b9881e62aab33064babb824daffbfe66/install-webchat-on-word-press-2.png?fm=jpg&q=80&w=640) 

**Passo 3: Adicionar novo plugin**

Utilizando a barra de pesquisa, procure o plugin **WPCode** . Verá muitas opções na página de resultados da pesquisa que pode utilizar, mas nós utilizaremos o plugin "Inserir Cabeçalho e Rodapés" da WPCode para este tutorial. Pressione o botão **Instalar agora** e certifique-se de ativar o plugin para o utilizar.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/5GGHqfES2lXgv5NzIoFz1P/15f02cef289ef90f490c4aecd1601ce7/add_new_plugin.png?fm=jpg&q=80&w=640) 

**Passo 4: Abra a consola de cabeçalhos e rodapés**

No menu de navegação do lado esquerdo, clique em Excertos de código e seleccione **Cabeçalho & Rodapé** no submenu.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2DwpPlV3Td8AqC1JJByNz0/7806704ac1df123f86c8a1ecbe5a5afb/Screenshot_2025-04-09_at_5.34.35_PM.png?fm=jpg&q=80&w=640) 

**Passo 5: adicione o script de chat ao vivo**

Copie o script do plugin do respond.io e cole-o na secção **Script no rodapé** da página da consola Cabeçalho e rodapé.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/Ian351FEXVFMTGKlYGxmH/861c265623900ca5302d72ea4a4606ed/wpcode-live_chat_script.png?fm=jpg&q=80&w=640) 

Depois de colar o script, clique no botão azul "**Guardar**" na parte inferior da página.

**Concluído!**

Abra o site e veja o plugin de chat. Encontrá-lo-á no canto inferior direito. Agora os visitantes do seu website podem conversar consigo sem esforço. Se você usou os trechos de código gerados pela plataforma respond.io, poderá gerenciar as conversas e atualizar a aparência do widget na plataforma.

> O widget de chat está agora ativo no seu site!

## Identificar os utilizadores logados

> Esta secção só é aplicável se o seu website tiver uma funcionalidade de login de utilizador.

**Passo 1: Faça login na conta do WordPress**

Aceda ao painel de administração do WordPress do seu site e faça login.

**Passo 2: Abra os ficheiros de cabeçalho do tema**

No menu de navegação à esquerda, clique em **Aparência** e selecione **Editor de ficheiros de temas**. Proceda selecionando o ficheiro **Cabeçalho do tema** .

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/64VlcD24OVD9CUaFiK9U5B/91eb153aabead2673c1674395a0605a1/identify-logged-in-users.png?fm=jpg&q=80&w=640) 

**Passo 3: adicione o ID do utilizador e o código de nome recuperados**

Copie o código de exemplo abaixo e cole-o no ficheiro de cabeçalho do tema. Depois de colar o código, clique no botão **Atualizar ficheiro** na parte inferior da página.

> O código de exemplo abaixo serve para obter o ID do usuário, nome e sobrenome do WordPress. Sinta-se à vontade para fazer alterações caso pretenda incluir outros campos de contacto.

```html
<?php 
	$user_info = obter_dados_do_utilizador(obter_id_do_utilizador_atual());
?>

<script type="text/javascript">
	janela.$wp_ID = "<?php eco $user_info->ID; ?>";
	janela.$wp_firstname = "<?php echo $user_info->primeiro_nome; ?>";
	janela.$wp_lastname = "<?php echo $user_info->apelido; ?>";
</script>
```

' . ' 

**Passo 4: Abra a consola de cabeçalhos e rodapés**

No menu de navegação à esquerda, clique em **Definições** e selecione o plugin **Cabeçalho & Rodapé** no submenu de definições.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7gZgsdh0AM40EiyW1iCfQR/a5102c94de84f92388de60fe9b6f3602/wpcode-open_console.png?fm=jpg&q=80&w=640) 

**Passo 5: adicione o script de identificação do utilizador ligado**

Copie o código de exemplo abaixo e cole-o na secção **Script no Rodapé** da página da consola Cabeçalho e Rodapé. Note que o script de identificação do utilizador logado deve ser colocado acima do script de chat ao vivo.

> O código de exemplo abaixo utiliza o ID do utilizador como identificador e passa juntamente o nome e o apelido. Sinta-se à vontade para fazer alterações caso pretenda incluir outros campos de contacto.

```html
<script>  
      janela.\_\_respond\_settings = {  
    	identificador: $wp\_ID,  
        primeiroNome: $wp\_primeiroNome,  
        últimoNome: $wp\_apelido,    
      };  
</script>
```

Depois de colar o script, clique no botão azul "**Guardar**" na parte inferior da página.

**Concluído!**

Abra o site e veja o plugin de chat. Os utilizadores com sessão iniciada no seu WordPress podem ser identificados. Depois de o identificador passado ser correspondido com um contacto existente, a conversa atual será retomada.

## Perguntas frequentes e resolução de problemas

### 

Código WP

Se você estiver usando um plugin de cache do WordPress, como o WPCode, siga estas etapas para que o widget apareça corretamente.

**Desativar o recurso de minificação de dados para JavaScript**

Vá para **Definições do Wordpress** \> Selecione **WPCode** \> Na página WPCode, selecione **Otimização de ficheiros** separador > desmarque **Minificar ficheiros JavaScript**

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7u1DdW6UTB1nHdrE0QlgIB/f3412a5f90adf94cab31a67c4a42d108/css-and-js-files-minified-source-wp-rocket.png?fm=jpg&q=80&w=640) 

**Adicione o nosso domínio de widget aos Ficheiros Excluídos do Javascript**

`https://cdn.respond.io/webchat/widget/(.*).js`

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3TcEXrKx1zKh7IhvT4G7Cp/6308494d1b35b918e250d3ebc387b87e/wp-rocket-javascript-excluded-files.png?fm=jpg&q=80&w=640) 

> Depois de guardado, é recomendável limpar a cache no WordPress.

Compartilhar este artigo

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/install-on-wordpress)

## 

Artigos relacionados 👩‍💻

* [Instalar Widget de Chat do Site no SquarespaceAprenda a instalar um widget de chat da web no seu site Squarespace. ](/pt/help/website-chat-widget/install-on-squarespace)
* [Instalar o widget de chat do site no JoomlaAprenda a instalar um widget de bate-papo web no seu site Joomla. ](/pt/help/website-chat-widget/install-on-joomla)
* [Instalar o widget de chat do site no WixAprenda a instalar um widget de chat da web no seu site Wix. ](/pt/help/website-chat-widget/install-on-wix)
* [Instalar Widget de Chat do Site no ShopifyAprenda a instalar um widget de bate-papo na web na sua loja Shopify. ](/pt/help/website-chat-widget/install-on-shopify)
* [Início rápido do widget de chat do siteAdicione o widget de chat do site respond.io ao seu site. ](/pt/help/website-chat-widget/website-chat-widget)

Não consegue encontrar o que você está procurando? 🔎

[Contate o suporte](/pt/contact-us)

2025-12-05T04:01:45.557Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Aprenda a instalar um widget de bate-papo da web no seu site WordPress.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/pt/author"},"dateCreated":"2023-03-01T07:06:53.000Z","dateModified":"2025-08-28T08:51:51.275Z","datePublished":"2023-03-01T07:06:53.000Z","headline":"Instalar Widget de Chat do Site no WordPress","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png","mainEntityOfPage":"https://respond.io/pt/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png","url":"https://respond.io/pt/help/website-chat-widget/install-on-wordpress"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/pt/help","position":1},{"@type":"ListItem","name":"Canais.","item":"https://respond.io/pt/help/channels","position":2},{"@type":"ListItem","name":"Widget do Chat do Site","item":"https://respond.io/pt/help/website-chat-widget","position":3},{"@type":"ListItem","name":"Instalar Widget de Chat do Site no WordPress","item":"https://respond.io/pt/help/website-chat-widget/install-on-wordpress","position":4}]}]
{
  "@context": "http://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "WPCode",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>If you are using a WordPress cache plugin such as WPCode, take these steps so that the widget appears correctly.</p><p><b>Disable data-minify feature for JavaScript</b></p><p>Go to <b>Wordpress Settings</b> > Select <b>WPCode</b> > On WPCode page, select <b>File Optimization</b> tab > untick <b>Minify JavaScript files</b></p> <p><b>Add our widget domain to the Javascript Excluded Files</b></p><p><code>https://cdn.respond.io/webchat/widget/(.*).js</code></p> <blockquote><p>Once saved, it is recommended to clear the cache in WordPress.</p></blockquote><p></p>"
      }
    }
  ]
}
```
