Retour au blog

Produit

Comment ajouter un assistant IA à votre site B2B

Intégrez un assistant IA sur votre site B2B : chargez des connaissances validées, configurez la capture de leads, collez un script et routez Hot/Warm/Cool vers Pipedrive.

·14 min de lecture·Par EngageLayer Editorial

Auteur

EngageLayer Editorial

The EngageLayer product & content team — guides on AI website assistants, knowledge-grounded answers, and B2B lead qualification.

Assistant IA engagelayer.io intégré sur un site marketing B2B

Étapes

  1. Rassembler les prérequis

    Collectez votre clé publique, le contenu FAQ ou CSV validé, le choix de routage, et l'accès CMS ou GTM avant de commencer.

  2. Charger les connaissances validées

    Ajoutez des entrées FAQ, des blocs de texte ciblés et des paires Q&R CSV dans le tableau de bord. Planifiez crawl de site ou docs binaires avec l'onboarding si besoin.

  3. Configurer le ton et la qualification

    Définissez le style d'accueil, les limites sur les sujets sensibles, et les règles de capture Hot / Warm / Cool avec seulement les champs que vous utiliserez.

  4. Intégrer le script du widget

    Collez le snippet CDN async avec votre clé publique dans WordPress, GTM ou des templates HTML. Ajoutez les attributs optionnels data-position et data-language.

  5. Tester en aperçu

    Lancez dix scripts visiteurs réalistes en aperçu, vérifiez les citations, et confirmez que les questions inconnues déclenchent une capture honnête plutôt que des approximations.

  6. Connecter la livraison des leads

    Connectez Pipedrive et poussez un lead de test depuis le tableau de bord, ou utilisez l'e-mail ou un webhook. Confirmez que les payloads Hot et Cool correspondent aux attentes des commerciaux.

  7. Passer en live et revoir

    Publiez l'embed, smoke-testez en navigation privée, briefez les ventes sur le routage, et planifiez un passage de correctifs de connaissances à sept jours à partir des vrais chats.

Réponse rapide

Ajoutez un assistant IA à votre site B2B en chargeant des connaissances validées dans engagelayer.io, en configurant le ton et la capture de leads, en collant une balise script avec votre clé publique, en testant en aperçu, puis en routant les leads Hot / Warm / Cool vers Pipedrive, l'e-mail ou un webhook. L'assistant répond uniquement à partir du contenu que vous validez et capture des leads quand il ne peut pas répondre.

Ce guide s'adresse aux équipes marketing, revenue et ops qui veulent un chatbot IA ancré, avec une base de connaissances personnalisée, sur un site B2B, sans reconstruire le site ni lancer un long projet d'intégration. Vous pouvez piloter le demand gen, posséder le site ou soutenir les ventes avec un meilleur contexte inbound. L'objectif n'est pas un widget générique qui invente. C'est un assistant IA de site qui reste dans les connaissances entreprise validées, qualifie les visiteurs pendant la conversation et envoie des leads structurés aux outils que votre équipe utilise déjà.

À la fin, vous aurez du contenu validé chargé dans engagelayer.io, un assistant configuré pour le ton et la capture de leads, le widget intégré sur votre site, un passage en aperçu terminé, et la livraison branchée sur Pipedrive, l'e-mail ou un webhook. La plupart des équipes terminent le setup de base en une session de travail. Les imports de contenu lourds ou le mapping de champs CRM peuvent demander un second passage, mais l'embed lui-même est une seule balise script.

Ce dont vous avez besoin avant de commencer

Une courte checklist évite les reprises plus tard. Rassemblez les assets et accès listés ci-dessous avant d'ouvrir le tableau de bord. Vous n'avez pas besoin d'un développeur pour le parcours de base, mais quelqu'un qui peut modifier l'en-tête du site ou le tag manager doit être disponible au moment du go-live.

Si votre contenu est dispersé entre PDF, vieux decks et un wiki dont personne ne se fie, bloquez trente minutes pour décider ce qui est sûr de publier en premier. L'assistant performe mieux quand le premier chargement de connaissances est petit, exact et clairement porté par une équipe.

  • Un espace de travail engagelayer.io et votre clé publique de widget depuis le tableau de bord
  • Du contenu validé à charger en premier : entrées FAQ, courts blocs de texte, ou un CSV de paires Q&R déjà utilisées avec les ventes
  • Optionnel : une liste d'URL de site pour un crawl (géré par un worker tier, pas un copier-coller manuel)
  • Une décision de routage des leads : Pipedrive (natif en MVP), un e-mail de notification, ou un webhook vers votre stack
  • Un accès d'édition à votre CMS, pied de thème, ou conteneur Google Tag Manager
  • Un responsable qui valide le ton, les questions de qualification et ce que le bot doit refuser de répondre

Chargez d'abord les connaissances validées

Le grounding vient avant l'intégration. engagelayer.io récupère depuis les sources de connaissances que vous validez, puis compose des réponses avec citations vers ce matériel. Si vous sautez cette étape et collez d'abord le widget, les visiteurs verront un assistant vide ou trop prudent, et vous blâmerez à tort le canal plutôt que le manque de contenu.

Commencez par les questions auxquelles les ventes et le support répondent déjà chaque semaine. Limites tarifaires, périmètre d'implémentation, posture sécurité, intégrations et chemins de prise de rendez-vous sont de premières victoires typiques. Vous pourrez élargir plus tard ; vous ne pourrez pas annuler une mauvaise première impression causée par des sources manquantes.

Sources FAQ

Les entrées FAQ sont le moyen le plus rapide de livrer. Chaque item doit être une question claire et une réponse concise derrière laquelle votre équipe se range. Évitez le jargon marketing dans les réponses ; le modèle le répétera mot pour mot sous pression. Regroupez les sujets par thème (tarifs, produit, sécurité, support) pour retirer ou mettre à jour des tranches sans tout toucher.

Quand un visiteur pose une question proche d'une FAQ, la retrieval tire quand même l'entrée validée la plus proche. Si rien ne correspond, l'assistant doit admettre le trou et proposer la capture de lead plutôt qu'inventer des détails. Ce comportement est une fonctionnalité, pas un échec, sur les sites B2B où les mauvaises réponses coûtent la confiance du pipeline.

Blocs de texte

Les sources texte couvrent le contenu narratif qui ne rentre pas dans un Q&R strict : paragraphes de positionnement, comparaisons de plans en prose, calendriers d'implémentation, ou mentions légales validées. Gardez les blocs ciblés. Un bloc par sujet facilite les mises à jour et réduit le risque qu'un vieux paragraphe survive après un changement de message.

Collez depuis votre source de vérité unique, pas depuis un export de slides avec des demi-phrases. Nommez le bloc pour que votre futur vous sache ce qu'il alimente. Quand le product marketing met à jour le copy du site, planifiez un passage correspondant dans la base de connaissances, sinon les réponses dériveront du site live.

Imports CSV

L'import CSV convient aux équipes qui maintiennent déjà des tableurs question-réponse pour les SDR ou les macros support. Utilisez des en-têtes de colonnes cohérents comme documenté dans le tableau de bord, une ligne par paire, et supprimez les doublons avant l'upload. Un CSV propre bat toujours un gros fichier désordonné.

Après l'import, contrôlez dix lignes commercialement importantes : tarifs, conditions contractuelles, résidence des données, et comparaisons concurrentielles si vous les autorisez. La vitesse CSV ne sert à rien si la dixième ligne cite encore le packaging de l'an dernier.

Sources de connaissances du tableau de bord engagelayer.io alimentant le widget IA du site
Les sources FAQ, texte et CSV validées alimentent la retrieval avant que le widget parle sur votre site.

Le crawl de site et les documents binaires suivent un autre chemin. Les crawls d'URL publiques passent par un worker tier pour éviter de coller chaque page à la main. Les PDF et binaires similaires sont souvent traités pendant l'onboarding car la qualité d'extraction dépend de la mise en page. Planifiez FAQ, texte et CSV self-serve pour le jour un, puis ajoutez crawl ou binaire avec de l'aide si besoin.

Configurer le ton de l'assistant et la capture de leads

Les réglages de ton façonnent comment l'assistant salue, à quel point il est direct, et à quelle vitesse il avance vers la qualification. Les acheteurs B2B tolèrent la chaleur, mais punissent le flou. Rédigez les instructions comme un brief pour un SDR affûté : utile, langage simple, sans fausse urgence.

Les règles de capture de leads définissent ce qui se passe quand l'intention monte ou quand les connaissances s'épuisent. engagelayer.io classifie les visiteurs en Hot, Warm et Cool selon des signaux que vous configurez, comme demander les tarifs, citer un délai, ou demander une démo. Cool ne veut pas dire indésirable ; cela veut dire nurture plutôt qu'un ping sales immédiat.

Décidez des champs nécessaires. E-mail et nom d'entreprise peuvent suffire pour Warm ; Hot peut justifier téléphone ou taille d'équipe. Chaque champ en plus baisse le taux de complétion. Associez les champs à une ligne de valeur claire pour que les visiteurs sachent pourquoi ils partagent des données.

Fixez les limites explicitement : sujets sur lesquels l'assistant ne doit pas spéculer, concurrents qu'il ne doit pas dénigrer, et offres qu'il ne peut pas faire sans validation humaine. Ces garde-fous gardent l'assistant dans les connaissances validées et protègent le risque de marque sur un site public.

Intégrer le widget

L'intégration est une balise script async. Le widget se charge depuis le CDN engagelayer.io et lit votre clé publique pour récupérer la bonne configuration d'espace de travail. Vous n'hébergez pas de modèles sur votre origine, et vous n'ouvrez pas de nouvelles routes backend sur votre site pour que le chat fonctionne.

Copiez le snippet depuis le tableau de bord pour que la clé corresponde à votre environnement. Remplacez le placeholder uniquement par votre vraie clé publique. Des attributs optionnels ajustent le placement et la langue sans un autre cycle de déploiement.

Les attributs optionnels incluent data-position avec les valeurs bottom-right ou bottom-left, et data-language pour indiquer la locale de l'interface du widget. Utilisez-les quand la charte impose le lanceur dans un coin précis ou quand vous gérez un site dans une langue non par défaut.

WordPress et CMS courants

Sur WordPress, collez le snippet dans un point d'injection de pied de page global, un plugin de scripts d'en-tête, ou le template footer de votre thème enfant selon ce que votre politique de sécurité autorise. Préférez une inclusion globale pour que l'assistant apparaisse de façon cohérente sur les landing pages et les articles. Évitez d'ajouter le script uniquement sur la page d'accueil sauf couverture partielle volontaire.

Si vous utilisez un plugin de cache ou d'optimisation, excluez le script du widget des règles agressives de minification ou de chargement différé qui cassent l'ordre d'exécution. Purgez le cache après sauvegarde, puis chargez une fenêtre privée pour confirmer que le lanceur apparaît.

Google Tag Manager

Dans Google Tag Manager, créez une balise Custom HTML avec le snippet d'intégration, définissez le déclencheur sur All Pages (ou un sous-ensemble si vous pilotez sur des chemins choisis), et publiez la version du conteneur. GTM est utile quand le marketing possède le déploiement et que l'ingénierie préfère ne pas toucher le dépôt pour une expérience marketing.

Nommez clairement la balise et documentez le propriétaire de la clé publique. Quand les clés tournent, mettez à jour la balise et republiez ; des clés obsolètes produisent une panne silencieuse du widget, facile à prendre pour du blocage publicitaire.

HTML simple et sites statiques

Pour les sites statiques ou faits main, placez le script avant la balise body fermante sur chaque template qui doit offrir le chat. Si vous maintenez des layouts avec includes, mettez le snippet une fois dans le layout partagé. Pour les single-page apps, assurez-vous que le script reste lors des navigations client si votre framework remplace le body du document.

Après déploiement, affichez le code source d'une URL live et cherchez cdn.engagelayer.io pour confirmer que le HTML de production contient bien la balise. Les builds locaux diffèrent parfois de ce que le marketing colle dans le CMS.

Tester en aperçu avant le go-live

Le mode aperçu vous laisse jouer le rôle des visiteurs sans exposer des réponses à moitié prêtes au marché. Ouvrez l'aperçu depuis le tableau de bord et lancez un script structuré : posez dix vraies questions de vos dix derniers leads inbound, dont deux cas limites où vous attendez que l'assistant admette l'incertitude.

Vérifiez les citations sur les réponses factuelles. Si une réponse sonne juste mais ne cite rien, retrouvez la source qui aurait dû se déclencher et corrigez la retrieval avant le lancement. Testez aussi les chemins de qualification : une question tarifaire doit escalader les champs de capture sans sonner comme un interrogatoire.

Invitez un commercial à le casser poliment. Il testera les pièges concurrentiels et les ruses tarifaires que vous avez oubliés. Mieux maintenant que pendant une démo live avec un prospect qui regarde.

Quand l'aperçu passe, intégrez en production et répétez trois questions smoke dans une fenêtre privée. Aperçu et production doivent correspondre ; s'ils divergent, vous avez en général déployé la mauvaise clé ou une ancienne version de conteneur GTM.

Connecter Pipedrive, l'e-mail ou un webhook

La livraison transforme les conversations en pipeline. En MVP, Pipedrive est le chemin CRM natif : connectez le compte, puis poussez les leads qualifiés depuis le tableau de bord (push manuel aujourd'hui ; ne promettez pas une mise en file entièrement automatique tant que votre espace de travail ne le confirme pas). Mappez les résultats Hot, Warm et Cool vers des étapes ou libellés que votre équipe respecte déjà. Les notifications e-mail conviennent aux petites équipes qui veulent un ping inbox avec contexte de transcript. Les webhooks conviennent aux équipes ops qui veulent diffuser vers des systèmes internes.

HubSpot et Salesforce ne sont pas des connecteurs natifs en MVP. Si votre CRM est l'un d'eux, planifiez un routage e-mail ou webhook jusqu'à l'existence d'un connecteur direct, et évitez de promettre aux commerciaux une sync native que vous ne pouvez pas encore livrer.

Incluez des extraits de transcript ou des résumés de qualification dans la payload pour que les commerciaux ouvrent les fiches CRM avec du contexte au lieu de deviner ce que voulait le visiteur. Testez chaque route avec une conversation Hot forcée et une Cool forcée en aperçu pour voir de vraies valeurs de champs, pas des placeholders.

Le traitement hébergé dans l'UE est disponible pour les équipes avec des préférences de résidence des données ; traitez cela comme un choix de déploiement aligné sur votre politique, pas comme un substitut au nettoyage des PII hors des sources de connaissances que vous ne devriez jamais charger.

Erreurs fréquentes

Intégrer avant les connaissances est l'erreur la plus courante. Les équipes collent le script, voient une première réponse faible, et déclarent le chat inutile. Le widget allait bien ; la couche de retrieval n'avait rien de fiable à dire. Corrigez les sources, puis retestez. Les symptômes incluent des excuses génériques et la capture de leads presque à chaque message.

Charger du contenu non validé crée un échec plus lent. Le marketing upload une FAQ brouillon avec des tarifs TBD, l'assistant la cite avec assurance, et les ventes héritent de suivis furieux. Assignez un propriétaire par type de source et datez les revues. Si le contenu n'est pas sûr pour une réponse publique, gardez-le dehors jusqu'à ce qu'il le soit.

Sur-qualifier trop tôt tue les taux de complétion. Demander téléphone, taille d'entreprise et budget avant de répondre à une question produit basique ressemble à un formulaire déguisé en chat. Laissez d'abord l'assistant répondre aux questions ancrées, puis escaladez les champs quand des signaux d'intention apparaissent.

Déployer la mauvaise clé publique ou une version de conteneur GTM obsolète produit un lanceur vide ou un widget lié à un autre espace de travail. Vérifiez toujours la clé dans le code source après publication. Nommez les versions GTM pour que le rollback soit évident quand quelqu'un colle une clé de test en production.

Traiter Hot/Warm/Cool comme des libellés de vanité gaspille le routage. Si tout atterrit dans une seule boîte mail, les commerciaux cessent de faire confiance aux scores. Alignez les définitions avec les ventes en quinze minutes et branchez des chemins ou SLA différents par bande. Des programmes pilotes illustratifs déplacent parfois une part significative de l'inbound vers des rendez-vous quand le routage suit l'intention, mais votre mix différera ; mesurez votre propre funnel au lieu d'attendre une garantie.

Checklist de lancement

Utilisez cette séquence pour un go-live contrôlé. Sauter une étape, c'est comment les surprises de production arrivent un vendredi après-midi.

  • Confirmer que les sources FAQ, texte et CSV sont validées, datées et portées par un collègue nommé
  • Lancer dix conversations d'aperçu dont deux inconnues volontaires ; vérifier les citations sur les réponses factuelles
  • Coller le snippet d'intégration avec la clé publique de production sur tous les templates ou déclencheurs GTM prévus
  • Définir data-position et data-language si la mise en page ou la locale du site l'exige
  • Smoke-tester en live en navigation privée : lanceur visible, trois vraies questions répondues ou capturées proprement
  • Vérifier la livraison Pipedrive, e-mail ou webhook pour au moins un lead Hot et un Cool de test
  • Briefer les ventes sur les définitions Hot/Warm/Cool et l'emplacement des transcripts
  • Planifier une revue à sept jours pour combler les trous de connaissances révélés par de vraies conversations

Quand la checklist est verte, annoncez en interne avant de promouvoir en externe. Les commerciaux doivent savoir que le chat est live, ce qui qualifie Hot, et où les fiches atterrissent. Les visiteurs ont une meilleure expérience quand les humains derrière le CRM s'attendent à ce que l'assistant existe.

Si vous voulez un chatbot IA ancré avec une base de connaissances personnalisée sur votre site B2B sans build custom, commencez sur engagelayer.io, chargez ce en quoi vous avez déjà confiance, et intégrez le widget quand les réponses d'aperçu ressemblent à ce que votre équipe enverrait manuellement. Ensuite, lisez les chatbots à base de connaissances pour le B2B et la qualification conversationnelle de leads.

FAQ

Comment ajouter un chatbot IA à mon site avec engagelayer.io ?
Créez un espace de travail, chargez des connaissances FAQ, texte ou CSV validées, configurez le ton et la capture de leads, puis collez le script async du widget avec votre clé publique avant la balise body fermante ou via votre tag manager. Testez en aperçu, connectez Pipedrive, l'e-mail ou un webhook, et lancez un court smoke test live. La plupart des équipes terminent le premier passage en une session.
Quel est le code d'intégration exact du widget IA du site ?
Utilisez ce snippet : <script async src="https://cdn.engagelayer.io/widget.js" data-public-key="YOUR_PUBLIC_KEY"></script>. Remplacez YOUR_PUBLIC_KEY par la clé de votre tableau de bord. Les attributs optionnels incluent data-position (bottom-right ou bottom-left) et data-language pour la locale du widget.
Le chatbot IA peut-il n'utiliser que notre base de connaissances personnalisée ?
Oui. engagelayer.io répond depuis les sources validées que vous chargez : FAQ, texte, CSV, et optionnellement un crawl de site via un worker tier. Il doit citer le matériel récupéré et admettre quand rien ne correspond, puis proposer la capture de lead plutôt qu'inventer des faits. Ce grounding est la différence centrale avec les widgets de chat génériques.
Quelles intégrations CRM sont prises en charge aujourd'hui ?
Pipedrive est le chemin CRM du MVP : connectez-le, puis poussez les leads depuis le tableau de bord (push manuel dans le MVP actuel). Les notifications e-mail et les webhooks sont toujours disponibles pour les autres stacks. HubSpot et Salesforce ne sont pas natifs en MVP ; routez via e-mail ou webhook jusqu'à l'arrivée d'un connecteur direct.
Ai-je besoin de développeurs pour intégrer l'assistant IA du site ?
Souvent non. Le marketing ou les ops peuvent coller une balise script dans un pied de CMS, un plugin d'injection d'en-tête, ou Google Tag Manager. Les développeurs aident quand la politique du site bloque les scripts tiers ou quand vous avez besoin d'un onboarding crawl ou binaire pour de plus grands ensembles de documents.
Comment fonctionne la qualification de leads pendant le chat ?
Vous configurez des signaux qui classent les visiteurs en Hot, Warm ou Cool selon les questions posées et les champs complétés. Les leads Hot peuvent router vers un suivi sales rapide ; Warm et Cool peuvent être nurturés avec des SLA différents. La livraison va vers Pipedrive, l'e-mail ou un webhook avec contexte de transcript pour que les commerciaux sachent ce qui a été discuté.

Articles connexes