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.

Inicio rapido

Paso 1: Agrega la etiqueta script

Agrega la etiqueta script

<!-- Add before closing </body> tag -->
<script src="https://cdn.namiru.ai/chat/namiru-chat.umd.js"></script>

Paso 2: Inicializa el widget

Inicializa el widget

<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
  });
</script>

Configuracion

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

Propiedad	Tipo	Predeterminado	Descripcion
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.
container	HTMLElement	-	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.

Personalizacion

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

Modo boton

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 linea

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.