OptimoCMS Docs
Zurück zur Übersicht

KI-Chatbot

KI-Chatbot-Widget auf deiner Website: einrichten, anpassen und testen.

Was ist der Chatbot?

Der KI-Chatbot ist ein intelligentes Widget, das du auf deiner Website platzieren kannst. Besucher können Fragen stellen und erhalten sofort KI-gestützte Antworten. Der Chatbot erscheint als schwebender Button (meist unten rechts) und öffnet ein Chatfenster beim Anklicken. Du kannst das Aussehen, die Position und das Verhalten vollständig anpassen.
Tipps
  • Ein API-Key ist immer erforderlich, auch für kostenlose Modelle.

Chatbot aktivieren

So aktivierst du den Chatbot: 1. Gehe zu Chatbot-Einstellungen in der Seitenleiste 2. Schalte "Chatbot aktivieren" ein 3. Gib deinen API-Key ein 4. Wähle ein KI-Modell aus dem Dropdown 5. Klicke auf Speichern Der Chatbot ist jetzt aktiv und kann über den Page Builder auf deiner Website platziert werden.

API-Key & Anbieter

Der Chatbot verwendet das BYOK-Modell (Bring Your Own Key). Das bedeutet, du verwendest deinen eigenen API-Key von einem KI-Anbieter. Unterstützte Anbieter: • OpenRouter – Zugang zu Hunderten von Modellen über einen einzigen Key • OpenAI – direkter Zugang zu GPT-Modellen • Google – Zugang zu Gemini-Modellen Dein API-Key wird verschlüsselt in der Datenbank gespeichert und ist nach der Eingabe nie wieder lesbar.
Hinweis
  • Dein API-Key wird verschlüsselt gespeichert, aber gib ihn niemals an Dritte weiter.

System-Prompt

Der System-Prompt bestimmt, wie sich der Chatbot verhält. Hier gibst du Anweisungen zu: • Dem Namen deines Unternehmens oder deiner Website • Dem Ton (formell, informell, freundlich) • Themen, über die der Chatbot sprechen darf oder nicht • Bestimmte Informationen, die immer erwähnt werden sollen Beispiel: "Du bist der Kundenservice-Assistent der Goldenen Bäckerei. Antworte immer auf Deutsch, sei freundlich und verweise bei Beschwerden an info@goldenebäckerei.de."
Tipps
  • Halte deinen System-Prompt kurz und spezifisch für die besten Ergebnisse.

Chatbot auf deiner Website platzieren

Der Chatbot wird über den Page Builder auf deiner Website platziert: 1. Öffne eine Seite im Editor 2. Füge den Block "ChatbotSection" hinzu 3. Der Chatbot erscheint als schwebender Button auf dieser Seite Du musst den Block nur auf einer Seite hinzufügen – der Chatbot ist dann auf dieser Seite verfügbar. Möchtest du den Chatbot auf mehreren Seiten? Füge den Block auf jeder gewünschten Seite hinzu.

Aussehen anpassen

Du kannst das Aussehen des Chatbots vollständig anpassen: • Buttonfarbe – die Hintergrundfarbe des Chatbot-Buttons • Symbol – wähle aus verschiedenen Chatbot-Symbolen • Position – unten rechts oder unten links auf der Seite • Blasen-Stil – die Form des Chat-Buttons (rund, abgerundet) • Chatbreite – wie breit das Chatfenster ist Alle Stil-Einstellungen findest du in den ChatbotSection-Einstellungen im Page Builder.

Wissensdatenbank (RAG)

Mit der Wissensdatenbank kannst du PDF-Dokumente als zusätzliche Informationsquelle für den Chatbot hochladen. Der Chatbot verwendet diese Dokumente als Kontext bei der Beantwortung von Fragen. So funktioniert es: 1. Gehe zu Chatbot-Einstellungen → Wissensdatenbank 2. Lade eine PDF hoch (max. 10 MB) 3. Das Dokument wird automatisch verarbeitet und indexiert 4. Der Chatbot verwendet den Inhalt bei relevanten Fragen Du kannst mehrere Dokumente hochladen und sie einzeln löschen.

Was sind Chunks?

Chunks sind kleine Textstücke, in die deine Dokumente und Website-Seiten automatisch aufgeteilt werden. Stell dir vor, du hast ein Buch: Anstatt das ganze Buch zu durchsuchen, schneidet das System es in handliche Absätze. Wenn ein Besucher eine Frage stellt, durchsucht der Chatbot diese Chunks, um die relevantesten Informationen zu finden. Je mehr Chunks du hast, desto mehr Wissen steht dem Chatbot zur Verfügung. Du siehst die Anzahl der Chunks bei: • Chatbot-Nutzung → RAG-Chunks (gesamt) • Wissensdatenbank → pro Dokument • Website-Inhalte → pro indexierter Seite
Tipps
  • Mehr Chunks = bessere Antworten, aber auch mehr Speicherverbrauch.
  • Lösche veraltete Dokumente, um Speicherplatz freizugeben.

Anzeigemodus: seitenweit oder pro Seite

Du kannst wählen, wie der Chatbot auf deiner Website erscheint: • Seitenweit — Der Chatbot erscheint automatisch auf allen Seiten. Ideal, wenn du überall denselben Chatbot möchtest. • Pro Seite — Füge den Chatbot-Block manuell im Page Builder auf bestimmten Seiten hinzu. Nützlich, wenn du den Chatbot nur auf bestimmten Seiten zeigen möchtest. Diese Einstellung findest du unter Chatbot-Einstellungen → Anzeigemodus.

Chat-Stile (Vorlagen)

Wähle einen visuellen Stil für das Chat-Fenster, der zu deiner Marke passt: • Default — Sauberer, neutraler Stil • WhatsApp — Grüne Blasen, vertrauter Chat-Look • Facebook Messenger — Blaue Blasen • Microsoft Teams — Lila Business-Stil • Minimal — Schlicht und minimalistisch • Neon — Auffällig mit Neonfarben • Glassmorphism — Moderner transparenter Glaseffekt Den Stil kannst du in den Chatbot-Einstellungen oder pro Seite im Chatbot-Block festlegen.

Widget-Daten

Mit Widget-Daten kannst du die Inhalte deiner aktiven Widgets (wie Vermietung, Webshop, Menü, Stellenangebote, Reservierungen und Immobilien) automatisch für den Chatbot indexieren. Dadurch kann der Chatbot Fragen beantworten zu z.B.: • Preise und Verfügbarkeit deiner Mietimmobilie • Produkte und Lagerbestand in deinem Webshop • Gerichte, Allergene und Preise auf deiner Speisekarte • Offene Stellenangebote und Anforderungen • Reservierungsmöglichkeiten und Veranstaltungen • Immobilienangebote und Merkmale So funktioniert es: 1. Gehe zu Chatbot-Einstellungen → Wissensdatenbank 2. Scrolle zu 'Widget-Daten' 3. Klicke auf 'Widget-Daten indexieren' 4. Die Daten werden verarbeitet und als Chunks gespeichert Widget-Daten werden nicht automatisch aktualisiert. Nach Änderungen an deinen Widget-Inhalten musst du erneut indexieren.
Tipps
  • Indexiere Widget-Daten nach Änderungen an Preisen, Produkten oder anderen Widget-Inhalten erneut.
  • Widget-Daten verwenden dieselben RAG-Chunks wie Dokumente und Website-Inhalte.

Testen

Teste deinen Chatbot, bevor Besucher ihn sehen: 1. Gehe zu Chatbot-Einstellungen 2. Nutze den Testbereich am Ende der Seite 3. Tippe eine Testnachricht und überprüfe die Antwort 4. Passe bei Bedarf den System-Prompt oder das Modell an Die Testfunktion verwendet dieselben Einstellungen wie der Live-Chatbot, einschließlich Wissensdatenbank-Dokumente und Widget-Daten.
Hinweis
  • Änderungen an den Chatbot-Einstellungen werden sofort auf deiner Live-Website wirksam.

Rufen Sie uns an