Adicione Chat com IA ao Seu Site

Uma tag script ou pacote npm. Funciona com qualquer framework.

HTML / JS

React / Angular / Vue

WordPress

Passo 1

Crie seu agente

Cadastre-se, crie um agente e ensine-o sobre seu negócio rastreando seu site ou enviando arquivos.

Passo 2

Copie o código do widget

Pegue o snippet embed de 2 linhas do painel do agente.

Passo 3

Adicione à sua página

Cole a tag script antes de </body> no seu HTML. Funciona em qualquer site.

Passo 4

Você está ao vivo

Suporte ao cliente com IA com captação de leads e análise de conversas.

Deixe a sua IA instalar o Namiru

Copie um único comando para o seu assistente de programação. Ele colocará o widget no ficheiro global correto.

Codex
Claude
Kimi
Muse

A procurar o seu bot...

Início Rápido

Passo 1: Adicione a tag script

Adicione a tag script

<!-- Add before closing </body> tag -->
<script src="https://namiru.ai/widget.js" data-agent-id="YOUR_AGENT_ID"></script>

Passo 2: Inicialize o widget

Inicialize o widget

<!-- Optional: use this instead of the one-line tag when you need options -->
<script src="https://namiru.ai/widget.js"></script>
<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    position: "bottom-left",
  });
</script>

Configuração

Todas as opções de configuração para NamiruChat.init().

Propriedade	Tipo	Padrão	Descrição
agentId*	string	-	Seu ID de agente do painel do Agent Builder.
mode	"button" \| "inline"	"button"	Modo de exibição. "button" mostra uma bolha de chat flutuante; "inline" renderiza diretamente em um contêiner.
container	HTMLElement	-	Elemento contêiner de destino para o modo inline. Obrigatório quando o modo é "inline".

É isso - todo o resto é configurável diretamente no Namiru.AI painel.

Eventos

Navegação de páginas verificadas

Antes de o widget abrir uma página verificada do site, ele dispara em window um evento namiru:navigate cancelável. Cancele o evento para fazer o roteamento dentro do seu aplicativo. Se não for cancelado, os links do mesmo site navegam na página principal atual e os links externos ou incorporados abrem em uma nova aba.

namiru:navigate

window.addEventListener("namiru:navigate", (event) => {
  // Optional: keep verified page links inside your single-page app.
  event.preventDefault();
  const target = new URL(event.detail.url);
  yourRouter.navigate(target.pathname + target.search + target.hash);
});

Personalização

Personalize a marca no painel do Agent Builder em Aparência. O widget busca suas configurações automaticamente.

Modo Botão

Uma bolha de chat flutuante no canto da sua página. Visitantes clicam para abrir a janela de chat.

Modo botão

<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    mode: "button",
    position: "bottom-right",
  });
</script>

Modo Inline

Incorpore o chat diretamente em qualquer elemento contêiner na sua página.

Modo inline

<div id="namiru-container" style="width: 400px; height: 600px;"></div>
<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    mode: "inline",
    container: document.getElementById("namiru-container"),
  });
</script>

FAQ

Pronto para adicionar chat com IA ao seu site?

Crie seu agente no Agent Builder, personalize-o e incorpore-o ao seu site em minutos.