Intégration Bolt
Ajouter un chat en direct à ton site Bolt
Tu as monté ton site avec Bolt et il est en ligne sur bolt.host ou sur ton domaine. Hooky y ajoute une bulle de chat en un prompt : tes visiteurs t’écrivent, tu réponds depuis ton téléphone.
Pourquoi un chat sur un site Bolt
Bolt sert souvent à lancer vite : une page de lancement, une petite boutique, un outil pour tes clients. C’est justement le moment où les premières questions arrivent, et où tu veux les entendre. Une bulle de chat, c’est le chemin le plus court entre un visiteur qui hésite et toi.
Les projets Bolt sont du vrai code (souvent React avec Vite, parfois Next.js ou Astro). Hooky n’ajoute qu’une balise <script>, dans le gabarit commun à toutes les pages : pas de dépendance, pas de composant à maintenir.
Installer Hooky dans Bolt
Crée ton compte Hooky (gratuit pour un site) et ajoute ton site avec son adresse, par exemple
mon-site.bolt.host.Copie le prompt dans Sites : il porte déjà la clé de ton site. Voici sa version pour Bolt, avec une clé d’exemple.
Colle-le dans le chat de ton projet Bolt et laisse Bolt modifier le code. Regarde l’aperçu : rien d’autre ne doit avoir bougé.
Publie : bouton Publish en haut à droite, puis Publish (ou Update si le site est déjà en ligne) dans le menu qui s’ouvre. Bolt recommande ces boutons plutôt qu’un prompt « publie mon site », qui consomme des tokens.
Le prompt pour Bolt
Ajoute la bulle de chat Hooky à ce site, sur toutes les pages. Colle cette balise une seule fois, juste avant </body>, dans le gabarit HTML commun à toutes les pages (index.html pour un projet Vite, app/layout.tsx avec le composant Script de next/script et strategy="afterInteractive" pour Next.js, le layout principal pour Astro) :
<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. N’ajoute aucun autre code et ne change rien d’autre : la bulle s’affiche seule, en bas de l’écran.
Vérifier que la bulle apparaît
Après la publication, Bolt affiche le lien de ton site dans le chat : ouvre-le dans un nouvel onglet. La bulle est en bas de l’écran. Envoie un message de test : il arrive dans Messages, et dans l’app si tu l’as installée.
Pas de bulle ? Vérifie que tu as bien republié, que l’adresse ouverte figure dans les adresses autorisées du site dans Hooky (si tu en as déclaré), puis recharge sans le cache.
bolt.host et ton propre domaine
Bolt publie gratuitement sur une adresse en bolt.host ; sur une offre payante de Bolt, tu peux y brancher ton domaine. Déclare les deux adresses dans la page du site, dans Hooky : une seule boîte de réception, les mêmes stats, la même bulle. Et si tu publies un site privé (offres payantes de Bolt), seuls les visiteurs invités verront la bulle, comme le reste du site.
Répondre à tes visiteurs
Tu réponds depuis l’app Hooky (iPhone, iPad, Mac, Android) ou depuis l’espace web, avec une notif à chaque nouveau message. Tes visiteurs n’ont pas de compte à créer ; ils peuvent joindre une photo ou un PDF, et laisser leur e-mail pour recevoir ta réponse s’ils partent avant.
Tu veux savoir si ton lancement marche ? Demande à Bolt d’appeler Hooky.track("inscription") après chaque inscription : les chiffres s’affichent dans l’onglet Stats. Détails dans la doc.
Questions fréquentes
Mon projet Bolt n’a pas de fichier index.html
C’est le cas d’un projet Next.js ou Astro. Le prompt le prévoit : Bolt pose la balise dans le layout commun. Pour Next.js, il utilise le composant Script, comme décrit dans la doc.
Et si mon site Bolt est publié sur Netlify ?
Ça ne change rien pour Hooky : la balise est dans ton code, elle part avec chaque publication. Déclare simplement l’adresse Netlify dans les adresses du site.
La bulle va-t-elle gêner le design de mon site ?
Non : elle vit dans un Shadow DOM, isolée de tes styles. Tu choisis sa couleur, son côté (droite ou gauche) et son message d’accueil dans Hooky, avec un aperçu, sans retoucher le code.
Puis-je l’ouvrir depuis un bouton « Nous contacter » ?
Oui. Demande à Bolt : « Le bouton Nous contacter ouvre la bulle Hooky avec Hooky.open(). » C’est expliqué dans la doc.
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.