Weber AI Systems Demo

Eingebetteter Assistent

Ein Chat, der aus Ihren Dokumenten antwortet.

Diese Seite ist statisch — kein Anwendungsserver, keine Datenbank. Jede Nachricht geht an einen n8n-Workflow, der die Antwort erzeugt und zurückgibt. Probieren Sie es unten rechts.

Einbinden

Eine Zeile im <head> oder am Ende des <body>. Widget, Design und Verbindung kommen mit.

  1. Skript einfügen

    <script src="https://n8n-demo.weber-ai-systems.dphx.eu/embed/weber-chat.js" defer></script>

<weber-chat webhook="https://n8n.cluster.dphx.eu/webhook/4af602f1-e8c7-4f0c-856b-e08623232897"></weber-chat>

  2. Beschriftung anpassen

    Optional. label, description und open-on-start überschreiben die Vorgaben.

  3. Workflow freigeben

    Der Workflow muss die Domain der einbettenden Seite per CORS erlauben — sonst blockiert der Browser die Anfrage.

Farben

Die Styles liegen in einem Shadow-Root, CSS von außen greift also nicht hinein. CSS-Variablen schon — damit lässt sich das Widget überschreiben, hell und dunkel: 

weber-chat {
  --primary: #1a3f6c;
  --ink:     #0f1c28;
  --surface: #ffffff;
  --rule:    #c6d2dc;
}