Intégration Webflow
Ajouter un chat en direct à ton site Webflow
Dans Webflow, la bulle Hooky se pose dans le code personnalisé du site, en pied de page : une ligne, une publication, et tes visiteurs peuvent t’écrire sur toutes les pages. Tu leur réponds depuis ton téléphone.
Pourquoi un chat sur un site Webflow
Webflow sert à faire des sites qui convertissent : agences, produits, cabinets. Une bulle de chat, c’est le contact le plus direct qu’on puisse offrir à un visiteur qui hésite, sur toutes les pages, CMS compris. Hooky la fait tenir en une ligne, sans interaction Webflow à construire ni widget lourd à intégrer.
Avant de commencer
Le code personnalisé au niveau du site n’est pas disponible sur le plan gratuit de Webflow : d’après l’aide de Webflow, il faut un forfait de site payant actif, ou certains forfaits d’espace de travail (Core, Growth, Agency ou Freelancer). Sans lui, les champs de code personnalisé sont désactivés.
Installer Hooky dans Webflow
Crée ton compte Hooky (gratuit pour un site), déclare ton site avec ses adresses (
mon-site.webflow.ioet ton domaine), et copie la balise<script>dans Sites.Ouvre les réglages du site dans Webflow : Site settings, onglet Custom code.
Colle la balise dans Footer code (le code placé juste avant
</body>, sur toutes les pages), puis clique sur Save changes.Publie le site. Le code personnalisé ne tourne pas dans le Designer : seule la version publiée affiche la bulle.
La balise à coller (la tienne contient la vraie clé de ton site) :
<script src="https://heyhooky.com/widget.js" data-site-key="TA_CLE_PUBLIQUE" async></script>Pourquoi Footer code plutôt que Head code ? Webflow conseille de placer les scripts juste avant </body>, pour que la page s’affiche d’abord. La bulle se charge de toute façon en async.
Vérifier que la bulle apparaît
Ouvre ton site publié (l’adresse webflow.io ou ton domaine) et recharge : la bulle est en bas de l’écran. Envoie-toi un message : il arrive dans Messages, et en notif sur ton téléphone.
Pas de bulle ? Dans l’ordre : le site a-t-il bien été republié après l’ajout, la balise est-elle dans Footer code du site (pas dans une seule page), et l’adresse ouverte est-elle dans les adresses autorisées du site dans Hooky ?
webflow.io et ton domaine
Webflow publie sur une adresse en webflow.io et sur ton domaine. Déclare les deux dans la page du site, dans Hooky : tu testes sur l’une, tes clients écrivent sur l’autre, et tout arrive dans la même boîte de réception, avec les mêmes stats.
Répondre à tes visiteurs
Tu réponds depuis l’app Hooky (iPhone, iPad, Mac, Android) ou l’espace web. Avec l’offre Studio, jusqu’à cinq personnes répondent depuis la même boîte de réception, chacune sur les sites qu’on lui confie : pratique pour une agence qui gère les sites Webflow de ses clients.
Ton visiteur peut joindre une photo ou un PDF, et s’il part en laissant son e-mail, ta réponse le suit par e-mail.
Questions fréquentes
Je suis sur le plan gratuit de Webflow
Les champs de code personnalisé du site y sont désactivés : il faut passer à un forfait de site payant (ou avoir un forfait d’espace de travail qui l’inclut) pour ajouter la bulle.
Puis-je utiliser un élément Embed à la place ?
Un Embed ne vit que sur la page où tu le poses. Pour une bulle présente partout, Footer code dans les réglages du site est le bon endroit.
J’ai plusieurs sites clients sur Webflow
Crée un site Hooky par site Webflow : chacun a sa clé. L’offre Créateur couvre dix sites, Studio cinquante avec cinq personnes, et tout arrive dans une seule boîte de réception, filtrable par site.
Compter les demandes de devis ?
Oui, avec Hooky.track("devis") appelé après l’envoi du formulaire, via un peu de code personnalisé. Voir 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.