Como adicionar um assistente de IA no seu site

O que você vai aprender

Neste tutorial você vai aprender a criar um site com Lovable e adicionar um widget de IA do Chatling capaz de tirar dúvidas e interagir com seus visitantes de forma inteligente.

Pré-requisitos para começar

Você não precisa saber programar. Só precisa de acesso à internet e contas nas plataformas Lovable e Chatling.

Criando seu site com Lovable

Configurando o Chatling como seu assistente

Alimentando o Chatling com conhecimento

Configuração do fluxo do chatbot

Agora que o Chatling já conhece seu site, vamos montar um fluxo inicial de atendimento para interagir com o visitante.

Usando o Builder do Chatling

No Builder, você monta um fluxo visual estilo arrastar e soltar. Cada bloco representa uma ação do chat.

Mensagem inicial do assistente

No bloco inicial (Start), conecte com um texto para dar boas-vindas. Ex: “Olá, bem-vindo à Voz Cloud. Em que posso te ajudar?”

Adicionando botões de opção

Após a mensagem, inclua um bloco com botões como: “Quero suporte” e “Falar com o comercial”, definindo ramificações para cada botão.

Respostas baseadas em botão

Conecte cada botão a uma resposta específica. Ex: “Para suporte, envie um e-mail para suporte@vozequipe.com”.

Respostas automáticas via IA

Mesmo se o usuário digitar livremente, o Chatling usará as bases alimentadas com dados do seu site e documentos para responder.

Testando o assistente no seu site

Com tudo configurado, o Chatling gera um código de embed que você pode colar no seu site Lovable dentro do campo de scripts.

Visualizando o chatbot funcionando

Ao publicar o script, o ícone do assistente aparecerá no canto da tela. Clicando nele, seu visitante poderá interagir com a IA imediatamente.

Ferramentas utilizadas