Como adicionar um chat com IA ao seu site no Framer
Sites no Framer são rápidos de desenhar e publicar, e um chat por cima deles permite que os visitantes façam perguntas com as próprias palavras em vez de procurar. Um chat com IA pode responder a partir das suas próprias páginas, mostrar a fonte de cada resposta e passar uma conversa para a sua equipe. A OneType não tem plugin para o Framer: você cola uma linha nas configurações de “Custom Code” do site, a mesma linha usada em qualquer site. Este guia mostra o que preparar, as etapas no Framer e como conferir se o chat está no ar.
Etapa 1: crie o chat e deixe que ele leia seu site
Cadastre-se, crie seu chat e informe o endereço do seu site no Framer. Escolha as páginas com as quais o chat deve aprender, como páginas de produto, preços, perguntas frequentes e contato, e adicione documentos se algumas respostas estiverem em arquivos. O chat responde em linguagem simples, somente a partir do que você forneceu, com uma fonte numerada ao lado de cada frase. Páginas protegidas por login não podem ser lidas. Faça algumas perguntas reais no chat de teste, inclusive uma que suas páginas não respondem: ele deve dizer que não sabe, em vez de adivinhar.
Etapa 2: escolha um modelo e defina o básico
Escolha um dos modelos de chat, adicione seu logotipo e defina o nome que os visitantes veem, a saudação e algumas perguntas iniciais. Use as perguntas que as pessoas mais enviam a você. Você pode mudar o nome, a saudação e as perguntas iniciais depois, no seu painel da OneType, e seu site mostra o novo visual em cerca de um minuto, sem republicar no Framer.
Etapa 3: copie sua linha
Depois de entrar no ar, a OneType mostra sua linha de script pronta para copiar. Ela também está na aba “Add to your website” do seu agente sempre que você precisar. Se outra pessoa edita o projeto no Framer, um link abre um e-mail com a linha e as instruções, pronto para enviar a ela.
Etapa 4: adicione a linha em Custom Code no Framer
- Abra “Project Settings” no seu projeto do Framer.
- Selecione a aba “Custom Code” na barra lateral esquerda.
- Clique em “Add Script”, ou no ícone + se você já tiver scripts.
- Dê um nome ao script, por exemplo “OneType chat”.
- Para o posicionamento, escolha uma posição no final do body e cole sua linha da OneType.
- Deixe a lista de páginas como está para carregar o chat em todas elas, ou selecione apenas as páginas em que você o quer.
- Escolha “Run on every page visit” (executar a cada visita de página).
- Publique seu site e depois abra a página no ar. O Framer não carrega código personalizado na prévia do canvas.
Enquanto você testa no endereço do próprio Framer, que termina em framer.website, adicione esse endereço exato também aos domínios permitidos do seu agente, porque o chat só carrega nos domínios que você permite.
Etapa 5: confira se está no ar e teste
Abra seu site publicado em uma nova aba, não no editor. Um botão de chat aparece no canto da página e, em cerca de um minuto, a OneType mostra “Live on” seguido do endereço do seu site, por exemplo “Live on shop.example.com”. Você não precisa abrir o chat para isso. Se nada aparecer após dez minutos, confira se a linha está na página publicada, se o endereço é um domínio permitido, se nenhum bloqueador de anúncios ou política de segurança bloqueia o widget e se você recarregou a página. Depois, faça uma pergunta que suas páginas respondem e outra que não respondem.
Coloque o chat no seu site do Framer
Veja a configuração para o Framer: chat com IA para o Framer, confira os passos de instalação, ou comece grátis.