Enterprise Chatbot
Leistungsstarke, multilinguale & technisch saubere Integration.
Automatisierter Support ohne CSS-Konflikte. 24/7 einsatzbereit.
✅ Zero-Dependency & Shadow DOM
(Keine Störungen des Website-Designs)
✅ Vollständig DSGVO-konform
(Lokale Speicherung & Privacy-Link)
✅ Smart Multilingual
(DE, EN uvm. mit Auto-Detection)
✅ Maximale Flexibilität
(Design, FAQ & Verhalten über JSON steuerbar)
✅ Intelligente Sessions
(Chatverlauf bleibt beim Seitenwechsel erhalten)
In Minuten über eine einzige JavaScript-Datei integriert.
Perfekt zur Entlastung Deines Supports und für eine moderne Kundenansprache.
Produktdetails
Verwandle deine Website in einen interaktiven Dialog und biete deinen Besuchern sofortige Hilfe, genau dann, wenn sie sie brauchen. Mit unserer Enterprise Chatbot Engine integrierst du einen intelligenten Assistenten, der nicht nur gut aussieht, sondern deine Kunden aktiv unterstützt.
Dein Kundensupport im Taschenformat
Egal ob häufig gestellte Fragen (FAQ) oder allgemeine Hilfestellungen – du definierst, wie dein Bot antwortet. Über dein persönliches Kundenportal pflegst du Antworten und Dialoge zentral ein. Da der Bot seine Wissensbasis direkt über unsere API bezieht, sind neue Informationen sofort für deine Nutzer verfügbar, ohne dass du den Code deiner Seite anfassen musst.
Internationalität ab Werk
Sprich die Sprache deiner Kunden. Die Engine erkennt automatisch die Browsersprache deiner Besucher und wechselt nahtlos zwischen Deutsch, Englisch, Niederländisch, Französisch, Polnisch, Russisch und Ungarisch. Du kannst die Texte für alle Sprachen individuell in deinem Portal anpassen, um immer den richtigen Ton zu treffen.
Individuelles Branding & Smart Opening
Dein Bot, dein Design. Wähle einen eigenen Bot-Namen und (bei Bedarf) einen Avatar, der zu deiner Marke passt. Mit der Auto-Open/Auto-Close Funktion kannst du den Chat nach einer von dir definierten Zeitspanne automatisieren lassen – der perfekte Weg, um die Aufmerksamkeit deiner Besucher dezent, aber effektiv zu gewinnen.
Datenschutz & Rechtssicherheit
Vertrauen ist die Basis jeder Kundenbeziehung. Deshalb integriert die Engine einen direkt sichtbaren Link zu deiner Datenschutzerklärung im Footer des Chat-Fensters. So erfüllst du Informationspflichten direkt dort, wo die Interaktion stattfindet. Da der Chatverlauf nur lokal in der aktuellen Sitzung (SessionStorage) gespeichert wird, bleiben die Daten deiner Nutzer dort, wo sie hingehören.
Technische Details
Unsere Chatbot Engine setzt auf moderne Web-Standards, um eine reibungslose Integration und höchste Performance zu gewährleisten.
- Shadow DOM Kapselung: Wie alle unsere Lösungen nutzt auch der Chatbot das
Shadow DOM. Das bedeutet für dich: 100% Design-Sicherheit. Das CSS deines Bots ist vollständig von deiner Website isoliert, sodass keine Layout-Fehler oder Konflikte mit deinem bestehenden Code auftreten können. - Zero-Dependency Architektur: Das Skript benötigt keine externen Bibliotheken wie jQuery. Es ist pures, hochperformantes JavaScript, das die Ladezeiten deiner Website nicht beeinträchtigt.
- Asynchrone API-Konfiguration: Alle Texte, FAQ-Daten und UI-Optionen werden asynchron aus einer via API geladen. Dies ermöglicht eine extrem flexible Verwaltung über dein Kundenportal.
- Intelligente Session-Persistenz: Dank der Nutzung des
sessionStoragebleibt der Chatverlauf erhalten, solange der Nutzer den Tab geöffnet hat. Der Bot merkt sich zudem den Fensterstatus (offen/geschlossen) und sorgt dafür, dass die Begrüßung pro Sitzung nur einmal erscheint – für eine natürliche Nutzererfahrung. - Dynamisches Sprach-Management: Die Engine vergleicht die Nutzerpräferenzen mit den verfügbaren Sprachen in der Konfiguration und wählt automatisch das beste Match (Fallback-System).
- Performance-Optimiertes UI: Alle Stile sind als Zero-Dependency-CSS direkt im Skript integriert. Es entstehen keine zusätzlichen HTTP-Requests für Stylesheets, was die Rendering-Geschwindigkeit maximiert.
- Flexibler Iframe- & Media-Support: Der Chatbot kann so konfiguriert werden, dass er nicht nur Text, sondern auch Links und Hinweise strukturiert darstellt, um Nutzer direkt zu den richtigen Unterseiten zu führen.
Mach deinen Kundensupport skalierbar und verwalte deinen Bot so einfach wie noch nie – direkt über unser Kundenportal.
Changelog & Versionen
Der Chatbot generiert nun automatisch klickbare Buttons oberhalb des Eingabefeldes basierend auf den ersten drei Keywords deiner FAQ-Liste aus der
config.json. Dies senkt die Barriere für Nutzer massiv, da häufige Fragen mit einem Klick gestellt werden können. Ein neues Regex-basiertes Link-Parsing erkennt URLs in Bot-Antworten automatisch und wandelt diese in anklickbare Links um (target="_blank").
Zero-Dependency Architektur & DSGVO-Hardening:
Wir haben die Abhängigkeit zum externen Bootstrap-Framework vollständig entfernt. Alle Styles werden über ein optimiertes
Intelligentes Smart-Matching & Config-Resilienz:
Die Suchlogik in
findAnswer wurde optimiert: Nutzeranfragen werden per Regex von Satzzeichen befreit und in Kleinschreibung umgewandelt (Case-Insensitive), was die Trefferquote der FAQs drastisch erhöht.Wir haben 5 neue Sprachen (Niederländisch, Französisch, Polnisch, Russisch, Kroatisch) hinzugefügt und alle Standardtexte sowie die FAQ-Antworten und Keywords für diese Sprachen übersetzt.
Die
languageMode-Konfiguration im JS-Skript ist jetzt noch feingranularer, indem sie es erlaubt, direkt eine Sprache als Modus zu definieren (z.B. "nl"), was noch mehr Kontrolle über das Sprachverhalten bietet.Der Sprachwechsler im Header unterstützt nun diese neuen Sprachen ebenfalls, was die manuelle Umschaltung noch nützlicher macht.
Die
translateBotMessage Funktion ist ein cleveres Detail, das die Übersetzung von Bot-Nachrichten im Verlauf bei Sprachwechsel ermöglicht.Verfeinerte CSS-Struktur und Positionierung:
Die neue
position-Einstellung ermöglicht es nun, den Chatbot einfach an der rechten oder linken Seite des Bildschirms zu positionieren, was die Integration in verschiedene Webdesigns erleichtert.Die CSS-Klassen chatbot-toggle.left und chatbot-window.left im JavaScript-Skript setzen die Styles entsprechend um.
Verbesserte History-Behandlung und Systemhinweise:
Die
saveChatHistory-Funktion fügt jetzt einen Systemhinweis (sender: 'system') hinzu, wenn der Chatverlauf aufgrund von maxHistory gekürzt wird. Das ist eine wichtige Usability-Verbesserung, die den Benutzer transparent informiert. Der Hinweis ist auch mehrsprachig in der saveChatHistory Funktion integriert.Die
addMessage Funktion kann jetzt auch Systemnachrichten formatieren und anzeigen.Einmalige Begrüßungslogik:
Die Begrüßungsnachricht (
welcomeMsg) wird jetzt nur noch einmal pro Tab-Sitzung angezeigt, was das Nutzererlebnis verbessert und Redundanz vermeidet.Alle Texte, FAQ-Einträge, UI-Optionen und Verhaltensparameter werden im Kundenportal konfiguriert, was die Wartung und Anpassung erheblich vereinfacht.
Automatischer/Manueller Modus:
Ermittelt die Sprache automatisch anhand der Browsereinstellungen oder bietet einen manuellen Sprachwechsler direkt im Chatbot-Fenster.
Konsistente Sprachobjekte:
Alle anzeigbaren Texte und FAQ-Antworten können für mehrere Sprachen (Standard: Deutsch, Englisch) hinterlegt werden.
Übersetzung des Chatverlaufs:
Bei Sprachwechsel wird der bestehende Chatverlauf dynamisch in die neue Sprache übersetzt.
Maximale Verlaufslänge:
Begrenzen Sie die Anzahl der Nachrichten im Chatverlauf für bessere Performance und Übersichtlichkeit.
Robuste Fehlerbehandlung:
Fallback-Konfiguration wird geladen, falls das
config.schema nicht gefunden oder geladen werden kann.Standalone-Betrieb:
Keine externen Abhängigkeiten oder Server-Integrationen erforderlich – der Chatbot läuft vollständig im Browser.
FAQ-basiert:
Beantwortet Fragen basierend auf einer konfigurierbaren Liste von Keywords und Antworten.
Shadow DOM Kapselung:
Vollständige Isolation vom Rest Ihrer Webseite zur Vermeidung von Stil- und Skriptkonflikten.
Sitzungs-Persistenz:
Chatverlauf und Fensterstatus (geöffnet/geschlossen) werden im sessionStorage gespeichert.
