Integración con Claude
Añadir un chat en vivo a una web creada con Claude
Construiste tu web hablando con Claude, en claude.ai o con Claude Code. Sigue igual: pega el prompt de Hooky en la conversación y Claude añade la burbuja de chat a tus páginas. Después respondes a tus visitantes desde el móvil.
Por qué un chat en una web hecha con Claude
Claude te ayudó a escribir la web; no estará ahí para responder a tus visitantes. Tú sí, siempre que puedan escribirte fácilmente. La burbuja de Hooky se añade con una línea, sin backend que escribir, y la bandeja de entrada va en tu bolsillo.
En una conversación en claude.ai
Crea tu cuenta de Hooky (gratis para un sitio), añade tu web y copia el prompt en Sitios: la clave ya va dentro.
Vuelve a la conversación en la que creaste la web (o abre una nueva y adjunta tus archivos HTML) y pega el prompt.
Recupera los archivos modificados: Claude te devuelve cada página con la etiqueta justo antes de
</body>.Súbelos allí donde esté alojada tu web (Netlify, Vercel, GitHub Pages, tu hosting…), en lugar de los antiguos.
El prompt para Claude
Añade la burbuja de chat de Hooky a mi web, en todas las páginas. Pega esta etiqueta una sola vez por página, justo antes de </body> (o una sola vez en la plantilla común, si la hay):
<script src="https://heyhooky.com/widget.js" data-site-key="TU_CLAVE_PUBLICA" async></script>No cambies la dirección del script ni el atributo data-site-key, y no cambies nada más. Devuélveme cada archivo modificado completo, listo para sustituir al antiguo.
Las vistas previas de claude.ai (artifacts) limitan los scripts que vienen de otras webs: puede que la burbuja no aparezca ahí. Es normal; prueba en tu web online.
Con Claude Code
Claude Code trabaja directamente en los archivos de tu proyecto: dale el mismo prompt, encuentra la plantilla común (index.html, app/layout.tsx, un layout de Astro…) y pone la etiqueta. Revisa el cambio y despliega como siempre.
Aún más corto: Claude Code puede crear tu cuenta de Hooky él mismo. Dile:
Que Claude Code lo haga todo
Lee https://heyhooky.com/llms.txt, luego créame una cuenta de Hooky con el email lila@ejemplo.es e instala la burbuja en https://tuweb.es
Llama a la API de registro de Hooky, recibe la etiqueta de tu web y la instala. Tú recibes un email, «Tu cuenta de Hooky está lista»: pulsa Activar mi cuenta en los 7 días siguientes. Claude no ve ni el enlace de activación ni tus mensajes. Detalles en la documentación.
Comprobar que aparece la burbuja
Abre tu web online y recarga: la burbuja está abajo. Envíate un mensaje: llega a Mensajes. ¿Nada? Comprueba que los archivos nuevos están online (vacía la caché), que la etiqueta está en la página que miras y que la dirección está en las direcciones autorizadas del sitio en Hooky. Para probar en local, añade localhost.
Responder a tus visitantes
Respondes desde la app de Hooky (iPhone, iPad, Mac, Android) o desde el panel web, con una notificación por cada mensaje. Tus visitantes no crean cuenta, pueden adjuntar una foto o un PDF, y si se van tras dejar su email, tu respuesta les sigue por email.
Y para saber qué pasa en tu web, pídele a Claude: «cuenta los registros con Hooky». Añade Hooky.track en el sitio adecuado (documentación).
Preguntas frecuentes
¿Por qué el enlace a llms.txt?
Es nuestra documentación en un formato que las IA leen directamente. Con él, Claude sabe instalar la burbuja, crear una cuenta y contar tus estadísticas, sin inventarse una clave.
¿Puede Claude crear mi cuenta desde claude.ai?
Necesita poder enviar una petición a la API de Hooky, cosa que hace Claude Code. En una conversación normal, crea tu cuenta tú (dos minutos) y pega el prompt.
Mi web todavía no está online
Publícala primero: la burbuja necesita una dirección real. Una página abierta como archivo (file://) no la tiene.
¿Y el servidor MCP?
Llegará pronto: Claude Code podrá entonces instalar Hooky por sí mismo, sin prompt. Mientras tanto, llms.txt ya lo hace casi todo.
Otras herramientas
Tus visitantes tienen preguntas. Respóndeles desde donde estés.
Gratis para un sitio, instalado con un prompt. Después, solo tienes que llevar el móvil en el bolsillo.