Saltar al contenido
Namiru.ai
Registrarse

Agrega chat con IA a tu sitio web

Una etiqueta de script o paquete npm. Funciona con cualquier framework.

HTML / JS
React / Angular / Vue
WordPress
Paso 1

Crea tu agente

Regístrate, crea un agente y enséñale sobre tu negocio rastreando tu sitio o subiendo archivos.

Paso 2

Copia el código del widget

Toma el snippet de 2 líneas desde tu panel de agente.

Paso 3

Añade a tu página

Pega la etiqueta script antes de </body> en tu HTML. Funciona en cualquier sitio web.

Paso 4

Estás en vivo

Soporte al cliente con IA con recolección de leads y análisis de conversaciones.

Deja que tu IA instale Namiru

Copia un solo comando en tu asistente de programación. Colocará el widget en el archivo global correcto.

  • Codex
  • Claude
  • Kimi
  • Muse
Buscando tu bot...

Inicio rápido

Paso 1: Agrega la etiqueta script

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

Paso 2: Inicializa el widget

Inicializa el 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>

Configuración

Todas las opciones de configuración para NamiruChat.init().

PropiedadTipoPredeterminadoDescripción
agentId*string-Tu ID de agente del panel de Agent Builder.
mode"button" | "inline""button"Modo de visualización. "button" muestra una burbuja de chat flotante; "inline" se renderiza directamente en un contenedor.
containerHTMLElement-Elemento contenedor destino para el modo inline. Requerido cuando el modo es "inline".
Eso es todo - todo lo demás es configurable directamente en el Namiru.AI panel de control.

Eventos

Navegación verificada de páginas

Antes de que el widget abra una página verificada del sitio web, envía un evento namiru:navigate cancelable en window. Cancela el evento para enrutar dentro de tu aplicación. Si no se cancela, los enlaces del mismo sitio navegan en la página principal actual y los enlaces externos o incrustados se abren en una pestaña nueva.

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);
});

Personalización

Personaliza la marca en el panel de Agent Builder en Apariencia. El widget obtiene tu configuración automáticamente.

Modo botón

Una burbuja de chat flotante en la esquina de tu página. Los visitantes hacen clic para abrir la ventana de chat.

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

Modo en línea

Integra el chat directamente dentro de cualquier elemento contenedor en tu página.

Modo en línea
<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>

Preguntas frecuentes

¿Listo para agregar chat con IA a tu sitio?

Crea tu agente en el Agent Builder, personalízalo e incrústalo en tu web en minutos.