Chatvio – Chat Web com IA: Adicione um Botão de Chat ao Seu Site (2026)
O plugin Chatvio é um plugin gratuito para WordPress que adiciona um botão de chat flutuante ao seu site — e ele abre uma janela de chat real, não um link. Os visitantes clicam, digitam, e a mensagem deles chega à caixa de entrada da sua equipe. O plugin é gratuito e, ao combiná-lo com uma conta gratuita na plataforma The Tech Pad — sem cartão de crédito, sem plano pago — você desbloqueia tudo: basta colar sua chave publicável no plugin e você está ao vivo. Neste guia de 2026: por que um botão de chat é melhor que um link simples, todas as opções que o plugin oferece e a configuração em seis etapas.
Por que um Botão de Chat é Melhor que um Link
Um botão simples do WhatsApp — do tipo que abre wa.me em uma nova aba — envia o visitante embora. Um botão de chat mantém eles na sua página. Eles fazem uma pergunta, recebem uma resposta e continuam navegando — sem trocar de app, sem pular de aba, sem atritos.
Essa diferença importa porque o chat é onde os clientes realmente respondem. As mensagens do WhatsApp têm uma taxa de abertura de 98% em comparação com cerca de 20% para e-mails, e o tempo médio de resposta é inferior a 90 segundos. Quando um visitante do seu site tem uma pergunta, capturar esse momento em uma janela de chat é melhor do que esperar que ele te mande uma mensagem depois.
Um botão de chat também sinaliza que ajuda está disponível, transformando uma página estática em uma conversa — exatamente o que a plataforma The Tech Pad oferece: caixa de entrada compartilhada da equipe, automações, campanhas e copiloto de IA. Os visitantes nunca precisam de uma conta; eles apenas digitam.
Não tem certeza se você precisa disso ou apenas de um link simples do WhatsApp? Nosso guia sobre o 3 formas de adicionar um botão do WhatsApp ao WordPress compara as abordagens, e nosso melhores plugins de WhatsApp para WordPress de 2026 te dá uma visão completa do panorama.
O que o Plugin Chatvio te oferece
O plugin integra o widget de chat web The Tech Pad com a bolha incorporada oculta, e então adiciona seu próprio botão de lançamento que abre o painel de chat. Em termos simples: você controla o botão, o The Tech Pad executa o chat. Aqui está o pacote completo em um resumo:
| O que você recebe | O que ele faz |
|---|---|
| Botão de chat flutuante | Abre a janela de chat do Tech Pad diretamente na sua página |
| Janela de chat real | O visitante digita, a mensagem chega na caixa de entrada da sua equipe — sem necessidade de conta |
| WhatsApp + chat web | Uma caixa de entrada para ambos, além de um ícone opcional verde de lançamento rápido para WhatsApp |
| Chat gerenciado pelo painel | Saudação, formulário pré-chat, transferências, automações, campanhas |
| 8 ícones prontos | Além de upload de imagem/GIF personalizado, seletores de cores, formas, tamanhos |
| Posicionamento preciso | 7 posições, deslocamentos personalizados, configurações separadas para desktop e mobile |
| Regras de exibição | Páginas, tipos de postagem, dispositivos, visitantes, atraso, rolagem, horário comercial |
| Código de acesso | [techpad_ai_chat] para um botão em qualquer lugar do seu conteúdo |
Os requisitos são modestos: WordPress 6.0+ e PHP 7.4+. Funciona com qualquer tema e se integra bem com construtores de páginas.
Como instalar e configurar o plugin
Seis passos, alguns minutos, sem código.
- Baixe o plugin. Pegue o arquivo zip da página do plugin Chatvio — chatvio-ai-webchat.zip — ou navegue por todos os plugins do The Tech Pad.
- Obtenha sua chave publicável. Inscreva-se gratuitamente em thetechpad.com (sem cartão de crédito), abra as configurações do Web Chat e copie sua chave publicável (pública).
- Instale e ative. No WordPress, vá para Plugins → Adicionar Novo → Enviar Plugin, escolha o arquivo zip, clique em Instalar agora e depois em Ativar.
- Conecte a chave. Abra o The Tech Pad → Chatvio – AI Webchat. Em Conexão, cole sua chave publicável e salve. Em seguida, escolha seu alvo do WhatsApp — escolha o que o balão verde do WhatsApp ao lado do botão de chat faz: seu número do The Tech Pad (mostrado quando está conectado), outro número (abre wa.me, sem necessidade de conexão) ou nenhum WhatsApp. Defina o texto do seu CTA e ative o rastreamento do GA dataLayer se você usar Google Analytics.
- Estilize o lançador. Escolha um dos oito ícones — ou faça upload da sua própria imagem ou GIF — escolha cores, forma e tamanho, e depois defina uma posição.
- Salve, visualize, publique. Use o botão de visualização para verificar sua configuração, depois abra seu site e clique no botão — sua janela de chat se abrirá.
Todas as Opções Explicadas
Conexão. A chave publicável é a única configuração necessária. Ela vem de uma conta gratuita do Tech Pad — sem cartão de crédito — e é segura para incorporar: ela apenas permite que os visitantes abram um chat no seu site. Configurações avançadas podem substituir a URL da API (útil para testes), optar pelo link "Powered by" (desativado por padrão — nada é creditado no seu site, a menos que você marque), definir o texto do CTA e ativar o rastreamento do GA dataLayer.
Lançador e estilo. Oito ícones SVG prontos cobrem todos os humores:
| Ícone | Melhor para |
|---|---|
| Bolha de chat | O padrão versátil |
| Bolha com pontos | Sensação de "alguém está digitando" |
| Bolha com linhas de texto | Mensagens à primeira vista |
| Logo do WhatsApp | Indicando chat do WhatsApp |
| Bolha do WhatsApp | Híbrido WhatsApp + chat na web |
| Headset | Suporte e serviços |
| Quadrado de mensagem | Limpo e minimalista |
| Avião de papel | Mensagens rápidas |
Prefere sua própria marca? Faça upload de uma imagem ou GIF personalizado da biblioteca de mídia. Os selecionadores de cor ajustam o fundo e o ícone, o formato pode ser redondo, quadrado arredondado ou quadrado, e o tamanho varia de 32 a 120 px.
Etiqueta e animação. Mostre uma dica de ferramenta ao passar o mouse, uma etiqueta sempre visível ou nada. Animações: nenhuma, pulsar, saltar, tremer ou tocar o sino — maneiras sutis de chamar atenção.
Posição. Sete predefinições: canto inferior direito, canto inferior esquerdo, centro inferior, centro direito, centro esquerdo, canto superior direito e canto superior esquerdo. Precisa de controle de pixels? Defina deslocamentos personalizados e z-index. Posição, deslocamentos e tamanho são todos configurados separadamente para desktop e mobile (abaixo de 782 px), para que o botão nunca cubra seu conteúdo em celulares.
Regras de exibição. Mostre o botão em todo o site, apenas em páginas listadas ou em todos os lugares, exceto nas páginas listadas — URLs ou IDs das páginas, uma por linha. Oculte-o em tipos de post específicos, limite-o para desktop ou mobile, restrinja-o a usuários logados ou visitantes, atrase-o por segundos ou percentual de rolagem e defina o horário comercial com dias e horários no fuso horário do seu site.
Avançado. Cada estilo de lançador é uma configuração — cores, forma, tamanho, posição, rótulo e animação. Para qualquer coisa além disso, use o editor de CSS que o WordPress já fornece (Aparência → Personalizar → CSS Adicional): o WordPress verifica o que você cola e ele permanece com seu tema. Precisa de um botão em um local específico dentro do seu conteúdo? O shortcode [techpad_ai_chat] aceita atributos de rótulo, tamanho, ícone e cor.
O que a Janela de Chat Te Dá
Quando um visitante clica no seu botão, a janela de chat do Tech Pad abre diretamente na página. Eles digitam uma mensagem e ela chega na caixa de entrada da sua equipe junto com suas conversas do WhatsApp — uma caixa de entrada, um histórico, sem copiar e colar.
Tudo o que os visitantes veem nessa janela é gerenciado a partir do seu painel, não pelo plugin:
- Saudação. A primeira mensagem que os visitantes recebem, escrita uma vez e usada em todos os lugares.
- Formulário pré-chat. Colete nome, e-mail ou qualquer outra informação antes de o chat começar.
- Encaminhamentos. Direcione conversas para o colega ou departamento certo.
- Automações e campanhas. Sequências de boas-vindas, respostas fora do horário e campanhas do WhatsApp funcionam na mesma caixa de entrada.
É por isso que o plugin permanece simples: o botão é seu trabalho, o motor de conversação é da The Tech Pad. Dois modelos de mensagens para você começar — o primeiro como saudação, o segundo como resposta automática fora do horário:
Oi {{1}}! Obrigado por visitar {{2}} — como podemos ajudá-lo hoje? 👋
Obrigado pela sua mensagem, {{1}}! Nossa equipe está offline no momento e responderá em breve. Se for urgente, toque no ícone verde do WhatsApp para nos contatar por lá.
Escolha o Número do WhatsApp Que Seus Visitantes Usam
O botão de chat sempre abre a janela de chat da The Tech Pad em seu site. A bolha verde do WhatsApp ao lado é opcional — e desde a versão 1.1.0 você decide para qual número ela aponta, sem código. Abra The Tech Pad → Chatvio – AI Webchat → Conexão → Botão do WhatsApp e escolha um dos três:
| Configuração | O que os visitantes veem | Para quem é adequado |
|---|---|---|
| Meu número do WhatsApp do Tech Pad | Bolha do WhatsApp que abre um chat com o número conectado no painel do seu Tech Pad (verificado com a Meta) | Empresas já conectadas — chat da web e WhatsApp vão para uma caixa de entrada compartilhada, respostas de IA incluídas |
| Outro número de WhatsApp | Bolha do WhatsApp que abre wa.me com qualquer número que você digitar — nenhuma conexão com o Tech Pad é necessária | Qualquer pessoa que queira o atalho do WhatsApp hoje e possa conectar o número depois |
| Não mostrar WhatsApp | Apenas o botão de chat | Equipes que usam chat web primeiro |
Dica: ainda não conectado, mas planejando? Escolha Outro número de WhatsApp e insira o número que você conectará depois. Os visitantes continuam conversando com o mesmo número o tempo todo — nada muda para eles quando você altera a configuração após conectar.
FAQ
Preciso de uma conta no The Tech Pad para o plugin Chatvio? Sim — o chat funciona na plataforma The Tech Pad. Cadastre-se grátis em thetechpad.com, abra as configurações de Web Chat e copie sua chave pública (publishable) no plugin. Os visitantes nunca precisam de uma conta.
A chave pública é segura para colocar no meu site? Sim. A chave publicável é projetada para incorporação — ela apenas permite que os visitantes abram um chat no seu site. Não é uma chave de API secreta e não pode enviar mensagens em seu nome.
Os visitantes podem também conversar pelo WhatsApp? Sim. A bolha verde do WhatsApp ao lado do botão de chat abre um chat no WhatsApp, e toda conversa vai para a mesma caixa de entrada do Tech Pad. Desde a versão 1.1.0, você escolhe para qual número ela aponta em Configurações → Conexão: seu número do Tech Pad conectado ou qualquer outro número através de um simples link wa.me.
Preciso de um número do WhatsApp do Tech Pad para a bolha do WhatsApp? Não. Escolha "Outro número do WhatsApp" em Configurações → Conexão e digite qualquer número — os visitantes abrem um chat normal do WhatsApp com ele, sem verificação da Meta ou API envolvida. Quando você conectar esse número no painel do Tech Pad, altere a configuração para o seu número do Tech Pad e esses chats entrarão na sua caixa de entrada compartilhada.
Posso mostrar o botão apenas em algumas páginas? Sim. Em Regras de exibição, escolha "Apenas nas páginas listadas abaixo" e insira os URLs ou IDs das páginas, um por linha. Você também pode ocultá-lo em tipos de post específicos, limitá-lo para desktop ou mobile, restringi-lo a usuários logados ou visitantes, atrasá-lo por tempo ou rolagem e definir horário comercial.
O que acontece quando um visitante clica no botão? A janela de chat do The Tech Pad abre diretamente na sua página. O visitante digita uma mensagem e ela chega na caixa de entrada da sua equipe — com a saudação, formulário pré-chat, transfências de agentes e automações, tudo gerenciado a partir do seu painel.
Obtenha o Plugin Gratuito
O plugin Chatvio é gratuito, a conta Tech Pad à qual ele se conecta é gratuita, e não há cartão de crédito em nenhum momento do processo. Baixe chatvio-ai-webchat.zip, instale em alguns minutos e coloque um botão de chat no seu site hoje. Crie sua conta gratuita em thetechpad.com/wa/ e pegue sua chave publicável — todo o resto é apenas apontar e clicar.
Enquanto você está aqui: aprenda o 3 formas de adicionar um botão do WhatsApp ao WordPressou veja como o plugin Chatvio se compara em nosso melhores plugins de WhatsApp para WordPress de 2026.