Em resumo
- Uma única tag de script.Uma linha antes da tag de fechamento do body adiciona o chat a uma página. Os estilos inline também adicionam uma linha no head e a sua marcação.
- Guias para as plataformas mais comuns.Código personalizado, sites feitos com ferramentas de IA, Webflow e Divhunt. A mesma linha funciona em qualquer lugar em que você possa adicionar código personalizado.
- Uma verificação ao vivo.A OneType mostra quando o seu site carrega o chat pela primeira vez, sem precisar abri-lo.
- Exibido somente onde você permitir.O chat só carrega nos domínios que você adiciona ao seu agente de IA.
Colocar um chat no seu site não deveria ser um projeto de desenvolvimento. A OneType usa uma pequena tag de script. Depois que ela está nas suas páginas, todo o resto, do visual às respostas, é gerenciado pelo seu painel da OneType, então você nunca mais mexe no código do seu site para mudar o design.
Entre no ar em uma etapa
No fluxo de configuração, a etapa “Go live” pede o domínio do seu site e mostra o que vai fazer antes de fazer. Com um clique, o seu agente de IA fica ativo e público, o seu domínio é adicionado aos domínios permitidos dele e o widget é publicado, se nada estiver no ar ainda.
Copie a linha e siga as etapas da sua plataforma
Depois de entrar no ar, a OneType mostra a sua tag de script pronta para copiar. Ela carrega o widget da OneType e nomeia o seu agente de IA, e vai logo antes da tag de fechamento do body. O mesmo trecho também está na aba “Add to your website” do seu agente de IA sempre que você precisar.
A aba “Add to your website” oferece “Custom code”, “Webflow” e “Divhunt”, e há etapas curtas por escrito para outras plataformas. Onde colar a linha:
- HTML: nas suas páginas ou no layout compartilhado, antes da tag de fechamento do body.
- WordPress: em um plugin de header e footer, ou no footer do seu tema.
- Webflow: como um embed no código personalizado do site. Divhunt: em um elemento Embed.
- Shopify: no arquivo de layout do seu tema.
- Next.js e React: no seu layout raiz ou no template HTML, com um exemplo pronto para Next.js.
Não é você quem edita o site? Um link abre um e-mail com o trecho e as instruções, pronto para enviar ao seu desenvolvedor.
Saiba assim que entrar no ar
Enquanto você instala, a OneType fica de olho no seu site. Abra o seu site em uma nova aba e, assim que uma página carregar o chat, a etapa “Go live” mostra “Live on” com o seu domínio. Você nem precisa abrir o chat. Se nada aparecer depois de dez minutos, a OneType lista o que verificar: a linha está na página publicada, o endereço é um domínio permitido, nenhum bloqueador de anúncios ou política de segurança bloqueia o widget e a página foi recarregada.
Somente nos sites que você escolher
O chat roda em seu próprio frame seguro, e o navegador é instruído a exibi-lo somente nos seus domínios permitidos. Quem copiar a sua tag de script para outro site não recebe nada.
Como funcionam os domínios permitidos
Mude o chat sem mexer no seu site
Com o script no lugar, você muda o logotipo, o nome, a saudação e as perguntas iniciais no seu painel, e o seu site mostra o novo visual em cerca de um minuto.
Sem plugins: não são necessários nem oferecidos
Os guias das plataformas são instruções de colagem. Não há plugins nem apps para construtores específicos. A tag de script funciona do mesmo jeito em qualquer lugar em que você possa adicionar código personalizado.
Prefere que o seu construtor de IA posicione e estilize o chat? Copie um prompt pronto para o Lovable, Bolt, v0, Cursor ou Claude Code.