BürgerBot
BürgerBot auf der Website einbinden
Den BürgerBot mit zwei Zeilen Code in eure Website einbauen – als Chat-Symbol, eingebettet oder mit eigenem Button.
- Trage unter Konfiguration → Webseiten für die Einbindung die Domains eurer Website ein.
- Kopiere im Admin Portal den Einbettungscode eures BürgerBots.
- Füge ihn vor dem schließenden
</body>-Tag in eure Website ein – im CMS meist als „HTML-Block“ oder im Seitenfuß.
Der Code sieht so aus (prompt-id und weitere Werte stehen im kopierten Code bereits richtig drin):
<script type="module" src="https://cdn.feazy.ai/widget/latest/chat-component.js"></script><chat-component prompt-id="DEINE-BOT-ID" base-url="https://api.feazy.ai" remote-config></chat-component>Mit remote-config lädt der BürgerBot seine Einstellungen aus dem Admin Portal. Änderungen an Begrüßung, Farben oder Schnellantworten sind damit sofort live.
Darstellung wählen
Abschnitt betitelt „Darstellung wählen“| Attribut / Einstellung | Wirkung |
|---|---|
| (Standard) | Chat-Symbol unten rechts, der Chat öffnet sich als Fenster. |
theme="dark" |
Dunkle Darstellung. |
high-contrast |
Startet im Modus mit hohem Kontrast. |
bubbleless |
Kein Chat-Symbol – du öffnest den Chat mit einem eigenen Button über element.openChat(). |
Beispiel für einen eigenen Button:
<button onclick="document.querySelector('chat-component').openChat()">Frag den BürgerBot</button><chat-component prompt-id="DEINE-BOT-ID" base-url="https://api.feazy.ai" remote-config bubbleless></chat-component>Feste Version für strenge Sicherheitsrichtlinien
Abschnitt betitelt „Feste Version für strenge Sicherheitsrichtlinien“latest liefert immer die aktuelle Version. Wenn eure Website eine strenge Content-Security-Policy oder Subresource Integrity verlangt, bindet stattdessen eine feste Version unter https://cdn.feazy.ai/widget/<Version>/chat-component.js mit dem passenden Integritäts-Hash ein. Die aktuellen Werte nennen wir euch gern.