Joinchat

Descrição

🎉 Converse com os visitantes do seu site por meio dos seus aplicativos de chat favoritos. Coloque um botão flutuante na parte inferior do seu site e ofereça o melhor suporte aos seus clientes.

O melhor plugin do WordPress para WhatsApp, com mais de 600.000 instalações em todo o mundo.

Documentação | Premium | Suporte

⌁ O que você pode fazer com o Joinchat (anteriormente WAme) ✅

🛎 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 5.1

  • Envie eventos para a Tag do Google com suporte a vários destinos.
  • Adicionado: O texto Guia de política de privacidade.
  • Defina o tema texto preto ou branco.

📝 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
{URL} ➡ URL da página atual
{HREF} ➡ URL da página atual (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

🔕 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.

👨‍💻 Amigável para desenvolvedores.

Totalmente extensível, com muitos filtros e ações para ampliar sua funcionalidade ou alterar seu comportamento.

⌁ COMPLEMENTOS PREMIUM 🍡

Expanda o Joinchat com recursos incríveis:

🤖 NOVO!!Chat Funnels.

Funis simples como um chatbot de mensagens. Crie funis de captura de leads, qualificação ou suporte simulando conversas com um chatbot.

NOVO Capture campos de entrada e envie webhooks para melhorar a geração de leads e oferecer infinitas possibilidades.

🤹🏻‍♂️ Crie agentes de suporte.

Botões de contato para cada agente com horários de disponibilidade. Gerencie várias contas do WhatsApp com seus nomes, departamentos e horários de trabalho. Seus visitantes poderão entrar em contato com o agente de sua escolha e saber quanto tempo falta para que os agentes estejam disponíveis.

🎲 Telefone aleatório.

Um botão de contato com vários números de WhatsApp. Evite sobrecarregar seu suporte, bate-papo de pré-vendas ou de pedidos. Adicione quantos números de WhatsApp você tiver para a equipe de suporte ou vendas. Seus clientes acessarão aleatoriamente cada um deles, distribuindo a carga de trabalho de forma equilibrada.

📡 OmniChannel (Multicanal).

Adicione mais canais de contato. Permite que você adicione mais canais de contato (de mais de 10 aplicativos) além do WhatsApp. Agora você pode adicionar Telegram, Facebook Messenger, Tiktok, Snapchat, SMS, Chamadas telefônicas, Skype, FaceTime e mais.

🥁 Chamadas para ação persuasivas.

Aprimore suas Chamadas para ação. Crie conteúdo mais envolvente na janela de bate-papo para uma melhor conversão. Adicione links, vídeos, imagens, GIFs animados, botões e até mesmo conteúdo incorporado de outras plataformas, como Calendly, pesquisas, formulários…

👉 Atualize o Joinchat agora

🧪 Experimente o Joinchat

Deseja testar o painel de configuração do Joinchat sem instalá-lo? Você pode experimentá-lo em uma demonstração do WordPress sob demanda

🎨 “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 Twitter. Participe do bate-papo agora!

Imagens 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.

FAQ

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.

Para tentar, marque a opção “Eventos da Tag do Google” em Configurações do Joinchat > Avançado.

Integração com o Google Analytics

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 esse 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 não usa cookies e não coleta dados pessoais.

O Joinchat salva duas variáveis localStorage para seu correto funcionamento:

  • joinchat_views é um contador de visitas para controlar quando mostrar a janela de bate-papo.
  • joinchat_hashes se você definir uma Chamada para ação (CTA), quando o usuário iniciar o WhatsApp ou fechar a janela de bate-papo, o hash do CTA é salvo para evitar que o mesmo CTA seja mostrado automaticamente novamente.

Avaliações

19 dezembro, 2023 1 resposta
Everything is good—easy to set up and helpful
Leia todas as 185 avaliações

Colaboradores e desenvolvedores

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

Colaboradores

“Joinchat” foi traduzido para 10 localizações. Agradecemos aos tradutores por suas contribuições.

Traduzir “Joinchat” para o seu idioma.

Interessado no desenvolvimento?

Navegue pelo código, dê uma olhada no repositório SVN ou assine o registro de desenvolvimento via RSS.

Registro de alterações

5.1.5

  • CORREÇÃO: Atualização dos scripts minimizados 😓

5.1.4

  • CORREÇÃO: A reformulação do envio de eventos GA4 detecta vários destinos e implementações antigas de “configuração” sem nenhuma opção.

5.1.3

  • CORREÇÃO: Erro interno ao salvar (introduzido na versão 5.1).

5.1.2

  • CORREÇÃO: Recuperação dos parâmetros do GA4 removidos na versão 5.1.
  • Limpeza do cache de strings do WPML ao salvar as configurações do Joinchat.

5.1.1

  • CORREÇÃO: Erro de JavaScript ao enviar eventos.

5.1.0

  • NOVO: Suporte para Tag do Google com vários destinos.
  • NOVA: Adicionado o texto do “Guia de política de privacidade”.
  • NOVO: Possibilidade de definir a cor do texto em preto ou branco do tema.
  • ALTERAÇÃO: Usar cookies apenas quando necessário.
  • ALTERAÇÃO: Configurações simplificadas de administração da janela de bate-papo.
  • NOVO: Detecção do editor Thrive Architect.
  • NOVO: Prevenção contra a remoção de estilos embutidos do Joinchat pelo Thrive Architect.
  • Atualização: O WordPress requer pelo menos a versão 4.9.6.

5.0.17

  • CORREÇÃO: Não houve escape da tag strong.
  • CORREÇÃO: SVGs desfocados no Chrome no Mac.
  • ALTERAÇÃO: Melhorado o script de enfileiramento se o registro do jQuery for cancelado.

5.0.16

  • NOVO: Detecta editores Bricks Builder e Divi.
  • ALTERAÇÃO: Removido o evento antigo do Universal Analytics.

5.0.15

5.0.14

  • É necessário atualizar o WordPress, pelo menos para a versão 4.9.0.
  • SEGURO Escape de traduções (agradecimentos a @davidperez em #WCMAD).

5.0.13

  • CORREÇÃO: SVGs não fechados.
  • MUDANÇA: Melhorias menores de estilo na parte frontal.

5.0.12

  • ALTERAÇÃO RTL: Os idiomas mostram a seta da mensagem à direita.
  • CORREÇÃO: Limpar novas linhas para garantir o formato “\n”.
  • CORREÇÃO: Falso positivo em configurações de caixa de seleção não marcada no primeiro salvamento.
  • NOVO: Adicionado cabeçalho de configurações do Joinchat com cupom de desconto Premium.

5.0.11

  • CORREÇÃO: Atualizar o minificador de CSS em linha.
  • ALTERAÇÃO: O CSS personalizado não preencherá o CSS de exemplo por padrão.

5.0.10

  • CORREÇÃO Carregar CSS personalizado ao usar apenas estilos de botão.
  • ALTERAÇÃO Pequena otimização, não é necessário o jquery-migrate.

5.0.9

  • Correção Configurações personalizadas do termo Joinchat não eram salvas (introduzido na versão 5.0).
  • NOVO Evitar que o WP Rocket remova os estilos do Joinchat.

5.0.8

  • ALTERADO: Testado até o WordPress 6.3.
  • NOVO para desenvolvedores: adicionado filtro ‘joinchat_enqueue_qr’.

5.0.7

  • NOVO Adicionado gatilhos de URL com hash #joinchat ou parâmetro de consulta ?joinchat.
  • CORREÇÃO: Alerta PHP “$script undefinned”.

5.0.6

  • Correção do erro de submenu indefinido integrado.

5.0.5

  • Correção da função sprintf() mal formada.

5.0.4

  • Correção do erro fatal com a classe JoinchatUtil ausente.
  • Correção da pré-visualização do CSS personalizado.

5.0.2

  • CORREÇÃO do erro de telefone integrado com scripts minificados.
  • ATUALIZADA a biblioteca International Telephone Input (18.1.8).

5.0.1

  • CORREÇÃO da constante indefinida no PHP < 8.

5.0.0

  • NOVO Painel de visualização ao vivo na página de configurações wp-admin.
  • NOVO Página de integração.
  • NOVO Campo avançado de CSS personalizado.
  • NOVO Adicionada configuração para limpar todos os dados do Joinchat ao desinstalar.
  • NOVO Aviso em vários idiomas para informar sobre a definição das configurações no idioma principal.
  • ALTERAÇÃO Substituir biblioteca de geração de QR (reduz 13,9kB, 4,8 kB comprimidos).
  • ALTERAÇÃO Otimizado, carregar traduções apenas em páginas de administração.
  • ALTERAÇÃO Melhores estilos quando a caixa de chat tem rolagem.
  • ATUALIZADO: Biblioteca International Telephone Input (18.1.6).
  • ALTERADO Todos os nomes de classe PHP para seguir os padrões de codificação do WordPress.

Veja changelog.txt para registro de alterações mais antigo