Produkt
So fügen Sie einen KI-Website-Assistenten zu Ihrer B2B-Site hinzu
KI-Website-Assistent auf Ihrer B2B-Site: freigegebenes Wissen laden, Lead-Capture konfigurieren, ein Script-Tag einfügen und Hot/Warm/Cool-Leads an Pipedrive senden.
Autor
The EngageLayer product & content team — guides on AI website assistants, knowledge-grounded answers, and B2B lead qualification.

Schritte
Voraussetzungen sammeln
Holen Sie Public Key, freigegebene FAQ- oder CSV-Inhalte, Routing-Entscheidung und CMS- oder GTM-Zugang zusammen, bevor Sie starten.
Freigegebenes Wissen laden
Fügen Sie FAQ-Einträge, fokussierte Textblöcke und CSV-Q&A-Paare im Dashboard hinzu. Website-Crawl oder Binary Docs bei Bedarf mit Onboarding planen.
Ton und Qualifizierung konfigurieren
Begrüßungsstil, Grenzen bei sensiblen Themen und Hot-/Warm-/Cool-Capture-Regeln setzen, nur mit den Feldern, die Sie nutzen.
Widget-Script einbetten
Das async CDN-Snippet mit Ihrem Public Key in WordPress, GTM oder Plain-HTML-Templates einfügen. Optionale Attribute data-position und data-language hinzufügen.
Im Preview testen
Zehn realistische Besucherskripte im Preview fahren, Zitate prüfen und bestätigen, dass unbekannte Fragen ehrliches Capture statt Raten auslösen.
Lead-Delivery verbinden
Pipedrive verbinden und einen Testlead aus dem Dashboard pushen, oder E-Mail bzw. Webhook nutzen. Prüfen, dass Hot- und Cool-Payloads dem entsprechen, was Reps erwarten.
Live gehen und reviewen
Embed publishen, im Inkognito smoke-testen, Sales zum Routing briefen und einen Sieben-Tage-Knowledge-Patch aus echten Chats planen.
Kurzantwort
Fügen Sie einen KI-Website-Assistenten zu Ihrer B2B-Site hinzu, indem Sie freigegebenes Wissen in engagelayer.io laden, Ton und Lead-Capture konfigurieren, ein Script-Tag mit Ihrem Public Key einfügen, im Preview testen und Hot-, Warm- und Cool-Leads an Pipedrive, E-Mail oder einen Webhook weiterleiten. Der Assistent antwortet nur aus Inhalten, die Sie freigeben, und erfasst Leads, wenn er nicht antworten kann.
Dieser Leitfaden richtet sich an Marketing-, Revenue- und Ops-Teams, die einen geerdeten KI-Chatbot mit eigener Wissensdatenbank auf einer B2B-Website wollen, ohne die Site neu zu bauen oder ein langes Integrationsprojekt zu starten. Sie steuern vielleicht Demand Gen, die Website oder unterstützen Sales mit besserem Inbound-Kontext. Das Ziel ist kein generisches Widget, das rät. Es ist ein KI-Website-Assistent, der im freigegebenen Firmenwissen bleibt, Besucher im Gespräch qualifiziert und strukturierte Leads an die Tools schickt, die Ihr Team bereits nutzt.
Am Ende haben Sie freigegebene Inhalte in engagelayer.io geladen, einen Assistenten für Ton und Lead-Capture konfiguriert, das Widget auf Ihrer Site eingebettet, einen Preview-Durchlauf abgeschlossen und die Zustellung an Pipedrive, E-Mail oder einen Webhook verdrahtet. Die meisten Teams schaffen das Kernsetup in einer Arbeitssitzung. Größere Content-Imports oder CRM-Feldmapping können einen zweiten Durchlauf brauchen, aber das Embed selbst ist ein einziges Script-Tag.
Was Sie vor dem Start brauchen
Eine kurze Checkliste spart später Nacharbeit. Sammeln Sie die unten gelisteten Assets und Zugänge, bevor Sie das Dashboard öffnen. Für den Basisweg brauchen Sie keinen Entwickler, aber jemand mit Zugriff auf Site-Header oder Tag Manager sollte verfügbar sein, wenn Sie live gehen.
Wenn Ihre Inhalte über PDFs, alte Decks und ein Wiki verstreut sind, dem niemand traut, blocken Sie dreißig Minuten, um zu entscheiden, was zuerst sicher veröffentlicht werden darf. Der Assistent arbeitet am besten, wenn die erste Wissensladung klein, korrekt und klar von einem Team verantwortet wird.
- Einen engagelayer.io-Workspace und Ihren Widget-Public-Key aus dem Dashboard
- Freigegebene Inhalte für den ersten Load: FAQ-Einträge, kurze Textblöcke oder eine CSV mit Q&A-Paaren, die Sie bereits mit Sales nutzen
- Optional: eine Liste von Site-URLs für einen Website-Crawl (über Worker-Tier, kein manuelles Copy-Paste)
- Eine Entscheidung zur Lead-Weiterleitung: Pipedrive (nativ im MVP), eine Benachrichtigungs-E-Mail oder ein Webhook in Ihren Stack
- Bearbeitungszugriff auf Ihr Site-CMS, Theme-Footer oder Google-Tag-Manager-Container
- Einen Stakeholder, der Ton, Qualifizierungsfragen und Themen freigibt, die der Bot nicht beantworten soll
Zuerst freigegebenes Wissen laden
Grounding kommt vor dem Embedding. engagelayer.io holt aus Wissensquellen, die Sie freigeben, und schreibt Antworten mit Zitaten zurück auf dieses Material. Überspringen Sie diesen Schritt und fügen zuerst das Widget ein, sehen Besucher einen leeren oder übervorsichtigen Assistenten, und Sie geben dem Kanal die Schuld statt der Inhaltslücke.
Starten Sie mit den Fragen, die Sales und Support jede Woche schon beantworten. Preisgrenzen, Implementierungsumfang, Sicherheitslage, Integrationen und Buchungspfade sind typische erste Gewinne. Sie können später erweitern; einen schlechten ersten Eindruck durch fehlende Quellen können Sie nicht rückgängig machen.
FAQ-Quellen
FAQ-Einträge sind der schnellste Weg zum Launch. Jeder Eintrag sollte eine klare Frage und eine knappe Antwort sein, hinter der Ihr Team steht. Vermeiden Sie Marketing-Floskeln in den Antworten; das Modell wiederholt sie unter Druck wörtlich. Gruppieren Sie Themen nach Thema (Pricing, Produkt, Security, Support), damit Sie Scheiben aktualisieren oder zurückziehen können, ohne alles anzufassen.
Wenn ein Besucher etwas angrenzend an eine FAQ fragt, zieht Retrieval trotzdem den nächsten freigegebenen Eintrag. Passt nichts, sollte der Assistent die Lücke zugeben und Lead-Capture anbieten statt Details zu erfinden. Das ist auf B2B-Sites ein Feature, kein Fehler, weil falsche Antworten Pipeline-Vertrauen kosten.
Textblöcke
Textquellen decken narrative Inhalte ab, die nicht in ein strenges Q&A passen: Positionierungsabsätze, Planvergleiche in Prosa, Implementierungszeitpläne oder freigegebene rechtliche Hinweise. Halten Sie Blöcke fokussiert. Ein Block pro Thema erleichtert Updates und senkt das Risiko, dass ein alter Absatz überlebt, nachdem die Messaging schon gewechselt hat.
Kopieren Sie aus Ihrer Single Source of Truth, nicht aus einem Folienexport mit Halbsätzen. Benennen Sie den Block so, dass Ihr zukünftiges Ich weiß, was er speist. Wenn Product Marketing die Website-Copy aktualisiert, planen Sie einen passenden Pass in der Wissensdatenbank, sonst driften Antworten von der Live-Site ab.
CSV-Imports
CSV-Import passt zu Teams, die bereits Frage-Antwort-Tabellen für SDRs oder Support-Makros pflegen. Nutzen Sie konsistente Spaltenköpfe wie im Dashboard dokumentiert, eine Zeile pro Paar, und entfernen Sie Duplikate vor dem Upload. Eine saubere CSV schlägt eine große unordentliche jedes Mal.
Prüfen Sie nach dem Import stichprobenartig zehn kommerziell relevante Zeilen: Pricing, Vertragskonditionen, Data Residency und Wettbewerbervergleiche, falls Sie die überhaupt zulassen. CSV-Geschwindigkeit ist wertlos, wenn die zehnte Zeile noch die Packaging vom letzten Jahr nennt.

Website-Crawl und Binärdokumente folgen einem anderen Pfad. Öffentliche URL-Crawls laufen über einen Worker-Tier, damit Sie nicht jede Seite manuell einfügen. PDFs und ähnliche Binärdateien werden oft im Onboarding behandelt, weil die Extraktionsqualität vom Layout abhängt. Planen Sie Self-Serve-FAQ, Text und CSV für Tag eins, dann Crawl oder Binary mit Unterstützung, wenn Sie sie brauchen.
Ton und Lead-Capture des Assistenten konfigurieren
Toneinstellungen prägen, wie der Assistent begrüßt, wie direkt er ist und wie schnell er zur Qualifizierung geht. B2B-Käufer tolerieren Wärme, bestrafen aber Unklarheit. Schreiben Sie Anweisungen wie ein Briefing für einen scharfen SDR: hilfreich, klare Sprache, keine falsche Dringlichkeit.
Lead-Capture-Regeln definieren, was passiert, wenn Intent steigt oder Wissen ausgeht. engagelayer.io klassifiziert Besucher in Hot, Warm und Cool anhand von Signalen, die Sie konfigurieren, etwa Pricing-Fragen, Timeline-Nennung oder Demo-Anfragen. Cool heißt nicht Junk; es heißt Nurture statt sofortigem Sales-Ping.
Entscheiden Sie, welche Felder Sie brauchen. E-Mail und Firmenname können für Warm reichen; Hot kann Telefon oder Teamgröße rechtfertigen. Jedes Extrafeld senkt die Abschlussrate. Koppeln Sie Felder an eine klare Nutzenzeile, damit Besucher wissen, warum sie Daten teilen.
Setzen Sie Grenzen explizit: Themen, über die der Assistent nicht spekulieren darf, Wettbewerber, die er nicht schlechtmachen soll, und Angebote, die er ohne menschliche Freigabe nicht machen kann. Diese Guardrails halten den Assistenten im freigegebenen Wissen und schützen Markenrisiko auf einer öffentlichen Site.
Das Widget einbetten
Das Embedding ist ein async Script-Tag. Das Widget lädt vom engagelayer.io-CDN und liest Ihren Public Key, um die richtige Workspace-Konfiguration zu holen. Sie hosten keine Modelle auf Ihrem Origin und öffnen keine neuen Backend-Routen auf Ihrer Site, damit Chat funktioniert.
Kopieren Sie das Snippet aus dem Dashboard, damit der Key zu Ihrer Umgebung passt. Ersetzen Sie den Platzhalter nur durch Ihren echten Public Key. Optionale Attribute steuern Platzierung und Sprache ohne weiteren Deploy-Zyklus.
Optionale Attribute sind data-position mit den Werten bottom-right oder bottom-left sowie data-language als Locale-Hinweis für die Widget-Chrome. Nutzen Sie sie, wenn Brand Guidelines den Launcher in einer bestimmten Ecke verlangen oder Sie eine Site in einer Nicht-Standard-Sprache betreiben.
WordPress und gängige CMS-Setups
Unter WordPress fügen Sie das Snippet in einen siteweiten Footer-Injection-Punkt, ein Header-Script-Plugin oder das Footer-Template Ihres Child Themes ein, je nachdem, was Ihre Security-Policy erlaubt. Bevorzugen Sie ein globales Include, damit der Assistent auf Landing Pages und Blogposts konsistent erscheint. Vermeiden Sie das Script nur auf der Homepage, es sei denn, Sie wollen bewusst partielle Abdeckung.
Wenn Sie ein Caching- oder Optimierungs-Plugin nutzen, nehmen Sie das Widget-Script von aggressiver Minifizierung oder Deferred-Loading-Regeln aus, die die Ausführungsreihenfolge brechen. Cache nach dem Speichern leeren, dann ein Inkognito-Fenster laden, um zu bestätigen, dass der Launcher erscheint.
Google Tag Manager
Im Google Tag Manager erstellen Sie ein Custom-HTML-Tag mit dem Embed-Snippet, setzen den Trigger auf All Pages (oder eine Teilmenge, wenn Sie auf ausgewählten Pfaden pilotieren) und veröffentlichen die Container-Version. GTM ist nützlich, wenn Marketing das Deployment besitzt und Engineering das Repo für ein Marketing-Experiment nicht anfassen möchte.
Benennen Sie das Tag klar und dokumentieren Sie den Owner des Public Keys. Bei Key-Rotation Tag aktualisieren und erneut veröffentlichen; veraltete Keys erzeugen einen stillen Widget-Ausfall, der leicht als Ad-Blocking fehlgedeutet wird.
Einfaches HTML und statische Sites
Bei statischen oder handgebauten Sites platzieren Sie das Script vor dem schließenden Body-Tag in jedem Template, das Chat anbieten soll. Bei Layouts mit Includes legen Sie das Snippet einmal ins Shared Layout. Bei Single-Page-Apps stellen Sie sicher, dass das Script Client-Navigationen übersteht, wenn Ihr Framework den Document-Body ersetzt.
Nach dem Deploy Quelltext einer Live-URL öffnen und nach cdn.engagelayer.io suchen, um zu bestätigen, dass das Produktions-HTML das Tag wirklich enthält. Lokale Builds weichen manchmal von dem ab, was Marketing ins CMS einfügt.
Im Preview testen, bevor Sie live gehen
Der Preview-Modus lässt Sie Besucher simulieren, ohne halbfertige Antworten dem Markt zu zeigen. Öffnen Sie Preview im Dashboard und fahren Sie ein strukturiertes Skript: stellen Sie zehn echte Fragen Ihrer letzten zehn Inbound-Leads, inklusive zwei Edge Cases, in denen der Assistent Unsicherheit zugeben soll.
Prüfen Sie Zitate bei faktischen Antworten. Klingt eine Antwort richtig, zitiert aber nichts, verfolgen Sie, welche Quelle hätte feuern sollen, und reparieren Sie Retrieval vor dem Launch. Testen Sie auch Qualifizierungspfade: eine Pricing-Frage sollte Capture-Felder angemessen eskalieren, ohne wie ein Verhör zu klingen.
Laden Sie einen Sales-Kollegen ein, ihn höflich zu knacken. Er wird Wettbewerberfallen und Pricing-Tricks testen, die Sie vergessen haben. Besser jetzt als in einer Live-Demo mit einem Prospect.
Wenn Preview besteht, auf Produktion einbetten und drei Smoke-Fragen im Inkognito-Fenster wiederholen. Preview und Produktion sollten übereinstimmen; weichen sie ab, haben Sie meist den falschen Key oder eine alte Container-Version in GTM deployed.
Pipedrive, E-Mail oder Webhook verbinden
Delivery macht aus Gesprächen Pipeline. Im MVP ist Pipedrive der native CRM-Pfad: Account verbinden, dann qualifizierte Leads aus dem Dashboard pushen (heute manueller Push; versprechen Sie keine vollautomatische Enqueue, bis Ihr Workspace das bestätigt). Mappen Sie Hot-, Warm- und Cool-Outcomes auf Stages oder Labels, die Ihr Team schon respektiert. E-Mail-Benachrichtigungen passen zu kleinen Teams, die einen Inbox-Ping mit Transkript-Kontext wollen. Webhooks passen zu Ops-Teams, die intern weiterverteilen wollen.
HubSpot und Salesforce sind im MVP keine nativen Connectors. Liegt Ihr CRM dort, planen Sie E-Mail- oder Webhook-Routing, bis ein Direktconnector existiert, und versprechen Sie Reps keinen nativen Sync, den Sie noch nicht liefern können.
Nehmen Sie Transkript-Ausschnitte oder Qualifizierungszusammenfassungen in die Payload auf, damit Reps CRM-Records mit Kontext öffnen statt zu raten, was der Besucher wollte. Testen Sie jede Route mit einem erzwungenen Hot- und einem erzwungenen Cool-Gespräch im Preview, damit Sie echte Feldwerte sehen, keine Platzhalter.
EU-gehostete Verarbeitung ist für Teams mit Data-Residency-Präferenzen verfügbar; behandeln Sie das als Deployment-Wahl passend zu Ihrer Policy, nicht als Ersatz dafür, PII aus Wissensquellen zu entfernen, die Sie von vornherein nie laden sollten.
Häufige Fehler
Einbetten vor Wissen ist der häufigste Fehlgriff. Teams fügen das Script ein, sehen eine schwache erste Antwort und erklären Chat für nutzlos. Das Widget war in Ordnung; die Retrieval-Schicht hatte nichts Vertrauenswürdiges zu sagen. Quellen reparieren, dann erneut testen. Symptome sind generische Entschuldigungen und Lead-Capture bei fast jeder Nachricht.
Nicht freigegebene Inhalte laden erzeugt ein langsameres Scheitern. Marketing lädt eine Entwurfs-FAQ mit TBD-Pricing, der Assistent zitiert sie selbstbewusst, und Sales erbt wütende Follow-ups. Weisen Sie jedem Quellentyp einen Owner zu und datieren Sie Reviews. Ist Content nicht sicher für eine öffentliche Antwort, bleibt er draußen, bis er es ist.
Zu frühes Überqualifizieren killt Completion Rates. Telefon, Unternehmensgröße und Budget zu verlangen, bevor eine einfache Produktfrage beantwortet ist, fühlt sich wie ein Formular im Chat-Kostüm an. Lassen Sie den Assistenten zuerst geerdete Fragen beantworten, dann Felder escalieren, wenn Intent-Signale erscheinen.
Der falsche Public Key oder eine veraltete GTM-Container-Version erzeugt einen leeren Launcher oder ein Widget an einem anderen Workspace. Prüfen Sie den Key nach dem Publish immer im Quelltext. Benennen Sie GTM-Versionen so, dass Rollback klar ist, wenn jemand einen Test-Key in Produktion einfügt.
Hot/Warm/Cool als Vanity-Labels zu behandeln, verschwendet Routing. Landet alles in einer Inbox, hören Reps auf, Scores zu vertrauen. Stimmen Sie Definitionen mit Sales in einer fünfzehnminütigen Session ab und verdrahten Sie unterschiedliche Pfade oder SLAs pro Band. Illustrative Pilotprogramme verschieben manchmal einen spürbaren Anteil des Inbounds in gebuchte Meetings, wenn Routing zum Intent passt, aber Ihr Mix wird anders sein; messen Sie Ihren eigenen Funnel statt eine Garantie zu erwarten.
Launch-Checkliste
Nutzen Sie diese Sequenz für einen kontrollierten Go-Live. Einen Schritt zu überspringen ist, wie Freitagnachmittag-Überraschungen in Produktion entstehen.
- Bestätigen, dass FAQ-, Text- und CSV-Quellen freigegeben, datiert und einem genannten Teammate zugeordnet sind
- Zehn Preview-Gespräche inklusive zwei absichtlicher Unbekannter führen; Zitate bei faktischen Antworten prüfen
- Embed-Snippet mit dem Produktions-Public-Key auf allen vorgesehenen Templates oder GTM-Triggern einfügen
- data-position und data-language setzen, wenn Layout oder Locale Ihrer Site das erfordern
- Live im Inkognito smoke-testen: Launcher sichtbar, drei echte Fragen beantwortet oder sauber erfasst
- Pipedrive-, E-Mail- oder Webhook-Delivery für mindestens einen Hot- und einen Cool-Testlead verifizieren
- Sales zu Hot/Warm/Cool-Definitionen und zum Ort der Transkripte briefen
- Sieben-Tage-Review planen, um Wissenslücken aus echten Gesprächen zu schließen
Wenn die Checkliste grün ist, intern ankündigen, bevor Sie extern pushen. Reps sollten wissen, dass Chat live ist, was als Hot gilt und wo Records landen. Besucher haben eine bessere Erfahrung, wenn die Menschen hinter dem CRM erwarten, dass der Assistent existiert.
Wenn Sie einen geerdeten KI-Chatbot mit eigener Wissensdatenbank auf Ihrer B2B-Site ohne Custom Build wollen, starten Sie bei engagelayer.io, laden Sie, was Sie schon vertrauen, und betten Sie das Widget ein, wenn Preview-Antworten so klingen, wie Ihr Team sie manuell schicken würde. Als Nächstes lesen Sie Wissensdatenbank-Chatbots für B2B und konversationelle Lead-Qualifizierung.