Website-Chat-Widget: Installation & Einrichtung
Installiere das Bugalou Chat-Widget auf deiner Website und richte es ein, um mit Besuchern in Echtzeit zu kommunizieren.
Übersicht
Das Bugalou Chat-Widget ermöglicht es Website-Besuchern, dich direkt per Chat, WhatsApp oder anderen Kanälen zu kontaktieren. Navigiere zu Channels → Chat-Widget.
Installation
- Gehe zu Channels → Chat-Widget → Installationscode
- Kopiere den JavaScript-Snippet
- Füge ihn kurz vor dem schließenden
</body>-Tag deiner Website ein
WordPress-Installation
Verwende das Plugin „Header and Footer Scripts" oder füge den Code direkt in dein Theme ein (functions.php → wp_footer).
Shopify-Installation
- Gehe zu Online Store → Themes → Edit Code
- Öffne
theme.liquid - Füge den Code vor
</body>ein
Nach der Installation
Das Widget erscheint in der unteren rechten Ecke deiner Website. Konfiguriere Aussehen und Verhalten unter Channels → Chat-Widget → Einstellungen.
Widget funktioniert, aber ohne Live-Updates?
Wenn der Chat selbst funktioniert, Nachrichten aber langsam ankommen oder Status wie „Online"/„Tippt gerade" nicht angezeigt werden, blockiert möglicherweise die Content Security Policy (CSP) deiner Website unsere Echtzeit-Verbindung (Pusher). Das kommt vor allem bei individuell entwickelten Shops (z. B. Shopify Hydrogen) oder Seiten vor, bei denen eine Cookie-Consent-/Sicherheits-App die CSP verwaltet.
Öffne die Browser-Konsole (F12) — wenn eine Fehlermeldung erscheint, dass js.pusher.com durch deine CSP blockiert wird, füge Folgendes zu den CSP-Einstellungen deiner Website hinzu:
- script-src:
https://js.pusher.com - connect-src:
https://*.pusher.comundwss://*.pusher.com
Wende dich dafür an die Person, die die Technik deiner Website betreut (Entwickler, Agentur oder den Support deines CSP-Tools).