Cómo añadir chat IA a tu sitio web en 5 minutos (sin código)

    8 min de lectura
    Ing. Patrik Kelemen
    Cómo añadir chat IA a tu sitio web en 5 minutos (sin código)

    Una guía paso a paso para añadir un widget de chat con IA a cualquier sitio web. Funciona con HTML, WordPress, Shopify, React, Vue y Angular. No se necesitan conocimientos de programación.

    Namiru AI

    Soporte al cliente con IA para tu sitio web

    Pega tu URL. Obtiene un agente de soporte en 30 segundos.

    Los visitantes de tu sitio web tienen preguntas. Quieren respuestas ahora, no en 4 horas cuando revises tu bandeja de entrada. Un widget de chat con IA se encarga de esto automáticamente, respondiendo preguntas comunes 24/7 mientras tú te concentras en tu negocio.

    Esta guía te muestra exactamente cómo añadir chat con IA a cualquier sitio web, paso a paso. No se necesitan conocimientos de programación.

    ¿Por qué añadir chat IA a tu sitio web?

    Antes de entrar en el cómo, aquí está el por qué.

    El tiempo promedio de primera respuesta para soporte por email es de 12 horas. El chat en vivo lo reduce a minutos, pero requiere que alguien esté conectado. El chat IA te da respuestas instantáneas, 24 horas al día, 7 días a la semana, sin costes de personal.

    Para pequeñas empresas, las cuentas son simples. Un empleado de soporte cuesta $3,000-5,000 al mes. Un widget de chat IA cuesta $30-60 al mes y maneja miles de conversaciones sin descansos, días de enfermedad ni vacaciones.

    Más allá del ahorro, el chat IA captura leads que de otro modo perderás. Un visitante llega a tu sitio a las 11 PM, tiene una pregunta sobre tus precios y se va porque nadie está ahí para responder. Con chat IA, ese visitante recibe una respuesta instantánea y tú te despiertas con un lead cualificado en tu panel.

    Lo que necesitas

    • Un sitio web (cualquier plataforma funciona)
    • 5 minutos
    • Eso es todo

    No necesitas saber programar. No necesitas escribir flujos de conversación ni árboles de decisión. Las herramientas modernas de chat IA rastrean tu sitio web y aprenden tu contenido automáticamente.

    Paso a paso: Añadir chat IA con Namiru.ai

    Usaremos Namiru.ai para este tutorial porque es la forma más rápida de pasar de cero a chatbot funcionando. Todo el proceso toma unos 5 minutos.

    Paso 1: Crea tu cuenta

    Ve a namiru.ai y haz clic en "Empezar gratis". Ingresa tu email y contraseña. Eso es todo. Sin tarjeta de crédito, sin formularios largos.

    Paso 2: Ingresa la URL de tu sitio web

    Después de registrarte, verás una pantalla simple pidiendo la URL de tu sitio web. Escribe o pega tu dominio (por ejemplo, tuempresa.com) y haz clic en "Crear agente".

    Aquí es donde ocurre la magia. El rastreador IA de Namiru visitará automáticamente tu sitio web, leerá cada página que encuentre y extraerá la información importante: tus productos, servicios, precios, políticas, preguntas frecuentes y más.

    Verás el rastreador trabajando en tiempo real, mostrándote qué páginas encontró y cuántas entradas de conocimiento extrajo.

    Paso 3: Revisa tu base de conocimiento

    Una vez que el rastreo termina (usualmente 30-60 segundos), verás una lista de todo lo que la IA aprendió de tu sitio. Cada entrada tiene un título y una vista previa. Puedes editar, eliminar o añadir nuevas entradas si quieres, pero los valores predeterminados suelen ser suficientes para empezar.

    También puedes subir archivos adicionales como PDFs, CSVs o documentos de texto si tienes información que no está en tu sitio web.

    Paso 4: Personaliza la apariencia (opcional)

    Elige entre temas claro y oscuro, ajusta los colores para que coincidan con tu marca, establece un mensaje de bienvenida personalizado y añade tu logo. Este paso es completamente opcional. Puedes saltártelo y volver después.

    Paso 5: Despliega

    Copia la etiqueta de script de la pantalla de despliegue y pégala en tu sitio web antes de la etiqueta de cierre del body. Es una sola línea de código.

    Si usas un framework específico, Namiru también ofrece paquetes npm:

    • React: npm install namiru-react
    • Vue: npm install namiru-vue
    • Angular: npm install namiru-angular

    Para WordPress, puedes pegar la etiqueta de script en el footer de tu tema o usar un plugin como "Insert Headers and Footers".

    Para Shopify, ve a Tienda Online, Temas, Editar Código y pega la etiqueta de script en tu archivo theme.liquid antes de la etiqueta de cierre del body.

    Paso 6: Pruébalo

    Visita tu sitio web y haz clic en la burbuja de chat en la esquina inferior derecha. Hazle una pregunta sobre tu negocio. La IA responderá basándose en lo que aprendió de tu sitio web.

    Prueba preguntas como:

    • "¿Cuáles son sus precios?"
    • "¿Hacen envíos internacionales?"
    • "¿Cómo puedo contactar al soporte?"

    Si la IA no sabe algo, lo dirá honestamente en lugar de inventar cosas.

    Instrucciones específicas por plataforma

    HTML / Sitios web estáticos

    Pega esto antes de la etiqueta de cierre del body:

    html
    <script src="https://namiru.ai/widget.js"></script>
    <script>NamiruChat.init({ agentId: 'YOUR_AGENT_ID' });</script>
    

    Reemplaza YOUR_AGENT_ID con el ID de tu pantalla de despliegue.

    WordPress

    Dos opciones:

    1. Usa el plugin "Insert Headers and Footers" y pega la etiqueta de script en la sección del footer.
    2. Ve a Apariencia, Editor de temas y añade la etiqueta de script a tu archivo footer.php antes de la etiqueta de cierre del body.

    Un plugin dedicado para WordPress estará disponible pronto.

    Shopify

    1. Ve a Tienda Online, Temas
    2. Haz clic en Acciones, Editar Código
    3. Abre theme.liquid
    4. Pega la etiqueta de script antes de la etiqueta de cierre del body
    5. Guarda

    React

    bash
    npm install namiru-react
    
    jsx
    import { NamiruChat } from 'namiru-react';
    
    function App() {
      return (
        <div>
          <NamiruChat agentId="YOUR_AGENT_ID" />
        </div>
      );
    }
    

    Vue

    bash
    npm install namiru-vue
    
    vue
    <template>
      <NamiruChat agentId="YOUR_AGENT_ID" />
    </template>
    
    <script setup>
    import { NamiruChat } from 'namiru-vue';
    </script>
    

    Angular

    bash
    npm install namiru-angular
    

    Añade el componente a tu plantilla:

    html
    <namiru-chat agentId="YOUR_AGENT_ID"></namiru-chat>
    

    Qué pasa después del despliegue

    Una vez que tu widget de chat está activo, cada conversación se analiza automáticamente. Tu panel te muestra:

    • Resúmenes de conversaciones con intención, sentimiento y etiquetas de temas
    • Captura de leads con nombre, email y estado de cualificación
    • Puntos de dolor que aparecen repetidamente en las conversaciones
    • Temas principales sobre los que más preguntan tus visitantes
    • Informes semanales de IA con recomendaciones accionables

    Esto no es solo un chatbot. Es un ciclo de retroalimentación que te dice qué necesitan tus clientes, qué le falta a tu sitio web y quién está listo para comprar.

    Precios

    Namiru.ai ofrece tres planes:

    • Gratis: 50 conversaciones al mes, panel completo, 1 agente
    • Starter (€29/mes): 2,000 conversaciones, temas personalizados, soporte por email
    • Pro (€59/mes): 5,000 conversaciones, agentes ilimitados, sin marca

    Sin cargos por usuario. Sin cargos por resolución. Sin costes ocultos. El plan gratuito es suficiente para probarlo en tu sitio web y ver resultados antes de pagar.

    Preguntas frecuentes

    ¿Ralentizará mi sitio web? No. El widget se carga de forma asíncrona y no afecta la velocidad de tu página.

    ¿Qué idiomas soporta? Más de 200 idiomas con detección automática. Si un visitante escribe en francés, la IA responde en francés. No se necesita configuración.

    ¿Puedo controlar lo que dice la IA? Sí. La IA solo responde basándose en tu base de conocimiento. Puedes editar, añadir o eliminar entradas en cualquier momento. No inventará información.

    ¿Qué pasa si la IA no puede responder una pregunta? Sugerirá al visitante que te contacte directamente por email. También recibes una notificación para que puedas hacer seguimiento.

    ¿Están seguros mis datos? Namiru.ai está alojado completamente en la Unión Europea. Tus datos permanecen en la UE.

    Empieza ahora

    Añadir chat IA a tu sitio web toma 5 minutos y no cuesta nada probarlo.

    Empieza gratis en namiru.ai. 50 conversaciones al mes, sin tarjeta de crédito.

    Creado por Namiru.ai - chat IA plug-and-play para tu sitio web.

    Patrik Kelemen
    Author
    Ing. Patrik Kelemen
    Founder of Namiru.aiSlovakia, EU

    Senior software engineer with 10+ years of experience, specializing in AI chat widgets and automation. Building Namiru.ai to help businesses leverage AI without complexity.

    AI AgentsAngularReactNodeJSAWSAzure
    Te gusto este articulo?

    Descubre lo que la IA puede hacer por tu sitio web

    Pega tu URL y observa como tu agente de IA cobra vida en segundos.

    Tus clientes obtienen respuestas al instante. Tu obtienes leads, analisis y recuperas tu tiempo.

    Sin tarjeta de credito

    Namiru.ai

    AI chat for your website