Como adicionar um chatbot de IA ao seu site

Como adicionar um chatbot ao seu site em 4 passos

1. 1.

   Crie o agente

   Abra o editor, escolha um modelo e introduza o URL do seu site. O chatbot lê as suas páginas e cria a partir delas a primeira base de conhecimento.

2. 2.

   Adicione o que ele deve saber

   Carregue políticas e catálogos, escreva pares de perguntas e respostas para as respostas que têm de ser exatas e preencha os dados do seu negócio.

3. 3.

   Defina o comportamento e o aspeto

   Dê-lhe uma função, um tom e uma saudação, ative as competências de que precisa — recolher contactos, contactar uma pessoa — e combine as cores com o seu site.

4. 4.

   Cole o código no seu site

   Clique em Adicionar ao site, copie o código e cole-o no construtor do seu site. Funciona em qualquer site que aceite HTML personalizado.

O que decidir antes de adicionar um chatbot

Um chatbot responde com base no que lhe dá. Cinco decisões tomadas antes de abrir o editor poupam horas a corrigir respostas mais tarde.

1. 1.

   Escolha a função principal

   Responder a perguntas, captar leads, marcar consultas ou encaminhar visitantes para a página certa — escolha uma como prioridade. Um bot de captação de leads pede os dados de contacto cedo; um bot de suporte precisa mais de uma base de conhecimento profunda do que de um formulário. Veja os casos de uso do chatbot de IA.

2. 2.

   Reúna o conhecimento

   As suas 20 perguntas mais frequentes com respostas, os preços atuais, as políticas de envio e devolução, os contactos e as descrições dos produtos ou serviços. Escreva-as como os clientes perguntam, não como as suas páginas de marketing se leem.

3. 3.

   Elimine contradições

   Se uma política de devoluções antiga e uma nova estiverem ambas carregadas, a IA pode citar qualquer uma delas ou misturá-las. Apague versões desatualizadas e duplicados antes de treinar.

4. 4.

   Defina os limites

   Liste os temas a que o chatbot responde e os que passa a uma pessoa — litígios de faturação, reembolsos que exigem uma decisão, problemas específicos de uma conta.

5. 5.

   Escolha a voz

   Escreva duas ou três respostas de exemplo no tom que pretende. Uma loja de skate e um escritório de advogados não devem soar da mesma forma.

Configure o agente e o seu conhecimento

No editor da Elfsight, o separador Agente define quem é o chatbot:

• Nome, legenda e imagem — o nome do seu negócio ou do agente, uma legenda curta e um logótipo ou avatar.

• Função — a área em que o agente é especialista, para que responda de acordo com o papel.

• Tom — Amigável, Profissional, Descontraído, Direto ou a sua própria descrição.

• Extensão das respostas — respostas curtas, médias ou longas.

• Mensagem de boas-vindas e perguntas sugeridas — diga aos visitantes em que é que o chatbot pode ajudar e dê-lhes perguntas para começar com um clique.

• Regras de conversa — diga explicitamente o que o agente deve fazer e o que deve evitar.

O separador Conhecimento guarda tudo aquilo com que o chatbot responde:

• Páginas web — até 200 páginas do seu site, adicionadas a partir do URL.

• Ficheiros — PDF, DOCX, PPTX, TXT, JSON, HTML ou MD, como políticas e catálogos de produtos.

• Pares de perguntas e respostas — para respostas em que a redação importa: preços, condições de reembolso, notas legais.

• Blocos de texto — tudo o que não está no seu site, como uma oferta sazonal.

• Informações do negócio — horário, morada e contactos.

Quando o agente não sabe uma resposta, pergunta-lhe a si e aprende com a sua resposta. Saiba mais em como criar uma base de conhecimento para um chatbot.

Adicione competências: contactos, seguimentos e uma pessoa como alternativa

As competências levam o chatbot além de responder a perguntas:

• Recolher contactos — um formulário curto para nome, e-mail e telefone com uma caixa de consentimento. Mostre-o antes do chat, depois da primeira resposta ou torne-o obrigatório.

• Mensagem de seguimento — uma mensagem enviada quando um visitante fica em silêncio, para o trazer de volta ou partilhar uma oferta.

• Botões de ação — WhatsApp, e-mail, chamada, Instagram, Telegram, Messenger e outros, mostrados quando a conversa os pede.

• Contactar uma pessoa — um cartão com a fotografia, o nome e os contactos de um membro da equipa. Aparece quando o visitante pede uma pessoa, quando o agente não sabe responder, quando surge uma palavra-chave, quando uma resposta recebe um «não gosto» ou quando o visitante fica inativo.

Contactar uma pessoa encaminha o visitante para os seus próprios canais — WhatsApp, e-mail, telefone — em vez de passar o chat para um operador em direto. Configure-o antes do lançamento, pelo menos para «pediu uma pessoa» e «não sabe responder»: os visitantes não se importam de falar com uma IA, importam-se de se sentir presos a ela. Veja transferência para humano.

Ajuste o design e escolha onde aparece

Escolha um de seis temas e uma cor de destaque e, depois, afine as cores de cada parte, o fundo, o raio dos cantos e o tipo de letra para que o chat pareça fazer parte do seu site.

Em Definições, escolha como aparece:

• Posição e layout — um chat flutuante ou incorporado na página; um botão, um botão de texto, um campo de introdução rápida ou o perfil do agente como lançador; à esquerda, à direita ou ao centro em baixo.

• Início — abrir com um clique, mostrar primeiro a saudação e as perguntas sugeridas, ou abrir automaticamente.

• Visibilidade — mostrar ou ocultar o chat em páginas e dispositivos específicos.

• Texto do rodapé — uma nota de que as respostas são geradas por IA ou uma ligação para a sua política de privacidade.

• Língua e fuso horário — a interface do chat em qualquer uma de 76 línguas; sons, CSS e JS personalizados.

• Notificações por e-mail — a transcrição de cada conversa, com os contactos do visitante, enviada para a sua caixa de entrada.

Se tem visitantes da UE, atualize a sua política de privacidade para mencionar o chatbot e os dados que recolhe. O Regulamento da IA da UE também exige que as pessoas sejam informadas de que estão a falar com uma IA — o texto do rodapé é um lugar simples para ambas as coisas.

Como integrar o chatbot no seu site

Clique em Adicionar ao site, copie o código e cole-o uma vez. Para um chat flutuante em todas as páginas, coloque-o na área de código de todo o site; para incorporar o chat numa página, use o elemento HTML dessa página.

O Wix exige um plano Premium e o Squarespace um plano Business ou superior para executar código personalizado. Para React, Next.js, Vue ou Angular, veja chatbot de IA para programadores.

Teste antes de publicar

• Faça 10–15 perguntas reais, retiradas da sua caixa de suporte ou do formulário de contacto, e não inventadas. Os visitantes reais escrevem «a minha encomenda não chegou e ninguém responde», não «qual é o vosso horário?».

• Confirme que recusa com educação os temas fora dos limites e oferece uma forma de chegar à sua equipa: «Esse é um assunto que a nossa equipa trata diretamente — eis como contactá-la» funciona melhor do que «Não posso ajudar com isso».

• Abra o site num telemóvel e certifique-se de que o lançador não tapa botões nem o carrinho.

• Na primeira semana, leia as conversas no seu painel todos os dias e preencha as lacunas da base de conhecimento.

Erros que prejudicam as respostas do chatbot

Como saber se o seu chatbot está a funcionar

Os chatbots saem-se melhor com perguntas frequentes e repetitivas cujas respostas já existem no seu conteúdo: preços e planos, políticas, passos de configuração e de resolução de problemas. Têm dificuldades com tarefas que exigem discernimento ou acesso à conta de um cliente — litígios de faturação, decisões de reembolso —, por isso encaminhe-as para uma pessoa.

As conversas e os leads estão no seu painel da Elfsight, os relatórios de análise chegam por e-mail e os eventos do chat podem ser enviados para o Google Analytics. Veja análises.

Outras formas de adicionar IA a um site

• Criar o seu próprio com uma API de IA — o máximo controlo sobre o comportamento e os dados, mas é você que escreve a interface do chat, aloja o backend e mantém ambos.

• Plataformas de help desk — agentes de IA integrados com chat em direto, tickets e encaminhamento. Úteis para uma grande equipa de suporte; mais configuração e mais custos.

• Pesquisa no site e recomendações com IA — percebem o que o visitante quer dizer e sugerem páginas ou produtos. Um chatbot treinado com o seu catálogo pode fazer ambas as coisas numa conversa: veja pesquisa no site com IA e recomendações de produtos.

• Ferramentas de conteúdo e análise com IA — redigem páginas e detetam tendências no seu tráfego; ajudam a gerir o site, mas não falam com os visitantes.

Para a maioria das pequenas e médias empresas, um chatbot sem código é a forma mais rápida de pôr a IA à frente dos visitantes: sem código para manter, e o mesmo agente funciona em qualquer plataforma.