Cómo añadimos un asistente de atención al cliente con IA a nuestra propia web

Cualquier negocio que atiende clientes fuera de horario conoce el problema: alguien visita la web a las 11 de la noche, tiene una duda rápida, y si no encuentra respuesta inmediata, se va. Un botón de WhatsApp ayuda, pero solo funciona si hay alguien despierto para contestar.

Por eso incorporamos a axxyss.com un widget de ayuda con dos opciones: WhatsApp directo para quien prefiere hablar con una persona, y un chat con inteligencia artificial que responde al instante preguntas frecuentes sobre nuestros servicios, disponible las 24 horas.

El problema que resuelve

La mayoría de visitas a una web de servicios profesionales llegan con preguntas muy similares: ¿qué tipo de proyectos hacéis?, ¿trabajáis con clientes fuera de España?, ¿cómo os contacto? Responder esas preguntas no requiere intervención humana — requiere disponibilidad inmediata.

Las alternativas típicas tienen inconvenientes reales para un negocio pequeño o freelance:

• Un chat en vivo tradicional exige tener a alguien conectado, o el visitante espera sin respuesta.
• Las plataformas de helpdesk con IA (tipo Intercom, x-bees o similares) tienen cuotas mensuales fijas, pensadas para volúmenes de soporte que un negocio pequeño no necesita.
• Un formulario de contacto funciona, pero no da la sensación de respuesta inmediata que espera un visitante que navega desde el móvil.

La solución que implementamos combina lo mejor de ambos mundos: un asistente con IA para resolver dudas al momento, con salida directa a WhatsApp para cuando el visitante prefiere — o necesita — hablar con una persona real.

Cómo funciona desde el punto de vista del visitante

Al entrar en la web, aparece un botón flotante de ayuda. Al pulsarlo, un pequeño widget se abre con dos caminos:

1. Escribir directamente — el asistente responde en segundos, en el mismo idioma en que se le escriba (español, inglés o francés), con información real sobre nuestros servicios: desarrollo web con Django, administración de servidores, software de gestión a medida.
2. Pasar a WhatsApp — con un solo clic, para quien prefiere continuar la conversación de forma más personal o directa.

El asistente no inventa datos: si no tiene la respuesta exacta (por ejemplo, un presupuesto concreto), anima directamente a contactar por WhatsApp o por el formulario, en vez de dar información poco fiable.

Por qué elegimos este enfoque en vez de una plataforma de terceros

Existen plataformas ya montadas para esto — Chatwoot es un buen ejemplo, de código abierto y autoalojable. Pero para un sitio con un volumen de consultas moderado, montar un asistente propio, ligero y conectado directamente a la API de Anthropic tenía varias ventajas:

• Coste real casi nulo — usando un modelo económico (Claude Haiku), decenas de conversaciones cuestan fracciones de céntimo, muy por debajo de cualquier cuota mensual fija.
• Control total del contexto — el asistente conoce exactamente los servicios, la zona de trabajo y el tono que queremos transmitir, porque lo definimos nosotros mismos.
• Integración nativa — al ser parte del propio proyecto Django, no depende de scripts externos de terceros ni de otro panel de gestión aparte.

Detalle técnico: cómo está construido

Para quienes tengáis curiosidad sobre la implementación (o gestionéis un proyecto Django similar), así es la arquitectura, a alto nivel:

Backend

Una pequeña app Django expone un endpoint que recibe el mensaje del visitante y lo reenvía a la API de Claude junto con un system prompt que da contexto sobre la empresa: qué servicios ofrecemos, dónde trabajamos, y cómo debe comportarse el asistente (tono, idioma, qué no debe inventar).

Protección contra abuso

Como cualquier endpoint público que consume una API de pago, necesita protección:

• Verificación humana con Cloudflare Turnstile antes de habilitar el chat, para filtrar bots.
• Límite de mensajes por sesión y por dirección IP, para evitar que alguien agote el presupuesto de la API con peticiones automatizadas.
• Límite de gasto mensual configurado directamente en la cuenta de la API, como red de seguridad adicional.

Frontend

El widget es HTML y JavaScript ligero, sin frameworks adicionales — se integra directamente en la plantilla base del sitio, por lo que aparece de forma consistente en todas las páginas, en los tres idiomas del site.

¿Te interesa algo similar para tu negocio?

Si gestionas una web con Django, WordPress, o cualquier otro stack, y quieres un asistente de este tipo — adaptado a tu negocio, sin cuotas mensuales innecesarias — escríbenos por el formulario de contacto o pruébalo tú mismo con el botón de ayuda de esta misma página.