Mira-Chat auf deiner Website einbinden

Das Mira-Website-Chat-Widget bringt deinen KI-Assistenten auf deine eigene Website. Besucher können Fragen stellen, Antworten aus deiner Wissensdatenbank erhalten, sich selbst qualifizieren und einen Termin buchen, ohne den Chat zu verlassen. Jeder Besucher, der seine Daten teilt, wird als Lead erfasst. So wird aus einem Gespräch direkt eine Buchung oder ein Follow-up.

Eingerichtet wird das Widget im Tab Website-Widget der Mira-Konsole. Eine Live-Vorschau zeigt dir bei jeder Änderung genau, wie das Widget für deine Besucher aussieht.

Gehe zur Mira-Konsole und öffne den Tab Website-Widget.
Schalte das Widget ein.
Richte Aussehen, Verhalten und Compliance ein (siehe unten).
Füge deine Domains hinzu und installiere den Einbettungscode.

Mira selbst muss für dein Unternehmen eingeschaltet sein, damit das Widget funktioniert. Der Widget-Tab zeigt einen grünen Punkt, wenn es live ist.

Aussehen

Passe das Widget an deine Marke an:

Assistentenname. Der Name oben im Chat, zum Beispiel „Acme Assistant“.
Akzentfarbe. Die Hauptfarbe des Widgets, verwendet für Starter und Schaltflächen.
Begrüßungsnachricht. Das Erste, was Besucher sehen, wenn sie den Chat öffnen.
Logo. Ein Bild oder Avatar für den Assistenten. Ohne Logo wird der Anfangsbuchstabe des Assistenten gezeigt.
Position des Starters. Unten rechts oder unten links auf der Seite.
Starter-Beschriftung. Optionaler Text neben der Starter-Schaltfläche, zum Beispiel „Chatte mit uns“. Lass das Feld leer für nur ein Symbol.
Starter-Symbol. Wähle ein Chat-, Funkel- oder Frage-Symbol oder lade dein eigenes Bild hoch.

Verhalten

Lege fest, was Mira für Besucher tun kann:

Aus deiner Wissensdatenbank antworten. Lass das Widget deine hochgeladenen Dateien und hinzugefügte Website durchsuchen, um Fragen zu beantworten. Siehe Mira mit Unternehmenswissen versorgen.
Besucher qualifizieren und weiterleiten. Stelle qualifizierende Fragen und leite jeden Besucher mit einem Routing-Formular zum richtigen Meeting-Typ.
Termine im Chat buchen. Lass Besucher freie Zeiten sehen und einen Meeting-Typ buchen, ohne den Chat zu verlassen. Schalte dies aus, um nur einen Buchungslink zu teilen.
Eigene Anweisungen. Beschreibe Rolle, Ton und alles, was der Assistent immer erwähnen soll. Du kannst von einer eingebauten Vorlage starten (Ton und Markenstimme, Leads qualifizieren, Support-Fragen beantworten oder zur Buchung motivieren).
Schnellaktionen. Antippbare Start-Prompts im leeren Chat, zum Beispiel „Demo buchen“. Füge bis zu sechs hinzu.
Begrüßungsblase. Eine kleine Nachricht neben dem Starter, die zum Chat einlädt.
Automatisch öffnen. Öffnet den Chat beim ersten Besuch nach einer kurzen, von dir gewählten Verzögerung von selbst.

Eigene Anweisungen prägen, wie Mira spricht, können aber keine neuen Werkzeuge oder Zugriff auf Daten gewähren, die du im Datenzugriff ausgeschaltet hast.

Datenschutz und Compliance

Das Widget spricht mit der Öffentlichkeit, daher halten dich ein paar Einstellungen DSGVO- und EU-AI-Act-konform:

KI-Hinweis anzeigen. Sagt Besuchern, dass sie mit einem KI-Assistenten chatten. Der EU AI Act (Artikel 50, ab August 2026) verlangt dies, sofern es nicht offensichtlich ist. Lass es also an.
Datenschutz-URL. Wird Besuchern als Link gezeigt. Lass das Feld leer, um die Datenschutzerklärung deines Kontos zu verwenden.
Impressum-URL. Ein optionaler Link zu deinem Impressum.
Transkript-Aufbewahrung. Bewahre das Chat-Transkript eines erfassten Leads für eine bestimmte Anzahl Tage auf, dann wird es geschwärzt. Der Lead selbst bleibt erhalten. Setze 0, um Transkripte unbegrenzt zu behalten.

Eine Datenschutzerklärung ist erforderlich, um Leads zu erfassen oder Termine im Chat zu buchen. Ohne sie beantwortet das Widget weiterhin Fragen, sammelt aber keine Besucherdaten.

Erlaubte Domains

Das Widget lädt nur auf den Domains, die du angibst (und deren Subdomains). Füge jede Website hinzu, auf der du es einbinden möchtest.

Füge mindestens eine Domain hinzu, sonst lädt das Widget nicht auf deiner Live-Website.

Auf deiner Website installieren

Speichere deine Einstellungen bei aktiviertem Widget, um deinen Einbettungscode zu erzeugen.
Kopiere im Bereich Auf deiner Website installieren den Code-Schnipsel.
Füge ihn in den HTML-Code deiner Seite ein, direkt vor dem schließenden </body>-Tag.

Der Schnipsel sieht so aus, mit deinem eigenen Einbettungsschlüssel bereits eingesetzt:

<script
  src="https://app.meetergo.com/mira-widget.js"
  data-mira-key="mira_pub_xxxxxxxx"
  async
></script>

Das war's. Das Widget erscheint als schwebender Starter auf jeder Seite, auf der der Schnipsel vorhanden und die Domain erlaubt ist.

Die Bedienelemente des Widgets (seine Barrierefreiheits-Beschriftungen) können der Browsersprache des Besuchers folgen. Deine eigenen Inhalte, etwa die Begrüßungsnachricht und die Starter-Beschriftung, werden immer genau so gezeigt, wie du sie geschrieben hast.

Erfasste Leads und Follow-ups

Wenn ein Besucher seine Daten teilt, erfasst Mira ihn als Lead. Darauf kannst du automatisch mit einem Workflow reagieren: Der Trigger Wenn ein Website-Chat-Lead erfasst wird lässt dich eine Follow-up-E-Mail senden, eine Aufgabe erstellen oder dein Team benachrichtigen. Siehe KI-Schritte in Workflows nutzen und deine Workflows-Übersicht.