Ü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

1. Gehe zu Channels → Chat-Widget → Installationscode
2. Kopiere den JavaScript-Snippet
3. 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

1. Gehe zu Online Store → Themes → Edit Code
2. Öffne theme.liquid
3. 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.com und wss://*.pusher.com

Wende dich dafür an die Person, die die Technik deiner Website betreut (Entwickler, Agentur oder den Support deines CSP-Tools).