Descrição
Transforme conversas em conversões
O Joinchat é o plugin de WhatsApp mais instalado: um botão flutuante personalizável, que transforma seus visitantes em bate-papos, leads e vendas.
Criado para gerar conversões, desde o primeiro clique: CTAs atraentes, mensagens iniciais dinâmicas, integração nativa com o WooCommerce e análises integradas, para medir cada interação.
🌍 Joinchat, líder mundial em “clicar para bater papo” no WhatsApp
🗺️ Presente em mais de 176 países
🏆 Solução de bate-papo nº 1 nos países:
🇦🇷 Argentina 🇨🇴 Colômbia 🇧🇷 Brasil 🇪🇸 Espanha 🇳🇱 Países Baixos 🇲🇽 México 🇨🇱 Chile 🇵🇪 Peru 🇵🇹 Portugal
Fonte: BuiltWith®
O que você recebe com o Joinchat
Um kit completo de conversão do WhatsApp para WordPress, desenvolvido para captar mais leads e fechar mais vendas.
- Botão flutuante do WhatsApp que abre o aplicativo do WhatsApp em dispositivos móveis. Em computadores, ele inicia o WhatsApp Desktop ou o WhatsApp Web e exibe um código QR para ser escaneado.
- CTAs chamativos para receber os visitantes, apresentar ofertas e iniciar o bate-papo com a mensagem certa.
- Mensagens iniciais dinâmicas para que cada conversa comece com um contexto completo (a página, o produto, o preço, o desconto…).
- Integração com o WooCommerce, com um botão de contato ao lado de “Adicionar ao carrinho” e chamadas para ação específicas da loja.
- Análise integrada — 🆕 — Contador de cliques no painel do WordPress. Eventos para o Google Analytics 4, Google Tag Manager e pixel do Facebook, além de conversões do Google Ads.
- Leve e rápido: JavaScript sem dependências, com estilos carregados dinamicamente. Sem bloqueio de renderização.
- Personalizável em todo o site ou por página, produto, categoria etc.
🛡️ Diga adeus ao medo de ser banido do WhatsApp
Muitas empresas perdem seu número do WhatsApp Business, por contatarem os clientes primeiro, sem o consentimento deles. O Joinchat inverte essa lógica: o visitante escreve primeiro, assim, todas as conversas começam em conformidade com as políticas oficiais do WhatsApp.
O resultado: o número da sua empresa fica protegido, e os seus clientes ligam quando precisam, e não o contrário.
Com o Joinchat, você pode explorar todo o potencial do recurso “clique para bater papo” do WhatsApp.
Leve o Joinchat a um novo patamar, com a versão Premium e a IA
O Joinchat gratuito é apenas o começo. As versões Premium e IA liberam todo o seu potencial de conversão.
- 🌍 Mostrar ou ocultar o botão por país — 🆕 — segmente seus visitantes por localização geográfica, com regras específicas para cada país. Perfeito para lojas internacionais, campanhas regionais e sites em vários idiomas.
- 💬 Adicione mais canais de suporte: vá além do WhatsApp com o Telegram, Facebook Messenger, ligações telefônicas e outras opções de comunicação, tudo a partir do mesmo widget.
- 🕒 Sistema com vários agentes e horários personalizados: atribua as conversas à pessoa certa no momento certo. Cada agente trabalha no seu próprio horário e só atende conversas quando está disponível, e você pode definir uma chamada para ação alternativa, quando não houver agentes on-line.
- 🔁 Adicione um Chat Funnel: fluxos de conversação guiados, que qualificam e capturam leads automaticamente, com uma taxa de conversão maior do que um formulário. Disponível 24 horas por dia, 7 dias por semana, mesmo quando não tem ninguém para atender.
- ✨ Adicione um agente de IA: treinado com base nas suas perguntas frequentes e no conteúdo do seu site. Ele responde aos visitantes instantaneamente, a qualquer momento, com o tom e o nível de conhecimento que você definir.
👉 Adquirir o Joinchat Premium | 👉 Adquirir o Joinchat AI
📝 Configurações a nível de página ou arquivo
Você pode alterar as principais configurações em cada post, página, produto ou CPT, bem como nas páginas de arquivo de tags ou categorias. Edite seu número de WhatsApp, botão de chamada à ação (CTA), a mensagem inicial e as opções de visibilidade.
🔴 Mostre uma notificação
Use um balão no botão, para chamar a atenção do visitante. Dessa forma, você garante que nenhuma mensagem importante que queira transmitir, seja ignorada, além de surpreendê-lo de uma maneira menos intrusiva.
📯 Crie mensagens de chamada para ação
CTAs com Bate-papo avançado: vários balões de bate-papo com links, botões, imagens ou texto aleatório. Incentive os usuários a falar com você através de uma mensagem de boas-vindas, oferecendo ajuda, promoções e ofertas. Leia mais
💬 Personalize mensagens para iniciar a conversa
Defina uma mensagem inicial pré-carregada, para quando o usuário contatar pelo WhatsApp. Adicione contexto com nossas “Variáveis dinâmicas”, e você vai saber de qual página o visitante está vindo, ou qual produto ele está vendo no momento em que iniciar o bate-papo.
✅ Texto de adesão (Opt-in)
Adesão (Opt-in) é o consentimento dos usuários para receber mensagens de uma empresa.
Escreva um texto com as condições nas quais o visitante entra em contato com você (ou outras informações que você considere importantes).
Você pode torná-la obrigatória e desativar o contato até que o usuário a aceite.
🛒 Integração com o WooCommerce
Defina chamadas para ação (CTAs) e mensagens iniciais para a página da loja, as páginas de produtos e os produtos em promoção.
Adicione um Botão de contato do WhatsApp diretamente na sua página do produto ao lado do botão “Adicionar ao carrinho” ou escolha a melhor posição, mesmo em produtos sem preço.
🧩 Bloco do botão de contato do WhatsApp
Adicione botões de contato do WhatsApp bonitos e personalizáveis, no Editor de blocos. Você pode definir o número de telefone e a mensagem inicial do botão, ou usar as configurações gerais do Joinchat (ideal para blocos reutilizáveis).
Ative o QR Code no desktop para permitir que seus visitantes o escaneiem e comecem a enviar mensagens pelo celular.
🃏 Variáveis dinâmicas
Use variáveis em suas CTAs (Chamadas para ação) e Mensagens iniciais que mudam dinamicamente para cada página:
- {SITE} ➡ Título do site
- {TITLE} ➡ Título da página atual
- {HOME} ➡ URL da página inicial do site
- {URL} ➡ URL da página atual
- {HREF} ➡ URL da página atual (com todos os parâmetros de consulta)
- {PRODUCT} ➡ Nome do produto (Woo)
- {SKU} ➡ SKU do produto (Woo)
- {REGULAR} ➡ Preço normal do produto (Woo)
- {PRICE} ➡ Preço atual do produto (Woo)
- {DISCOUNT} ➡ Porcentagem de desconto no produto, quando estiver em promoção (Woo)
📈 Integração com o Analytics
Envie automaticamente eventos para o Google Analytics, Google Tag Manager e Facebook Pixel quando o usuário abre o WhatsApp.
- — 🆕 — Contador de cliques no painel do WordPress
- O Google Analytics 4 envia o evento recomendado
“generate_lead” - O Google Tag Manager envia o evento
“JoinChat” - O píxel do Facebook envia o evento
“JoinChat” - Conversão do Google Ads, basta adicionar o ID de conversão e o rótulo de conversão
Você também pode criar seus próprios eventos personalizados, ou adicionar parâmetros de eventos. Ver perguntas frequentes / Saiba mais
🍾 Gatilhos de bate-papo
Qualquer elemento da sua página pode ser um gatilho acionador de bate-papo, por exemplo: ele pode abrir o WhatsApp a partir de um link ou mostrar a Chamada para ação (CTA) do Joinchat quando o usuário rolar até o rodapé.
Ao carregar a página (por URL):
- parâmetro de consulta de URL
joinchatpara mostrar a janela de bate-papo. Pode definir um atraso em segundos, o padrão é 0 (por exemplo: exemplo.com/pagina/?joinchat=5) - adicionar a consulta hash de URL
#joinchatpara mostrar a janela de bate-papo (por exemplo: exemplo.com/pagina/#joinchat)
Ao clicar:
- class
"joinchat_app"abre diretamente o WhatsApp - class
"joinchat_open"abre o CTA do Joinchat - link href
"#whatsapp"abre diretamente o WhatsApp - link href
"#joinchat"abre o CTA do Joinchat
Definir telefone personalizado e mensagem inicial para ativações diretas do WhatsApp:
data-phone="99999999"data-message="Apenas para esta mensagem de gatilho".
Ao rolar (quando o elemento aparece na tela):
- class
"joinchat_show"abre o CTA do Joinchat (primeira vez) - class
"joinchat_force_show"abre a CTA do Joinchat (sempre)
💱 Suporte a vários idiomas e RTL
Para poder atender a todos os seus usuários, onde quer que estejam. Nosso plugin é compatível com WPML, Polylang e — 🆕 — TranslatePress, além de oferecer suporte a idiomas RTL.
🌈 Cores do tema e 🌚 Modo escuro
Escolha uma cor e personalizamos todo o tema visual do widget. Com o Modo escuro, irá exibir a janela de bate-papo com cores escuras e texto branco. Nas configurações, você pode ativá-lo ou deixá-lo automático para detectar a configuração dos dispositivos.
⚡ Rápido e leve
Carregue apenas o que for necessário, quando for preciso. O Joinchat é leve e segue as melhores práticas de programação. Use JavaScript puro sem dependências, scripts adiados e carregamento tardio de estilos para evitar o bloqueio de renderização.
Veja o relatório de testes e a pontuação do desempenho.
🔕 Sem distrações
O Joinchat se integra com todos os principais editores visuais e construtores de páginas e não aparecerá ao editar uma página.
Editores suportados: Beaver Builder, Brizy Page Builder, Elementor, Oxygen Builder, Page Builder by SiteOrigin, Thrive Architect, Visual Composer e WP Page Builder.
🍪 Cookies e GDPR
O Joinchat pode ser usado sem cookies nem armazenamento persistente, e não coleta dados pessoais.
O Joinchat se integra ao Guia de política de privacidade do WordPress e sugere o texto necessário.
👨💻 Amigável para desenvolvedores
Totalmente extensível, com muitos filtros e ações para ampliar sua funcionalidade ou alterar seu comportamento.
⌁ Se você gostou do Joinchat 😍
- Deixe-nos uma classificação de ★★★★★. Agradecemos a sua contribuição.
- Ajude-nos com a tradução em seu idioma
- Visite nosso blog e encontre dicas e truques em join.chat.
- Siga @joinchatnow no X. Participe do bate-papo agora!
Capturas de tela
Instalação
- Envie a pasta inteira
creame-whatsapp-mepara o diretório/wp-content/plugins/. - Ative o plugin por meio do menu ‘Plugins’ no WordPress.
Perguntas frequentes
-
Você pode alterar a posição do botão para que nada o cubra adicionando este CSS em Configurações do Joinchat > Avançado > CSS personalizado:
.joinchat { z-index:999999; }Valores mais altos de z-index ficam acima, o valor padrão é 9000.
Se você precisar mover para cima:
/* always */ .joinchat { --bottom: 60px; } /* mobile only */ @media (max-width: 480px), (orientation: landscape) and (max-height: 480px) { .joinchat { --bottom: 60px; } } -
Você pode alterar o tamanho do botão, adicionando este CSS em Configurações do Joinchat > Avançado > CSS personalizado:
/* always */ .joinchat { --s: 50px; } /* mobile only */ @media (max-width: 480px), (orientation: landscape) and (max-height: 480px) { .joinchat { --s: 40px; } }Para o botão do produto WooCommerce, você pode alterar o tamanho com:
.joinchat__woo-btn { --s: 50px; } -
Shortcodes / Gatilhos
-
O Joinchat não fornece nenhum shortcode, mas você pode facilmente criar um link para o WhatsApp de duas maneiras:
- Adicione um link de âncora para
#whatsapp(abre diretamente o WhatsApp) ou#joinchat(mostra a janela de bate-papo).
por exemplo: adicione no seu menu um link personalizado com o URL#whatsapp - Adicione uma classe CSS a qualquer elemento,
joinchat_app(abre diretamente o WhatsApp) oujoinchat_open(mostra a janela de bate-papo).
por exemplo:<img src="contact.jpg" class="joinchat_open" alt="Contato">
Isso funciona com as configurações do seu telefone e mensagens com variáveis dinâmicas, mesmo em páginas sem o Joinchat visível.
Para links diretos personalizados do WhatsApp, você pode adicionar os atributos
data-phoneedata-message.
Por exemplo:<a href="#whatsapp" data-phone="99999999" data-message="Quero conversar">Iniciar bate-papo agora!</a> - Adicione um link de âncora para
-
Desativar aprimoramento de entrada de telefone
-
O Joinchat usa a biblioteca International Telephone Input para facilitar e validar a introdução do número de telefone no formato de cada país. Se você tiver problemas com o seu número de telefone ou quiser digitá-lo diretamente sem alterações, você pode desativar com este filtro (lembre-se de seguir as diretrizes do WhatsApp):
add_filter( 'joinchat_enhanced_phone', '__return_false' ); -
Permitir que outras funções alterem as configurações
-
Por padrão, as configurações do Joinchat só podem ser editadas por usuários com a capacidade
manage_options(administrador).
Você pode alterar a capacidade necessária com o filtro"joinchat_capability".// e.g. allow shop managers: add_filter( 'joinchat_capability', function(){ return 'manage_woocommerce'; } ); // e.g. allow editors: add_filter( 'joinchat_capability', function(){ return 'edit_pages'; } );Desde a versão 4.4, o menu do Joinchat é colocado como um menu direto no seu wp-admin, mas você pode alterá-lo com o filtro
"joinchat_submenu":// Show as submenu under Settings (also require "manage_options" capability) add_filter( 'joinchat_submenu', '__return_true' ); -
O editor de blocos evolui rapidamente e podem ocorrer erros que não previmos.
Se você encontrar algum erro com o Gutenberg e o Joinchat ou simplesmente preferir a antiga caixa de metabox do Joinchat, você pode usar esse filtro:
add_filter( 'joinchat_gutenberg_sidebar', '__return_false' ); -
Traduções do WPML/Polylang
-
As configurações do Joinchat são salvas no idioma principal do seu site. Para traduções em outros idiomas, vá para Configurações do WPML/Polylang > Traduções de strings, filtre as strings pelo grupo “Joinchat” e atualize as strings para cada idioma.
-
Tag do Google com vários destinos
-
Desde a versão 5.1, o Joinchat pode detectar vários destinos na Tag do Google e enviar eventos para todos eles.
-
Integração com o Google Analytics 4
-
O Joinchat envia um evento personalizado quando o usuário inicia o WhatsApp.
Se o Google Analytics 4 (gtag.js) for detectado, use o evento recomendado
'generate_lead':gtag('event', 'generate_lead', { event_category: 'JoinChat', event_action: 'whatsapp: 99999999999', event_label: destination_url, chat_channel: 'whatsapp', chat_id: '99999999999', is_mobile: 'yes' | 'no', });Se o seu site não tiver nomes padrão para a camada de dados (“dataLayer”), você poderá definir seus nomes personalizados com este filtro PHP. Também é possível definir um nome de evento diferente para o GA4:
// Rename GA4 event / Rename dataLayer name add_filter( 'joinchat_get_settings', function( $settings ){ $settings['ga_event'] = 'myGA4Event'; $settings['data_layer'] = 'dataLayerCustom'; return $settings; } ); // Disable GA4 event add_filter( 'joinchat_get_settings', function( $settings ){ $settings['ga_event'] = false; return $settings; } );O Joinchat é compatível com os plugins MonsterInsights – Google Analytics Dashboard for WordPress, Google Tag Manager for WordPress e PixelYourSite com nomes personalizados.
-
Integração com o Google Tag Manager
-
O Joinchat envia um evento
'JoinChat'se o GTM for detectado quando o usuário abre o WhatsApp:dataLayer.push({ event: 'JoinChat', event_action: 'whatsapp: 99999999999', event_label: destination_url, chat_channel: 'whatsapp', chat_id: '99999999999', is_mobile: 'yes' | 'no', page_location: current_url, page_title: page_title, }); -
Integração com o Facebook Pixel
-
O Joinchat envia um evento personalizado
'JoinChat'se o Pixel do Facebook for detectado quando o usuário abre o WhatsApp:fbq('trackCustom', 'JoinChat', { event_action: 'whatsapp: 99999999999', event_label: destination_url, chat_channel: 'whatsapp', chat_id: '99999999999', is_mobile: 'yes' | 'no', page_location: current_url, page_title: page_title, }); -
Eventos personalizados / adicionar parâmetros de evento
-
O Joinchat usa gatilhos para acionar eventos personalizados antes de abrir o WhatsApp
'joinchat:open'e antes de enviar eventos de análise'joinchat:event'.Você pode usá-los para estendê-los às suas necessidades, adicionar funções extras, cancelar eventos ou adicionar parâmetros extras.
// e.g.: Send webhook to Zapier jQuery(document).on('joinchat:event', function (event, params) { jQuery.post('https://hooks.zapier.com/hooks/catch/123456/xxxxxx/', params ); }); // e.g.: Add user_is_logged param for GA4/GTM event jQuery(document).on('joinchat:event', function (event, params) { params.user_is_logged = document.body.classList.contains('logged-in') ? 'yes' : 'no'; }); -
E quanto ao GDPR?
-
O Joinchat pode ser usado sem cookies.
Dependendo das suas configurações do Joinchat, pode ser necessário usar o armazenamento do navegador. O Joinchat usa o localStorage (ou o sessionStorage, quando o modo sem cookies está ativado) e não coleta dados pessoais.
joinchat_viewsé um contador de visitas para controlar quando mostrar a janela de bate-papo.- O
joinchat_hashessalva quando um usuário interage com um CTA para evitar mostrar automaticamente este CTA novamente.
Você pode visualizar em suas Configurações > Privacidade > Guia de políticas o texto sugerido pelo Joinchat.
Para garantir um modo de dados não persistente, você pode usar os controles de privacidade do Joinchat Premium, ou adicionar este fragmento de código, para forçar o modo sem cookies (apenas sessionStorage):
add_filter( 'joinchat_get_settings', function( $settings ){ $settings['cookieless'] = true; return $settings; } );
Avaliações
Colaboradores e desenvolvedores
“Joinchat – “Clique para bater papo” avançado” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin.
ColaboradoresJoinchat – “Clique para bater papo” avançado” foi traduzido para 12 localidades. Agradecemos aos tradutores por suas contribuições.
Traduzir o “Joinchat – “Clique para bater papo” avançado” para seu idioma.
Interessado no desenvolvimento?
Navegue pelo código, consulte o repositório SVN ou assine o registro de desenvolvimento por RSS.
Registro de alterações
6.3.2
- Correção de segurança foi corrigida uma vulnerabilidade XSS ao usar a variável dinâmica “{HREF}” em botões de chamada à ação
- Foi reformulada a função “replace_variables()” com funções de escape corretas para qualquer contexto.
- Correções nos plugins do PCP.
6.3.1
- Garanta o carregamento tardio de estilos no WordPress 6.9 ou superior, com temas clássicos
6.3.0
- Foi atualizada a biblioteca IntlTelInput para a versão 29.1.1. A entrada de números de telefone foi refatorada e melhorada, e as traduções foram simplificadas
- Correção dos estilos do rótulo “Desenvolvido pelo Joinchat”
- Correção das cores dos estilos embutidos
- Correção para renomear a biblioteca “intl-tel-input”, para evitar conflitos com outros plugins
- Novo recurso para permitir que plugins de terceiros pausem/retomem a inicialização do Joinchat
- A nova configuração “sem cookies” permite o uso do sessionStorage, para uma melhor conformidade com o GDPR
- Tamanho reduzido do plugin
6.2.3
- NOVO Compatível com o nome personalizado do DataLayer do PixelYourSite
6.2.2
- Contador de cliques melhorado para evitar duplicações (em um intervalo de 60 segundos) e acessos de bots
- Adicionado ícone ao widget do painel
6.2.1
- Correção da configuração de migração de “Cabeçalho” para “Mostrar marca”
6.2.0
- Novo widget de contador de cliques no painel
- Novo: adicionada compatibilidade com o TranslatePress, para compatibilidade com vários idiomas
- Alteração no rótulo da marca fora do cabeçalho da janela de bate-papo
- Correção na detecção de vídeos com extensão webm para imagens animadas
- Correção dos estilos do separador HR do balão de bate-papo
- Correções para o Fix Plugin Check (PCP)
6.1.3
- Correção da compatibilidade do Gutenberg com versões do WordPress anteriores à 6.6
6.1.2
- Correção do erro do editor no WordPress 6.9 na página de edição com o bloco “Botão do Joinchat”
- Atualizado o bloco “Botão do Joinchat” com controles mais flexíveis (orientação vertical/horizontal, alinhamento, espaçamento e configurações do botão)
- Novo parâmetro de evento “trigger” nos eventos JS “joinchat:show” e “joinchat:open”
- Novo evento JS “joinchat:optin” ao alterar o valor da opção de aceitação
6.1.1
- Correção dos estilos de reversão e adiamento com media=”print”, pois alguns otimizadores os removem.
- Garantia de que os estilos do cabeçalho sejam carregados no WP 6.9 com o tema clássico.
6.1.0
- Adicionadas novas funcionalidades no WordPress, para definir as configurações principais e gerar links do WhatsApp do tipo “clique para conversar”
- Atualização do bloco Joinchat com a API V3
- Atualização dos estilos administrativos para o WordPress 7.0
- Adicionadas transições suaves e outras otimizações modernas de CSS à medida que a janela de bate-papo se expande
- Adicionado carregamento tardio para imagens animadas (como vídeos em formato WebM)
- Correção do problema do WordPress 6.9 que, em alguns casos, não carregava os estilos com temas clássicos
- Testado com o WordPress 7.0
6.0.10
- Ajuste no texto aleatório do CTA para permitir tags HTML (negrito, itálico, img…)
6.0.9
- Adicionada nova opção de enfileiramento de scripts no WordPress 6.9 com baixa prioridade de busca
- Testado com o WordPress 6.9
- Ajuste para substituir imagens em PNG por WebP
- Ajuste da biblioteca IntlTelInput atualizada para 25.13.3
6.0.8
- Novo: Permitir desativar o evento do GA4 com o filtro “joinchat_get_settings” e definir “ga_event” como falso
- Correção: Mascarado o número de telefone do WhastApp para eventos do pixel do Facebook
- Correção: Adicionado rótulo aria ao botão flutuante do Joinchat
6.0.7
- Correção de estilos escuros para mensagens de carregamento e notificação
- Correção do conflito de JS do administrador quando outro plugin usa a biblioteca IntlTelInput
- Correção das configurações do Joinchat que não funcionavam com o HivePress
6.0.6
- Adicionado um filtro ao plugin Litespeed Cache, para garantir a versão dos ativos de JS/CSS do Joinchat. Prevenção de quebra de layout do Joinchat se o visitante tiver ativos do Joinchat v5 em cache (agradecimentos a @tendenzeshabbychic e @qtwrk).
6.0.5
- Correção da cor de fundo transparente do CSS se houver apenas um botão flutuante sem caixa de bate-papo.
6.0.4
- Correção de alguns conflitos de JS no wp-admin se outros plugins adicionarem o IntlTelInput.
6.0.3
- Correção de um erro de JS com SKU de produto variável.
6.0.2
- Atualizada a versão mínima do PHP para 7.0.
- Adicionada uma alternativa para funções ausentes em versões mais antigas do WordPress.
- Correção de erro fatal nos complementos antigos, com a classe JoinchatUtil ausente.
- Correção dos estilos de botões de produtos do Woo.
6.0.1
- Correção: O atributo “hidden” podia tornar o botão invisível em algumas redefinições de CSS (como no Bootstrap).
6.0.0
- Novo Rich Chat: várias bolhas de bate-papo com links, botões, imagens e textos aleatórios.
- Desempenho melhorado: JavaScript básico sem nenhuma dependência e carregamento lento de estilos e scripts.
- Novos ícones de botão e opção de manter a imagem alternativa fixa.
- Integração com as novas marcas do WooCommerce.
- Outras otimizações: refatoração e estilos melhorados, campo de telefone atualizado (37 traduções incluídas), adicionada a variável {HOME}, etc.
Veja changelog.txt para registro de alterações mais antigo












