Coloque um chatbot com IA no seu site Webflow

O que o Webflow exige

O Webflow permite adicionar código personalizado para o site inteiro em sites com um Site plan pago ou em planos Workspace pagos. O site gratuito Starter não permite. O código personalizado também só roda no site publicado, não no canvas do Designer.

Pegue a sua linha de código

Cadastre-se com seu e-mail e informe o endereço publicado do seu site (o seu domínio personalizado, ou o endereço webflow.io se é esse que os visitantes usam). Depois da primeira leitura, copie a sua linha no painel:

Adicione no Webflow

1. Abra as Site settings do seu projeto.
2. Vá na aba Custom code.
3. Cole a sua linha em Footer code. Ela é colocada antes da tag de fechamento </body> em todas as páginas.
4. Clique em Save changes.
5. Clique em Publish para publicar o site nos domínios que você usa.
6. Abra o site publicado. O botão do chat aparece no canto inferior direito e o seu painel mostra Conectado.

Para mostrar o chat em uma única página, use as configurações de código personalizado dessa página (antes de </body>) em vez do rodapé do site inteiro.

Dois domínios? Adicione os dois

Muitos sites Webflow podem ser acessados por um domínio personalizado e pelo webflow.io. O chat só responde nos domínios cadastrados no seu painel; com www e sem www contam como um só. Se você também quiser o chat no endereço de homologação, adicione esse domínio no painel. Para testes locais, localhost também funciona.

O que ele faz em um site Webflow

Ele lê as páginas públicas do seu site, inclusive as páginas de coleções do CMS que consegue alcançar pelos seus links, e relê todo dia, então novos itens do CMS e alterações chegam ao assistente sem você fazer nada. Ele responde no idioma do visitante apenas com base nessas páginas, avisa quando uma pergunta não está coberta e lista essas perguntas para você.

O Webflow é muito usado para sites de SaaS, agências e serviços. Nesses casos, as perguntas típicas são “vocês integram com X?”, “o que o plano Pro inclui?”, “como eu cancelo?” e “vocês atendem clientes no meu país?”. Se as suas páginas respondem, o assistente também responde. Se não respondem, você vai ver essas perguntas na sua lista.

No Webflow Ecommerce, ele responde a dúvidas sobre produtos e políticas com base nas suas páginas. Ele não se conecta aos pedidos do Webflow, então não consegue consultar, cancelar nem alterar pedidos: essas conversas são passadas para você.

Encaminhamentos para a sua equipe

Quando um visitante pede para falar com uma pessoa ou precisa que algo seja feito, a conversa vai para o seu e-mail, ou para o Slack, Discord ou Telegram se você conectá-los. Pelos apps de chat, você pode responder e o visitante vê a sua resposta na janela de chat dele.

Confira antes de anunciar

1. Faça ao chat de teste da página de configuração as perguntas que chegaram à sua caixa de entrada de vendas ou de atendimento no mês passado.
2. Onde faltar uma resposta, acrescente a informação na página em que os visitantes a procurariam e publique.
3. Depois da próxima leitura diária, pergunte de novo e confira no seu painel a lista de perguntas que ele não soube responder.

As suas respostas continuam sendo suas: o assistente não usa conhecimento de fora sobre o seu produto, concorrentes ou preços, só o que o seu site publicado diz.