Poner en tu web un asistente de IA que atiende por chat y voz

A quién le sirve. Autónomos y negocios pequeños con web propia que quieren atender dudas y citas fuera de horario, y tienen a alguien técnico.

Qué hicieron

Tras montar una recepcionista de IA para un negocio pequeño, un desarrollador hizo lo mismo en su web: un icono en cada página abre una ventana donde se puede escribir o hablar. El asistente responde sobre lo que hay en la web, ofrece huecos de su calendario y deja mensajes. Reconocimiento de voz y voz sintética corren en su Mac, y el cerebro es Claude a través de Claude Code. Si el Mac está apagado, la web cambia a un chat de texto sencillo con respuestas escritas de antemano.

Cómo salió

Funciona y el código del widget está publicado con licencia abierta. Una prueba mostró un fallo: el asistente dijo «cita confirmada» sin haber reservado nada. Desde entonces es el sistema, no la IA, quien anuncia y confirma cada reserva. Un modelo local pequeño respondía en 2 a 6 segundos, y los más grandes tardaban más de 30.

Conviene saber

Necesita un ordenador siempre encendido, conocimientos técnicos y tener claro qué datos salen: el texto reconocido llega a Claude, aunque el audio no sale del Mac. La parte de voz no se publica por problemas de licencia.

Qué necesitas

• Una web propia donde puedas añadir un icono de chat
• Un modelo de IA (en el caso, Claude) con su clave
• Un servidor o un ordenador siempre encendido
• Un calendario con horario y huecos libres
• El texto de tu web como base de conocimiento

Cómo hacerlo tú, paso a paso

1. Reúne en un documento lo que quieres que el asistente sepa: servicios, horarios, precios y preguntas frecuentes.
2. Escribe las reglas: que diga que es una IA, que solo responda con ese documento y que remita al formulario si no sabe.
3. Conecta el asistente al calendario para que solo proponga huecos libres.
4. Haz que la reserva quede pendiente hasta que el cliente diga «sí» y que sea el sistema quien confirme.
5. Prepara un plan B: un chat de texto con respuestas escritas si el asistente principal no está disponible.
6. Prueba con preguntas fuera de tema y con citas imposibles antes de enseñárselo a clientes.

Eres el asistente de la web de [nombre del negocio]. Di desde el primer mensaje que eres una IA. Responde solo con lo que aparece en el contenido de la web que te paso a continuación. Si algo no está ahí, di que no lo sabes y ofrece el formulario de contacto. Cuando alguien quiera una cita, propón los huecos libres que te dé el sistema y espera a que la persona diga «sí» claramente. Nunca digas que una cita está confirmada: lo confirma el sistema. Has terminado cuando la persona tenga su respuesta, su cita pendiente de confirmar o el formulario de contacto.

Consejos

• Que la IA nunca diga si una acción funcionó: que lo diga el sistema.
• Añade un límite de conversaciones a la vez y de uso por visitante.
• Explica en tu política de privacidad qué datos se guardan y cuánto tiempo.

Preguntas frecuentes

Fuentes

• @mikweb2025design en DEV ↗

En el directorio desde el 29 de octubre de 2026.