Intégration Claude
Ajouter un chat en direct à un site créé avec Claude
Tu as construit ton site en parlant avec Claude, dans claude.ai ou avec Claude Code. Continue de la même façon : colle le prompt Hooky dans la conversation, et Claude ajoute la bulle de chat à tes pages. Tu réponds ensuite à tes visiteurs depuis ton téléphone.
Pourquoi un chat sur un site fait avec Claude
Claude t’a aidé à écrire le site ; il ne sera pas là pour répondre à tes visiteurs. Toi, si, à condition qu’ils puissent t’écrire facilement. La bulle Hooky s’ajoute en une ligne, sans backend à écrire, et la boîte de réception est dans ta poche.
Dans une conversation sur claude.ai
Crée ton compte Hooky (gratuit pour un site), déclare ton site et copie le prompt dans Sites : la clé y est déjà.
Retourne dans la conversation où tu as créé le site (ou ouvre-en une nouvelle et joins tes fichiers HTML), puis colle le prompt.
Récupère les fichiers modifiés : Claude te rend chaque page avec la balise juste avant
</body>.Mets-les en ligne là où ton site est hébergé (Netlify, Vercel, GitHub Pages, ton hébergeur…), à la place des anciens fichiers.
Le prompt pour Claude
Ajoute la bulle de chat Hooky à mon site, sur toutes les pages. Colle cette balise une seule fois par page, juste avant </body> (ou une seule fois dans le gabarit commun, s’il y en a un) :
<script src="https://heyhooky.com/widget.js" data-site-key="TA_CLE_PUBLIQUE" async></script>Ne modifie ni l’adresse du script ni l’attribut data-site-key, et ne change rien d’autre. Rends-moi chaque fichier modifié en entier, prêt à remplacer l’ancien.
Les aperçus affichés dans claude.ai (artifacts) limitent les scripts venus d’autres sites : la bulle peut ne pas s’y montrer. C’est normal ; teste sur ton site en ligne.
Avec Claude Code
Claude Code travaille directement dans les fichiers de ton projet : colle-lui le même prompt, il trouve le gabarit commun (index.html, app/layout.tsx, layout Astro…) et y pose la balise. Relis le changement, puis déploie comme d’habitude.
Encore plus court : Claude Code peut créer ton compte Hooky lui-même. Dis-lui :
Tout faire faire à Claude Code
Lis https://heyhooky.com/llms.txt, puis crée-moi un compte Hooky avec l’e-mail lila@exemple.fr et installe la bulle sur https://atelierlila.fr
Il appelle l’API d’inscription de Hooky, reçoit la balise de ton site et l’installe. Tu reçois un e-mail « Ton compte Hooky est prêt » : clique sur Activer mon compte dans les 7 jours. Claude ne voit ni le lien d’activation, ni tes messages. Détails dans la doc.
Vérifier que la bulle apparaît
Ouvre ton site en ligne et recharge : la bulle est en bas de l’écran. Envoie-toi un message : il arrive dans Messages. Rien ? Vérifie que les nouveaux fichiers sont bien en ligne (vide le cache), que la balise est sur la page que tu regardes, et que l’adresse est dans les adresses autorisées du site dans Hooky. Pour tester en local, ajoute localhost.
Répondre à tes visiteurs
Tu réponds depuis l’app Hooky (iPhone, iPad, Mac, Android) ou l’espace web, avec une notif à chaque message. Tes visiteurs n’ont pas de compte à créer, peuvent joindre une photo ou un PDF, et s’ils partent en laissant leur e-mail, ta réponse les suit par e-mail.
Et pour savoir ce qui se passe sur ton site, demande à Claude : « compte les inscriptions avec Hooky ». Il ajoute Hooky.track au bon endroit (doc).
Questions fréquentes
Pourquoi le lien llms.txt ?
C’est notre doc dans un format que les IA lisent directement. Avec lui, Claude sait comment installer la bulle, créer un compte et compter tes stats, sans inventer de clé.
Claude peut-il créer mon compte depuis claude.ai ?
Il faut qu’il puisse envoyer une requête à l’API de Hooky, ce que fait Claude Code. Dans une simple conversation, crée ton compte toi-même (deux minutes) et colle le prompt.
Mon site n’est pas encore en ligne
Publie-le d’abord : la bulle a besoin d’une vraie adresse. Une page ouverte comme fichier (file://) n’en a pas.
Et le serveur MCP ?
Il arrive bientôt : Claude Code pourra installer Hooky par lui-même, sans prompt. En attendant, llms.txt fait déjà presque tout.
Les autres outils
Tes visiteurs ont des questions. Réponds-leur d’où tu es.
Gratuit pour un site, installé en un prompt. Ensuite, garde ton téléphone dans la poche.