Joinchat

Descrição

Transforme conversas em conversões

🎉 Converse com os visitantes do seu site através dos seus aplicativos de bate-papo favoritos. Coloque um botão de contato flutuante na parte inferior do seu site e ofereça o melhor suporte aos seus clientes.

Documentação | Joinchat Premium | Joinchat AI ✨

⌁ O que você pode fazer com o Joinchat ✅

🛎 Insira um botão de contato para o WhatsApp em seu site.

Defina seu número do ‘WhatsApp’ ou ‘WhatsApp Business’ e permita que seus visitantes entrem em contato facilmente com você:

🧩 Bloco de botão de contato do WhatsApp com QR Code opcional

📱 Em dispositivo móvel, abre o aplicativo WhatsApp para dispositivos móveis

💻 No desktop, abre o aplicativo WhatsApp para desktop ou o WhatsApp Web

🤳 No desktop, mostra o QR Code para escanear pelo celular

Personalize o seu logo, foto de perfil ou até mesmo um gif animado.

Defina em quais páginas ou áreas ele deve aparecer, o tempo de atraso, se deseja à direita ou à esquerda, apenas em dispositivos móveis ou também no desktop.

Você pode definir uma dica de ferramenta ou uma chamada para ação para capturar o interesse do usuário, o limite é determinado pela sua criatividade.

📢 Novidades no Joinchat 6.0

  • Melhore suas CTAs com o Rich Chat: várias bolhas de bate-papo, inclua links ou botões, adicione imagens e use 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.

📝 Configurações a nível de página ou arquivo.

Você pode alterar as configurações principais em cada post, página, produto ou tipo de post personalizado (CPT) e nas páginas de arquivos de tag ou categoria.

Ao editar seus posts no lado direito na caixa de meta do Joinchat ou ao editar suas tags ou categorias na seção Joinchat, você pode modificar as opções de telefone, CTA, mensagem inicial e visibilidade.

🔴 Mostrar uma notificação.

Use um balão no botão para chamar a atenção do visitante.

Dessa forma, você irá garantir que não perca nenhuma mensagem importante que queira transmitir a eles, surpreendendo-os de maneira menos intrusiva.

📯 Crie mensagens de chamada para ação.

Para incentivar os usuários a iniciar o bate-papo, use CTAs personalizados em cada página, produto ou seção.

Dê as boas-vindas a eles, ajude-os e ofereça ofertas ou promoções. Saiba mais

💬 Personalize mensagens para iniciar a conversa.

Defina a primeira mensagem para que o visitante possa iniciar a conversa imediatamente.

Use nossas “Variáveis dinâmicas” e você saberá de qual página o visitante está vindo ou qual produto ele está visualizando quando 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 CTAs (Chamadas para ação) e mensagens iniciais personalizadas para a página da loja, páginas de produtos e para 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 de botão de contato do WhatsApp (mínimo WP 5.9).

Adicione botões de contato do WhatsApp bonitos e personalizáveis no Editor de blocos.

Padrões prontos para uso com estilos diferentes também estão incluídos.

Ative o QR Code no desktop para permitir que seus visitantes o escaneiem e comecem a enviar mensagens pelo celular.

Você pode definir o telefone e a mensagem inicial do botão ou usar as configurações post/geral do Joinchat (ideal para blocos reutilizáveis).

🃏 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 (completa com parâmetros de consulta)
{PRODUCT} ➡ Nome do produto (Woo)
{SKU} ➡ SKU do produto (Woo)
{REGULAR} ➡ Preço regular do produto (Woo)
{PRICE} ➡ Preço atual do produto (Woo)
{DISCOUNT} ➡ Percentual de desconto do produto quando está 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.

Agora é possível enviar eventos para vários destinos na Tag do Google!

Integração com o Google Analytics 4 com o evento recomendado "generate_lead".

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 joinchat para 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 #joinchat para 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 todos os seus usuários, onde quer que estejam. Nosso plugin é compatível com WPML e Polylang e também oferece suporte a idiomas RTL.

Link direto para editar traduções quando um campo traduzível é alterado.

🌈 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 necessário e quando necessário. O Joinchat é leve e segue as melhores práticas de codificação. Ver relatório de testes

Use o JavaScript básico sem dependências, scripts adiados e carregamento lento de estilos para evitar o bloqueio de renderização.

🔕 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 nenhum cookie. Mas para exibir automaticamente o CTA, são necessários dois cookies. Eles são cookies primários e não coletam 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.

=== Joinchat Premium 🚀 ===

Transforme seu bate-papo em uma poderosa ferramenta de suporte e captura de leads.

  • Crie fluxos de conversação semelhantes a chatbots para capturar leads e automatizar respostas.
  • Gerencie vários agentes e agendas para organizar o suporte.
  • Previna sobrecarga distribuindo os bate-papos entre vários números do WhatsApp.
  • Adicione mais canais, como Telegram, Messenger ou chamadas telefônicas.
  • Melhore as conversões com vídeos, pesquisas e muito mais, diretamente na janela de bate-papo.

👉 Adquira o Joinchat Premium e melhore seu suporte hoje mesmo.

=== Joinchat AI ✨ ===

Turbine seu bate-papo com respostas imediatas e suporte inteligente com tecnologia de IA.

  • Responda imediatamente, 24 horas por dia, 7 dias por semana, usando uma IA treinada nas suas perguntas frequentes e no conteúdo do site.
  • Oriente os visitantes e responda às perguntas automaticamente sem intervenção humana.
  • Reduza o volume de trabalho e aumente a eficiência ao gerenciar consultas repetitivas.
  • Mantenha o controle com fácil gerenciamento da base de conhecimento e personalização das respostas.

👉 Adquira o Joinchat AI e deixe a IA cuidar do trabalho pesado.

🎨 “Business Chat” é o nosso tema WordPress recomendado

O Business Chat é um tema WordPress versátil projetado para empresas que buscam uma presença on-line profissional. Ele oferece um design totalmente responsivo, ferramentas integradas de SEO, opções extensas de personalização e integração de bate-papo por meio do Joinchat. É compatível com construtores de páginas populares e possui suporte ao cliente dedicado. Além disso, é a solução definitiva para um site empresarial de alto desempenho e fácil de usar.

O Business Chat oferece tanto uma versão gratuita quanto uma versão premium, atendendo a empresas com diferentes orçamentos e requisitos. Essa flexibilidade o torna uma escolha ideal para empresas que buscam uma solução abrangente e versátil para estabelecer sua presença on-line.

⌁ Se você gostou do Joinchat 😍

  1. Deixe-nos uma classificação de ★★★★★. Agradecemos a sua contribuição.
  2. Ajude-nos com a tradução em seu idioma
  3. Visite nosso blog e encontre dicas e truques em join.chat.
  4. Siga @joinchatnow no X. Participe do bate-papo agora!

Capturas de tela

  • Exemplo real
  • Exemplo real
  • Exemplo real
  • Exemplo real
  • Exemplo real
  • Exemplo real
  • Exemplo de botão de produto
  • Configurações gerais
  • Configurações de visibilidade
  • Configurações do WooCommerce
  • Configurações avançadas
  • Configurações da página

Instalação

  1. Envie a pasta inteira creame-whatsapp-me para o diretório /wp-content/plugins/.
  2. Ative o plugin por meio do menu ‘Plugins’ no WordPress.

Perguntas frequentes

Não consigo ver o botão ou ele está sobre/sob outra coisa

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; }
}

Alterar o tamanho do botão

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:

  1. 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
  2. Adicione uma classe CSS a qualquer elemento, joinchat_app (abre diretamente o WhatsApp) ou joinchat_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-phone e data-message.
Por exemplo: <a href="#whatsapp" data-phone="99999999" data-message="Quero conversar">Iniciar bate-papo agora!</a>

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' );

Desativar a barra lateral do Gutenberg

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:

add_filter( 'joinchat_get_settings', function( $settings ){
    $settings['ga_event'] = 'myGA4Event';
    $settings['data_layer'] = 'dataLayerCustom';
    return $settings;
} );

O Joinchat é compatível com os plugins MonsterInsights – Google Analytics Dashboard para WordPress e Google Tag Manager para WordPress 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, dois cookies podem ser necessários. Eles são cookies primários e não coletam dados pessoais.

  • joinchat_views é um contador de visitas para controlar quando mostrar a janela de bate-papo.
  • O joinchat_hashes salva 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.

Avaliações

Leia todas as 189 avaliações

Colaboradores e desenvolvedores

“Joinchat” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin.

Colaboradores

Joinchat” foi traduzido para 11 localidades. Agradecemos aos tradutores por suas contribuições.

Traduzir o “Joinchat” 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.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