Guia de como colocar um botão de chat web em seu site

1 de julho de 2024

14 min.

Imagine um cenário em que um potencial cliente visita seu site com dúvidas, mas infelizmente não encontra as respostas. Essa situação geralmente leva à perda de oportunidades para o seu negócio.

Para evitar essas oportunidades perdidas, você precisa de um botão de chat web. Com ele, você pode interagir com os clientes antes de vender, tirar suas dúvidas e tirar dúvidas sobre seu produto ou serviço.

Neste artigo, vamos explicar tudo sobre a importância de um botão de chat no site, como escolher o software certo e instruções detalhadas para configurar e personalizar o botão de chat usando a Kommo.

O que é um botão de chat web?

Um botão de chat de site é um botão de chat conveniente colocado em seu site que consolida todos os seus canais de comunicação em um único botão. Este botão permite que os visitantes entrem em contato com você com facilidade.

Você pode incluir quantos canais precisar, adaptados às necessidades do seu negócio, garantindo uma experiência de comunicação contínua e sem barreiras para os visitantes e clientes do seu site.

📍O que é um botão de chat web?

Também chamado de chat ao vivo, um botão incorporável em seu site que convida os visitantes a bater um papo com você usando aplicativos de mensagens populares ou chat ao vivo.

Por que você não pode deixar de adicionar um botão de chat web

Querendo saber sobre como conseguir botão de chat web para site e por que é necessário? Aqui estão alguns dos problemas que um botão de bate-papo resolve👇:

1. A incapacidade dos clientes de entrar em contato com empresas facilmente

Imagine um cliente em potencial que chega ao seu site e ainda decide se compra ou já o fez. Eles podem ter dúvidas sobre a chegada do pedido ou se você reabastece um item que está esgotado. Em vez de tentar ligar para você ou aguardar uma resposta por e-mail, eles só precisam enviar uma mensagem por meio do botão de chat do seu site para obter respostas instantâneas.

2. Não é possível ajudar os clientes em tempo real

Se você deseja fornecer assistência oportuna aos clientes, usando um botão de bate-papo para site não é apenas uma opção; é necessário. Ele fornece assistência em tempo real, oferecendo uma ajuda virtual que aumenta a satisfação e estimula os visitantes a fazerem uma compra.

3. Malabarismo entre diferentes canais de comunicação

Com um botão de chat em seu site, você pode gerenciar facilmente mensagens de todos os canais, incluindo chat ao vivo, WhatsApp, Instagram e Facebook Messenger. Se você estiver usando a Kommo como plataforma de botão de bate-papo do site, ela vai direcionar automaticamente as mensagens para o membro apropriado da equipe.

4. Não é possível rastrear o histórico de bate-papo com clientes

Você também pode acompanhar todo o seu histórico de bate-papo em um perfil elegante, facilitando o prosseguimento das conversas com cada cliente exatamente de onde você parou.

Escolhendo um botão de bate-papo para o site

A primeira etapa para iniciar sua jornada com o botão de chat é escolher a plataforma que melhor atende às suas necessidades de negócio. Embora inúmeras opções inundem o mercado, escolhemos as melhores soluções para você:

Gratuito x Pago no botão de chat web plataformas

Embora as versões gratuitas ofereçam uma oportunidade, elas geralmente têm limitações. Eles ajudam você a começar sem qualquer compromisso financeiro, mas apresentam limitações. Você pode conversar, mas obtém recursos básicos e opções de personalização limitadas. É como mergulhar os pés na água – você terá um gostinho, mas não a experiência completa. As versões gratuitas são ideais para pequenos sites e empresas que estão começando.

Observação:

As versões pagas do software de botão de bate-papo, como a Kommo, oferecem recursos versáteis como análises, automação de conversas, salvamento de dados do cliente e amplas opções de personalização.

As versões pagas do software de botão de bate-papo, como a Kommo, oferecem recursos versáteis como análises, automação de conversas, salvamento de dados do cliente e amplas opções de personalização. Esses recursos foram projetados para se adaptar às necessidades exclusivas do seu negócio, dando a você a confiança de que fez a escolha certa para o seu site.

Se você está procurando a solução certa, Kommo pode ser a escolha perfeita. A plataforma não apenas oferece uma maneira de se comunicar com seus clientes, mas também possui outros recursos importantes.

Vamos explorar Kommo um pouco mais 👇

Escolhendo Kommo como sua plataforma de botões de chat

A Kommo é uma plataforma de botões de bate-papo projetada tendo em mente a facilidade de uso. A plataforma oferece todas as funcionalidades de CRM necessárias à gestão do seu negócio, facilitando o gerenciamento da comunicação do seu site.

Além disso, a Kommo é customizada para atender às diversas demandas de empresas de todos os tamanhos e setores, permitindo que você assuma o controle do envolvimento do cliente em seu site.

O que é Kommo?

Kommo é um sistema de CRM baseado em mensagens projetado para ajudar pequenas e médias empresas a aumentar as vendas. Oferece todas as funcionalidades de CRM necessárias à gestão do seu negócio, facilitando o gerenciamento da comunicação do seu site.

Com a Kommo, você pode conectar e adicionar mensageiros como mensagens da Apple, Telegram, Instagram, WhatsApp, Facebook Messenger e Live Chat. A Kommo também se integra com WeChat, Viber e Skype.

Você pode direcionar seus visitantes diretamente para o seu WhatsApp ou mensageiro preferido selecionando o botão de bate-papo do WhatsApp, entre outras opções. Dessa forma, seu live chat widget funciona sozinho como um mensageiro.

Recursos da Kommo

A Kommo oferece vários recursos que podem ajudá-lo a maximizar o desempenho do botão de chat ao vivo para site. Vamos revisar esses recursos um por um.

1. Caixa de entrada unificada

Como você receberá mensagens de diferentes plataformas de mensagens e sites, a caixa de entrada unificada da Kommo ajuda a centralizar todas as suas comunicações instantaneamente em um só lugar. Isso resolve o problema de perder conversas do seu site e alternar entre aplicativos de bate-papo.

2. Cartão de lead

No Kommo, cada visitante que entra em contato com você em seu site recebe um perfil completo criado automaticamente como um cartão de lead, permitindo fácil colaboração dentro de suas equipes. Ao atribuir cada conversa em sua caixa de entrada a um membro específico da equipe, você evita a perda de dados do cliente e falhas de comunicação entre essas equipes.

3. Modelos

Com a Kommo, você pode economizar tempo e aumentar o engajamento do cliente com modelos de chat integrados ao seu chat plugin para site. Por exemplo, você pode personalizar o modelo com informações do cliente ou mídias.

4. Funil de vendas

Kommo também oferece um funil de vendas que pode ser customizado para auxiliar as empresas no gerenciamento de clientes, no manejo de projetos e no avanço eficiente das coisas.

5. Chatbot e automações

Além disso, você pode maximizar os resultados do botão de chat do site por meio de chatbots e automações. Dependendo das necessidades, você pode usar o chatbot para responder automaticamente aos seus clientes. O chatbot do Kommo também detecta a intenção por trás da mensagem de um cliente. Dessa forma, você deixa a tecnologia trabalhar para você e não perde clientes em potencial.

Parceria com a Meta

Kommo é o primeiro CRM baseado em mensageiro do mundo e um Meta Business Partner oficial, o que significa que a experiência da Kommo foi verificada e reconhecida pela Meta. 🤝

Então, agora vamos discutir como adicionar um botão de chat ao seu site.

Configuração do botão de chat ao vivo

Agora que falamos sobre os inúmeros benefícios de usar a Kommo como plataforma de botão de chat ao vivo, vamos mostrar como adicionar um ao seu site.

Antes de começar, certifique-se de ter o seguinte 👇

  1. Uma conta na Kommo
  2. Um site
  3. Mensageiros conectados (por exemplo, Facebook Messenger, ou WhatsApp)

Para começar, acesse sua conta Kommo. O botão de chat ao vivo é conectado como fonte de novos Leads, ou seja, todas as mensagens recebidas irão diretamente para o funil de vendas. Portanto, temos que começar na seção Leads.

  • Clique ⚡Automatize
  • Clique +Adicionar fonte
  • Escolha Botão de chat web

Como o botão de chat do site é uma fonte multicanal, os visitantes ou clientes da web podem escolher o canal que se sentem mais confortáveis ​​para entrar em contato com sua empresa. Você pode adicionar qualquer canal disponível da lista.

É hora do processo de instalação.

No Kommo, existem diferentes maneiras de instalar um botão de chat em seu site. Vamos abordar eles um por um.

1. Integração de código

É possível criar um botão de chat sem especificar domínios. No entanto, se decidir adicionar um botão apenas a sites confiáveis, você precisará especificar o nome do seu site.

Você pode simplesmente copiar e colar o código fornecido na Kommo usando o HTML do seu site. Você também pode copiar o trecho de código da guia abaixo e inseri-lo em seu site. Se você tiver um desenvolvedor web, poderá clicar em Enviar para o desenvolvedor para enviar o código por e-mail para que eles possam cuidar do processo de configuração.

2. Integração do Google Tag Manager

Você também pode usar a integração do Google Tag Manager. A Kommo tornou mais fácil para quem não quer codificar sozinho. Eles podem configurá-lo em uma interface fácil de usar e controlá-lo em um só lugar.

📍O que é o Google Tag Manager?

Uma ferramenta para adicionar diversas tags, como Google Analytics ou Facebook Pixel, a um site sem mexer no código.

Para instalar o Google Tag Manager, tudo que você precisa fazer é seguir estas etapas 👇

  1. Clique em Instalação rápida usando o Google Tag Manager.
  2. Entre na sua conta do Google.
  3. Compartilhe as permissões da conta.

  1. Em seguida, selecione o onde deseja adicionar o modelo de tag.
  2. No menu esquerdo, selecione a aba Tags, clique Nova, e dê um nome à sua tag.
  3. Na seção Configuração da tag, clique em qualquer lugar dentro da caixa branca.
  4. A seguir, vá para a Galeria de modelos da comunidade, procure o Botão de chat web da Kommo, e selecione-o na lista de opções.
  5. Clique Adicionar ao espaço de trabalho e dê permissão para adicionar um modelo de comunidade clicando em Adicionar.
  6. Introduza a Chave de instalação do botão para o seu botão de chat online.
  7. Clique na seção de Acionamento para selecionar um acionador.

📌Para melhorar a experiência do cliente em seu site, recomendamos escolher o acionador ‘Todas as páginas’ para tempos de carregamento de página mais rápidos.

  1. Clique Salvar para salvar a nova tag.

📌Você pode visualizar a aparência do botão de chat em seu site clicando em Visualizar. Se você estiver satisfeito com isso, clique em Enviar para enviar todas as configurações para o contêiner.

  1. Por fim, adicione um nome de versão e uma descrição de versão e clique em Publicar.

Se você não possui uma conta do Gerenciador de tags do Google, não se preocupe. Tudo que você precisa fazer é fazer login como fez anteriormente. A mensagem de erro “Você não tem uma conta do Gerenciador de tags do Google” aparecerá na janela modal. Então siga estas etapas 👇

  1. Siga o link para “Criar uma conta GTM e tentar novamente”.
  2. Em seguida, crie uma conta usando esse link
  3. E clique no botão “Fazer login com Google” para fazer login novamente

3. Instalando o botão de chat no seu site WordPress

Se você usa WordPress como CMS, este método foi desenvolvido para você. Seu site nem precisa ser enorme.

  1. Vá para o painel de administração do WordPress.
  2. Clique no plug-in Kommo.
  3. Conecte-se na sua conta Kommo.

  1. Depois de fazer login, selecione o botão criar um novo bate-papo.

Seu site agora terá um botão de chat adicionado.

4. Instalando o botão de chat no seu site Wix

Você pode criar uma landing page simples ou um site usando um construtor como o Wix. Quando estiver no plugin chat do site Modal de instalação na Kommo, siga os seguintes passos 👇

  1. Clique Adicione ao seu site Wix > Instalar no Wix.
  2. No Mercado de aplicativos Wix, procure o aplicativo da Kommo. Em seguida, selecione Adicionar ao site.
  3. Selecione Concordar e adicionar.
  4. Navegue até a seção Gerenciar aplicativos na plataforma Wix. Selecione Configuração completa ao lado do aplicativo Kommo.
  5. Selecione Adicionar ao site.

5. Integração com Shopify

Este método foi desenvolvido especialmente para aqueles cujos negócios são exibidos no Shopify. Depois de instalar o Shopify no mercado Kommo, você pode integrar perfeitamente o live chat plugin de site clicando em “Instalar no Shopify.

Se o Shopify ainda não estiver instalado e conectado à sua conta Kommo,

  1. Clique em ‘Instalar’ e ‘Instale a integração do Shopify.’
  2. Então clique “Gerente do Shopify,” clique em “Conectar,”
  3. Sincronize sua conta do Shopify e clique em ‘Importar’.

No Adicione ao seu Shopify guia da loja, vá para as configurações do Shopify e selecione Configurar no Shopify. No Shopify, ative o botão de alternância do plug-in Kommo CRM.

A Kommo dá um passo extra para garantir que o botão de bate-papo do seu site seja rápido no Shopify, colocando todas as informações relevantes do cliente no Kommo.

Dessa forma, você pode responder às dúvidas dos clientes de forma rápida e descomplicada. Você saberá de qual pedido seu cliente está falando e os detalhes relevantes desse pedido.

Graças ao poder do Kommo, você pode garantir que seus clientes tenham uma experiência positiva e permaneçam fiéis.

Personalizando o botão de chat para o seu site

A personalização torna o botão de chat do site ou widget de chat ao vivo o mais atraente e interativo possível. Kommo oferece recursos de personalização gerais e avançados. Antes disso, vamos visualizar o chat widget da Kommo em aplicativo móvel e web.

Aqui está uma lista dos recursos de personalização disponíveis no Kommo👇

  1. Animação de botão
  2. Posição do botão
  3. Estilo de botão
  4. Mensagens pop-up
  5. Cor do tema
  6. Cabeçalho do bate-papo
  7. Layout do canal
  8. Orientação do canal
  9. Margem do botão de bate-papo
  10. Visibilidade do botão
  11. Gradiente de cor
  12. Bots de bate-papo
  13. Várias conversas
  14. Ações principais

Vamos explicar cada um dos recursos, um após o outro.

1. Animação de botão

Aqui você pode habilitar animações para que os visitantes da web prestem mais atenção ao botão de chat, aumentando sua chance de ser utilizado. Algumas animações incluem Estática, Ondas, Tremer, ou Sacudir.

2. Posição do botão

Dependendo da estrutura do seu site, você pode escolher se deseja que o botão de chat ao vivo seja posicionado à esquerda ou à direita.

3. Estilo de botão

O tamanho e o formato do botão de chat web do seu site fazem com que ele se destaque. Aqui você pode escolher o tamanho e formato que deseja.

4. Mensagem pop-up

Na Kommo, você pode personalizar a mensagem pop-up do seu chat ao vivo para se adequar ao estilo da sua marca. Esta mensagem pop-up chama a atenção de seus clientes e os incentiva a se comunicarem com você. Por exemplo, você pode simplesmente cumprimentá-los como “Olá! Tem alguma dúvida ou precisa de ajuda?” enquanto eles navegam pelo seu site.

Além de cumprimentar seus clientes, você também pode usar mensagens pop-up para chamar a atenção deles para algo especial em seu negócio, como promover uma venda ou um novo produto.

5. Cor do tema

Não há vergonha em ter uma boa aparência; você pode fazer com que o botão de bate-papo se ajuste ao esquema de cores do seu site, ao design e à voz da marca do site.

6. Cabeçalho do bate-papo

Aqui, você pode escolher o nome do cabeçalho do seu chat e adicionar uma imagem de exibição para o botão de chat. Você também pode decidir incluir o nome do seu cliente durante o bate-papo.

Mas isso não é tudo! Nas configurações avançadas, você pode adicionar recursos mais avançados ao botão de chat web!

7. Layout do canal

Por exemplo, você pode escolher se deseja que seu botão de chat web pareça recolhido ou expandido.

8. Orientação do canal

Seu botão de bate-papo também pode ser exibido horizontal ou verticalmente para se adequar ao tema.

9. Margem do botão de chat web

Você pode aumentar ou diminuir a margem do botão de chat. Isso é útil se alguns botões se sobrepõem a outros na versão móvel do seu site, por exemplo.

10. Visibilidade do botão

Alternar o botão permite que você mantenha o botão de bate-papo visível enquanto clientes em potencial navegam pelo seu site.

11. Gradiente de cor

Para dar mais cor aos botões do chat ao vivo, você pode adicionar um gradiente a eles. Isso adiciona uma sensação mais única e natural ao seu site.

12. Bot de bate-papo

Outra grande vantagem é que você pode automatizar suas conversas usando um chatbot. Ao clicar em “Editar bot”, você pode criar um chatbot para atender às necessidades do seu cliente.

13. Várias conversas

Você pode alternar o botão se quiser que seus clientes entrem em contato com você por vários meios simultaneamente. Dessa forma, serão criados diferentes cartões de lead com base no canal. No entanto, você sempre pode sincronizar esses cartões em um para evitar confusão.

14. Ações principais

A principal vantagem de uma ótima plataforma de botões de chat em um site é a flexibilidade. Kommo permite que você escolha quais condições e reações funcionam bem com o objetivo do botão de chat web. Ao configurar ações-chave, você pode entender o que os visitantes da web fazem em seu site.

Aqui, podemos configurar para ver há quanto tempo os visitantes estão no site e quais páginas de produtos eles visitaram. Você pode então usar essas informações para personalizar suas mensagens.

E é isso! Seu botão de chat web está instalado e funcionando e é mais eficaz. Você pode explorar diferentes opções para encontrar aquela que funciona melhor para você.

Maneiras práticas de maximizar o botão de chat web na Kommo

Vejamos algumas dicas sobre como aproveitar ao máximo o botão de chat do seu site usando a Kommo.

1. Segmentação de leads

Ao marcar cada cliente em seu cartão de lead e enviar mensagens adicionais adaptadas aos seus interesses, sua comunicação por chat ao vivo não é um evento único, mas o início de novos relacionamentos com clientes.

2. Atribuir automaticamente aos usuários responsáveis

O chat ao vivo da Kommo direciona facilmente os visitantes do seu site e clientes em potencial para a melhor pessoa da sua equipe para responder às suas perguntas. Dentro do cartão principal, você pode facilmente alterar o usuário responsável e seu cliente não notará. Usando o cartão principal, esse novo usuário responsável obtém um detalhamento completo de sua comunicação anterior com aquele cliente. Não há necessidade de perder tempo fazendo perguntas repetidas vezes.

3. Pontuação líquida do promotor (NPS)

O chat ao vivo da Kommo permite avaliar as experiências de seus clientes após conversar com eles. Dessa forma, você pode determinar como melhorar suas técnicas de comunicação e encontrar as melhores formas de satisfazer seus clientes.

📍O NPS é uma métrica que avalia a satisfação e a fidelidade do cliente, fazendo uma única pergunta aos clientes para avaliar sua experiência.

4. Análise de bate-papo

Você pode monitorar como os usuários do chat ao vivo interagem com o seu site. Identifique as páginas mais visitadas do seu site e o tempo dos usuários e crie facilmente filtros ou widgets.

5. Funil de vendas

Na Kommo, você tem uma visão panorâmica de suas vendas, permitindo acompanhar como os usuários do chat ao vivo progridem desde o primeiro contato até a compra dentro do funil de vendas.

Perguntas frequentes

Coloque um botão de chat no seu site com a melhor plataforma de CRM

Você pode aproveitar botão de chat web para site para melhorar a comunicação e o envolvimento do cliente com configuração fácil, aprovação instantânea e menos taxas.

🤓Agende uma demonstração gratuita

👩‍💻 Faça o login na sua conta da Kommo

💬 Converse conosco no site ou pela sua conta

🤝 Encontre um parceiro para te ajudar para você poder relaxar

🎥 Visite nosso Canal no YouTube

🚀 KommoCRM que se integra ao botão de chat web para vender mais

Quando se trata de como vender na Shopify, velocidade é tudo. Acelere sua velocidade de resposta no botão de chat web com nosso CRM, o chatbot para WhatsApp, chatbot para Instagram e muito mais. A melhor parte? Com nosso CRM, você pode personalizar modelos com informações do perfil do lead, para que nenhuma mensagem pareça robótica.

  • Comunique-se no cartão lead - sem aplicativos de troca!
  • Meios de mensagens, SMS, e-mail e telefone
  • Modelos personalizados de e-mail e WhatsApp
  • Envie mensagens do WhatsApp automaticamente
  • WhatsApp chatbot com detecção de intenção
KommoTIME

Nossa equipe de conteúdo está em dia com as mais recentes ferramentas de marketing e vendas, e está aqui para te ajudar a escalar o seu negócio.

Teste a Kommo grátis

Faça um test drive Kommo ou agende uma call gratuita de demo