Baixar

Joinchat

Por Creame

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

  • Integração: Configure o Joinchat a partir de um bate-papo.
  • Pré-visualização: Visualize a aparência do Joinchat antes de publicá-lo.
  • CSS Personalizado: Adicione seu CSS personalizado nas configurações do próprio plugin e carregue apenas quando necessário.
  • Multi-idioma: Melhor acesso para gerenciar traduções.

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

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, 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!! Funis de bate-papo.

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

🤹🏻‍♂️ 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 Aparência > Personalizar > 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 Aparência > Personalizar > 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.

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 Universal Analytics (analytics.js) for detectado:

ga('send', 'event', 'JoinChat', 'whatsapp: 99999999999', destination_url);

Se o seu site não tem nomes padrão para o rastreador UA (‘ga’) ou camada de dados (‘dataLayer’), você pode definir seus próprios 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_tracker'] = 'gaCustom';
    $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

Absolutamente genial

30 outubro, 2023 1 resposta
Estoy completamente sorprendido de la calidad. Me ha resultado muy útil y funciona a la perfección. 5 estrellas porque no hay más

Best Plugin!!

25 setembro, 2023
The best plugin I've ever used and the support team are very helpful. Helping me alot on my website development.Thanks alot Joinchat!!!
Leia todas as 180 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.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

Meta

Classificações

Ver todas
Faça o login para enviar uma avaliação.

Suporte

Problemas resolvidos nos dois últimos meses:

7 de 12

Ver fórum de suporte

Doar

Gostaria de apoiar o desenvolvimento deste plugin?

Faça uma doação a este plugin