Wie setze ich Live-Chat mit KI auf meiner Website ein?
Mit SendSeven installieren Sie ein KI-gestütztes Live-Chat-Widget (unter 50 KB) per Script-Tag in unter 5 Minuten. Der Bot antwortet rund um die Uhr aus Ihrer Wissensdatenbank, erfasst Leads über Pre-Chat-Formulare mit DSGVO-Einwilligung und übergibt in 4 Hybridmodi bei Bedarf automatisch an Ihr Team. Ab 49 €/Monat; KI und Wissensdatenbank ab 79 €/Monat (Professional).
Jeder Website-Besucher
ist Umsatzpotenzial.
Ihr Team ist unterwegs, das Telefon besetzt, die Geschäftszeiten vorbei – aber Ihre Website arbeitet weiter. Live-Chat mit KI verwandelt Besucher in Kontakte und Kunden, rund um die Uhr.
Das 17-Uhr-Problem, das jeder Mittelständler kennt
Es ist 20 Uhr. Eine Interessentin landet auf Ihrer Website, stöbert durch Ihr Angebot und hat eine Frage zur Lieferzeit. Sie findet ein Kontaktformular, füllt es aus. Und wartet. Am nächsten Morgen liest Ihr Team die Anfrage. Aber die Kundin hat längst woanders gekauft.
Für kleine und mittelständische Unternehmen mit 5 bis 50 Mitarbeitern ist das kein Einzelfall, sondern Alltag. Außerhalb der Geschäftszeiten gibt es niemanden, der antwortet. Das Telefon ist besetzt, das Team unterwegs, der Feierabend hat begonnen. Und eine zweite Schicht einzustellen? Wirtschaftlich kaum machbar.
Das Ergebnis: Jeden Abend, jedes Wochenende gehen Anfragen und Kaufinteressenten verloren. Nicht weil das Angebot nicht passt, sondern weil im entscheidenden Moment niemand da war.
KI antwortet, auch nach Feierabend
SendSeven kombiniert Live-Chat mit einer KI, die Ihre Wissensdatenbank kennt. Tagsüber unterstützt der Bot Ihr Team. Nachts und am Wochenende übernimmt er komplett: mit echten Antworten aus Ihren FAQs, Produktseiten und Dokumenten.
So funktioniert es in der Praxis: Ein Besucher stellt eine Frage. Die KI durchsucht Ihre Wissensdatenbank und antwortet in Sekunden, mit Quellenangabe. Ist die KI unsicher, wird automatisch eskaliert: an Ihr Team, per E-Mail-Benachrichtigung oder als Ticket in Ihrem Posteingang. Im Dashboard sehen Sie jederzeit, wie sicher die KI bei jeder Antwort war.
Optional erfasst ein Formular vor dem Chat Name, E-Mail und DSGVO-Einwilligung. So wird aus jedem Gespräch automatisch ein Kontakt in Ihrer Datenbank, bereit für Follow-up per WhatsApp, E-Mail oder Telegram.
KI-Support-Bot
Eskalationsregeln
Messbare Ergebnisse
Unternehmen, die Live-Chat mit KI einsetzen, sehen Veränderungen in drei Bereichen.
Widget-Einstellungen
Markenfarbe
Position
Pre-Chat-Formular
Geschäftszeiten
Live-Vorschau
Ihre Marke, Ihr Widget
Passen Sie das Widget in Sekunden an Ihr Design an. Farben, Icon, Position und Größe sind frei konfigurierbar. Pre-Chat-Formulare mit DSGVO-Checkbox, Geschäftszeiten mit Offline-Nachrichten und seitenspezifische Regeln inklusive.
- Markenfarben, Icon-Stil, Button-Größe und Links-/Rechts-Positionierung
- Pre-Chat-Formular: Name, E-Mail, benutzerdefinierte Felder und DSGVO-Checkbox
- Geschäftszeiten und Offline-Modus mit individuellen Abwesenheitsnachrichten
- Seitenspezifische Regeln: auf Preisseite zeigen, im Blog ausblenden
Haben Sie heute noch geöffnet?
Wie komme ich am besten zu Ihnen?
Ist der Wellnessbereich geöffnet?
KI, die Ihr Unternehmen kennt
Verbinden Sie Ihre Wissensdatenbank (Dokumente, FAQs, Webseiteninhalt und vergangene Tickets), und die KI antwortet nur mit Ihren Inhalten. Keine erfundenen Fakten, kein Halluzinieren: Die KI zitiert ausschließlich aus Ihren Quellen.
- 4 Hybrid-Modi: Vollautomatisch, KI-zuerst, Mensch-zuerst, Zeitbasiert
- Konfidenz-Auswertung im Dashboard: sehen Sie, wie sicher jede Antwort war
- Smart-Eskalation: bei Unsicherheit, Keyword-Erkennung oder auf Kundenwunsch
- Individuelle Begrüßungen und Persona-Einstellungen pro Kanal
Bevor wir starten, erzählen Sie uns kurz etwas über sich
Interessenten erfassen, nicht nur chatten
Pre-Chat-Formulare sammeln Name, E-Mail und benutzerdefinierte Felder, bevor das Gespräch beginnt. Daraus wird automatisch ein Kontakt erstellt. Der KI-Bot kann im Chat Newsletter-Anmeldungen anbieten. Double-Opt-in hält Sie DSGVO-konform.
- Pre-Chat-Formulare mit Name, E-Mail, Telefon und benutzerdefinierten Feldern
- Newsletter-Abonnenten direkt im Chat-Gespräch gewinnen
- DSGVO-konformes Double-Opt-in mit Einwilligungs-Checkbox
- Kontakte automatisch erstellt und in Ihrer Kontaktverwaltung angereichert
Anna Klein
beispiel-shop.de
Verbundene Kanäle
Hallo, ich brauche Hilfe bei meiner Bestellung
Hier ist Ihr Tracking-Link: ...
Bestellbestätigung #4821
Danke für die schnelle Antwort!
Im Chat starten, überall weitermachen
Live-Chat-Gespräche landen im selben Posteingang wie WhatsApp, Telegram, E-Mail und alle anderen Kanäle. Wenn ein Besucher seine Telefonnummer teilt, folgen Sie per WhatsApp nach. Ein Kontaktprofil, kompletter Gesprächsverlauf, kein Kontext verloren.
- Live-Chat-Gespräche erscheinen im Posteingang neben allen Kanälen
- Ein Kontaktprofil verknüpft Live-Chat, WhatsApp, E-Mail, Telegram und mehr
- Agentenzuweisung und Ticket-Management funktionieren kanalübergreifend
- KI-Support-Bot arbeitet auf Live-Chat, WhatsApp und Telegram mit derselben Wissensdatenbank
ROI in Zahlen
So könnte es aussehen
Ein Online-Shop für Outdoor-Ausrüstung mit 12 Mitarbeitern integriert das SendSeven Live-Chat-Widget mit KI-Bot auf seiner Website. Tagsüber unterstützt der Bot das 3-köpfige Support-Team bei Standardfragen zu Lieferzeiten und Retouren. Abends und am Wochenende übernimmt die KI komplett: beantwortet Fragen aus dem FAQ und erfasst Kontaktdaten über das Formular vor dem Chat.
Typisches Szenario basierend auf Branchendaten
In 5 Minuten live
Vom Einbau bis zum ersten Chat, ohne Programmierkenntnisse.
Widget einbauen
Einen Script-Tag in Ihre Website kopieren. Funktioniert mit WordPress, Shopify, React und jeder HTML-Seite.
Anpassen & Konfigurieren
Markenfarben setzen, Pre-Chat-Formular einrichten, Geschäftszeiten festlegen und Wissensdatenbank für KI-Antworten verbinden.
Gespräche starten
Besucher chatten, KI antwortet, Kontaktdaten werden erfasst. Alles landet in Ihrem Posteingang.
Schritt-für-Schritt-Anleitungen für die Einrichtung über die Plattform oder per API.
Plattform-Anleitung: Schritt für Schritt
Ihr Live-Chat-Widget erstellen und anpassen:
Zu Widgets navigieren
Gehen Sie zu Einstellungen > Widgets im Dashboard. Klicken Sie auf "Widget erstellen" und wählen Sie "Live Chat".
Design anpassen
Wählen Sie Ihre Markenfarben, Widget-Position (links/rechts), Willkommensnachricht und Avatar. Änderungen werden live angezeigt.
Verfügbarkeit festlegen
Konfigurieren Sie Geschäftszeiten, in denen Agenten verfügbar sind. Legen Sie eine Offline-Nachricht für außerhalb der Geschäftszeiten fest.
Einbettungscode kopieren
Kopieren Sie das JavaScript-Snippet und fügen Sie es in Ihre Website-HTML ein, direkt vor dem schließenden </body>-Tag.
Widget testen
Besuchen Sie Ihre Website und klicken Sie auf das Chat-Symbol. Senden Sie eine Testnachricht und prüfen Sie, ob sie in Ihrem Posteingang erscheint.
API-Referenz: Entwickler-Zugang
Widgets verwalten und Live-Chat-Sitzungen via API steuern.
| Method | Path | Description |
|---|---|---|
| POST | /api/v1/widgets | Neues Widget erstellen |
| GET | /api/v1/widgets/{id}/embed-code | Widget-Einbettungscode abrufen |
| POST | /public/w/{widgetId}/live-chat/start | Live-Chat-Sitzung starten (öffentlich) |
| GET | /public/w/{widgetId}/live-chat/availability | Agenten-Verfügbarkeit prüfen (öffentlich) |
const response = await fetch('https://api.sendseven.com/api/v1/widgets', {
method: 'POST',
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID',
'Content-Type': 'application/json'
},
body: JSON.stringify({
type: 'live_chat',
name: 'Support Chat',
config: {
primary_color: '#6366f1',
position: 'right',
welcome_message: 'Hi! How can we help?'
}
})
});
const widget = await response.json();
console.log('Widget ID:', widget.id);const response = await fetch(
'https://api.sendseven.com/api/v1/widgets/widget_123/embed-code',
{
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID'
}
}
);
const { embed_code } = await response.json();
// Copy this to your website's HTML
console.log(embed_code);const response = await fetch(
'https://api.sendseven.com/public/w/widget_123/live-chat/availability'
);
const { available, agents_online } = await response.json();
console.log(available ? `${agents_online} agents online` : 'Offline');Häufige Fragen
Wie schnell kann ich Live-Chat auf meiner Website einrichten?
In unter 5 Minuten. Sie kopieren einen Script-Tag in Ihre Website, passen Farben und Pre-Chat-Formular an und verbinden Ihre Wissensdatenbank. Keine Programmierkenntnisse nötig.
Was passiert, wenn nachts oder am Wochenende jemand chattet?
Der KI-Support-Bot übernimmt automatisch. Er beantwortet Fragen aus Ihrer Wissensdatenbank und erfasst Kontaktdaten über das Pre-Chat-Formular. Bei Unsicherheit erstellt er ein Ticket für Ihr Team am nächsten Morgen.
Ist der Live-Chat DSGVO-konform?
Ja. Pre-Chat-Formulare enthalten eine DSGVO-Einwilligungs-Checkbox, Newsletter-Anmeldungen nutzen Double-Opt-in und alle Daten werden in der EU verarbeitet. Sie bestimmen, welche Daten erhoben werden.
Verlangsamt das Widget meine Website?
Nein. Das Script ist unter 50 KB groß, lädt asynchron über ein CDN und blockiert nicht den Seitenaufbau. Das Widget erscheint erst, wenn Ihre Seite vollständig geladen ist.
Was kostet der Live-Chat?
Der Live-Chat ist ab Basic (Pakete ab 49 €/Monat) enthalten, ohne Kosten pro Nutzer und mit unbegrenzten Nutzern, inklusive KI-Bot, Posteingang und allen Kanälen. 14 Tage kostenlos testen, keine Kreditkarte nötig. Preise ansehen.
Kunden gewinnen, auch nach Feierabend
Ein Script-Tag. KI-Antworten. Automatische Kontakterfassung. Ihre Website-Besucher warten. Geben Sie ihnen einen Weg, mit Ihnen zu sprechen.