Et si chaque visiteur de votre site était accueilli par un assistant intelligent, capable de comprendre son besoin, de répondre à ses questions et de récupérer ses coordonnées — le tout en conversation naturelle ? C’est exactement ce que j’ai construit : un agent IA conversationnel déployé sous forme de widget, installable en une ligne de code sur n’importe quel site.

Le problème : des visiteurs qui partent sans laisser de trace

Le constat est simple et brutal : la majorité des sites web convertissent moins de 3% de leurs visiteurs en leads. Les formulaires de contact sont ignorés. Les chatbots à scénarios rigides frustrent plus qu’ils ne convertissent. Et pendant les heures où personne n’est devant l’écran, les prospects repartent chez la concurrence.

J’ai travaillé avec plusieurs PME et indépendants qui partageaient tous la même frustration : « On a du trafic, mais on ne sait pas qui visite notre site, et on n’arrive pas à les capter. »

La solution : un agent IA qui engage la conversation

L’idée est de remplacer le formulaire statique par une expérience conversationnelle. Le visiteur ne remplit pas un formulaire — il discute. L’agent s’adapte au contexte de chaque entreprise : un plombier ne pose pas les mêmes questions qu’une agence immobilière ou qu’un cabinet comptable.

L’objectif est clair : récupérer quatre informations essentielles de manière naturelle :

  • Prénom et nom du visiteur
  • Adresse email
  • Numéro de téléphone
  • Le contexte du besoin (optionnel mais précieux)

Le tout sans jamais donner l’impression au visiteur qu’il « remplit un formulaire ». La conversation guide naturellement vers la qualification.

Architecture technique : JS, PHP, n8n et IA

Voici comment l’ensemble s’articule, du navigateur du visiteur jusqu’au CRM du client :

1

Widget JavaScript (frontend)

Un script JS léger (<30 Ko), chargé de manière asynchrone pour ne pas impacter les performances du site hôte. Il gère l’interface de chat, les animations et la communication avec le backend via API REST.

2

Backend PHP (API)

Le serveur PHP reçoit chaque message, maintient le contexte de la conversation et communique avec le modèle IA. Il gère également l’authentification par clé API, le rate limiting et le stockage des conversations.

3

Agent IA (modèle de langage)

Le cœur du système. Le modèle est configuré avec un prompt système spécifique à chaque client : ton de la conversation, questions à poser, informations à collecter, réponses aux questions fréquentes du métier.

4

Orchestration n8n (workflows)

Dès qu’un lead est qualifié, un webhook déclenche le workflow n8n : notification email au client, ajout dans le CRM, envoi d’un SMS de confirmation au prospect, création d’une fiche dans Google Sheets ou Notion.

Personnalisation par client : le secret de l’efficacité

Un agent générique ne fonctionne pas. Ce qui rend ce système efficace, c’est la personnalisation poussée pour chaque déploiement :

  • Prompt système sur mesure — rédigé spécifiquement pour le métier du client, avec le vocabulaire, le ton et les cas d’usage adaptés
  • Questions adaptées — un artisan a besoin de l’adresse du chantier, un cabinet médical du motif de consultation, un e-commerce du produit recherché
  • Réponses aux FAQ — l’agent peut répondre aux questions courantes (horaires, tarifs, zone d’intervention) avant même de qualifier
  • Branding intégré — couleurs, logo et nom de l’entreprise directement dans le widget

Intégration : une ligne de code, zéro friction

L’installation se fait en moins de deux minutes :

<script
  src="https://agent.studio-creative.fr/widget.js"
  data-key="votre-clé-unique"
  data-color="#f59e0b"
  async
></script>

C’est tout. Le widget est compatible avec tous les CMS (WordPress, Wix, Shopify, Squarespace) et n’importe quel site HTML. Le chargement asynchrone garantit zéro impact sur les performances et le SEO du site hôte.

Point technique

Le script ne bloque jamais le rendu de la page. Il se charge après le contenu principal et n’injecte le widget dans le DOM qu’une fois le document complètement chargé. Impact mesuré : moins de 50ms sur le Largest Contentful Paint.

Workflows n8n : ce qui se passe après la conversation

La qualification n’est que le début. Une fois les coordonnées récupérées, n8n prend le relais pour orchestrer toute la chaîne :

  • Notification instantanée — le client reçoit un email et/ou un SMS dans la seconde avec les détails du lead
  • Enrichissement CRM — le lead est automatiquement ajouté dans HubSpot, Pipedrive ou tout autre CRM via API
  • Email de confirmation — le prospect reçoit un email de suivi personnalisé pour confirmer sa demande
  • Archivage — la conversation complète est stockée pour permettre au commercial de comprendre le contexte avant de rappeler

Tout est automatisé, sans intervention humaine. Le client n’a qu’à décrocher son téléphone pour rappeler un prospect déjà qualifié et en attente.

Résultats observés

Sur les premiers déploiements, les chiffres parlent d’eux-mêmes :

  • Taux d’engagement — 35 à 45% des visiteurs interagissent avec l’agent (contre 2-3% pour un formulaire classique)
  • Taux de qualification — 60 à 70% des conversations aboutissent à un lead complet (nom + email + téléphone)
  • Temps moyen de qualification — 90 secondes, contre plusieurs minutes pour un formulaire multi-étapes
  • Leads hors horaires — 40% des leads sont générés en dehors des heures de bureau
Retour client

« En une semaine, l’agent a généré plus de leads qualifiés que notre formulaire en un mois. Et le plus surprenant, c’est que les prospects qu’on rappelle sont déjà dans une dynamique positive — la conversation IA a déjà créé le lien. »

Ce que j’ai appris en construisant cet agent

Quelques leçons tirées du développement et des premiers déploiements :

  • Le prompt système est tout. La qualité de la conversation dépend à 80% de la qualité du prompt. J’y consacre autant de temps que le code lui-même.
  • Ne jamais forcer la qualification. Si le visiteur ne veut pas donner son téléphone, l’agent doit le respecter et se contenter de l’email. Forcer = perdre le lead.
  • Le timing du premier message est crucial. Trop tôt, c’est intrusif. Trop tard, le visiteur est déjà parti. 3 à 5 secondes après le chargement semble être le sweet spot.
  • Les workflows post-qualification doivent être instantanés. Un lead rappelé dans les 5 minutes a 10x plus de chances de convertir qu’un lead rappelé le lendemain.
  • Le mobile représente 70% des interactions. Le widget doit être parfaitement optimisé pour les écrans tactiles, y compris le clavier virtuel.

Pour qui c’est fait ?

Ce type d’agent IA est particulièrement adapté aux entreprises de services : artisans, professions libérales, agences, commerces de proximité, SaaS B2B. Bref, toute structure qui a besoin de capter des prospects via son site web et qui n’a pas les moyens (ou l’envie) de mettre quelqu’un derrière un chat 24h/24.

Si vous perdez des visiteurs chaque jour sans savoir qui ils sont, il est peut-être temps de laisser une IA s’en occuper.

Articles connexes