Revo ChatRevo Chat
Kostenlos testen

Erste Schritte

Fügen Sie das Widget zu Ihrer Website hinzu, passen Sie es an Ihre Marke an und begrüßen Sie Ihren ersten Besucher.

Widget zur Website hinzufügen

Fügen Sie eine Codezeile in Ihre Website ein; die Installation wird automatisch geprüft.

Kopieren Sie den Code unter Einstellungen → Installation in Ihrem Dashboard und fügen Sie ihn auf jeder Seite Ihrer Website direkt vor dem </body>-Tag ein. Das Script lädt asynchron und verlangsamt Ihre Seiten daher nicht.

HTML
<script src="https://revochat.app/widget.js"
        data-revo-chat="YOUR_SITE_KEY" async></script>

Öffnen Sie nach dem Einfügen des Codes einfach einmal Ihre Website: Sobald sich das Widget zum ersten Mal von Ihrer Domain aus verbindet, hakt sich der Schritt im Bildschirm „Einrichtung“ automatisch ab. Sie müssen dafür keine Schaltfläche drücken.

Das Öffnen der von uns gehosteten Chat-Seite (revochat.app/chat/…) zählt nicht als Installation – dieser Schritt bestätigt nur, dass das Widget wirklich auf Ihrer eigenen Website läuft.
  • WordPress: Design → Theme-Datei-Editor → footer.php oder ein beliebiges Plugin zum Einfügen von Header-/Footer-Code.
  • Shopify: Onlineshop → Themes → Code bearbeiten → theme.liquid, vor </body>.
  • Wix / Squarespace: das Feld für benutzerdefinierten Code in den Website-Einstellungen, angewendet auf alle Seiten.
  • Next.js / React: als <script> im Root-Layout, mit defer/async.

Aus Datenschutzgründen (KVKK/DSGVO) erfasst das Widget nichts, bis der Besucher die Chat-Blase öffnet: Er erscheint nicht in der Liste der Live-Besucher, Seitenaufrufe werden nicht verfolgt, und im Browser wird keine dauerhafte ID gespeichert. Die Blase ist trotzdem sichtbar, und der Chat startet ganz normal, sobald der Besucher sie öffnet.

Wenn Sie ein Cookie-Consent-Tool verwenden (Cookiebot, CookieYes, Google Consent Mode…), führen Sie den folgenden Aufruf aus, sobald der Besucher zustimmt; bei Besuchern mit Einwilligung funktionieren Tracking und proaktive Nachrichten schon vor Chatbeginn. Wird die Einwilligung widerrufen, löscht consent(false) die dauerhafte ID.

JavaScript
RevoChat.consent(true);   // Einwilligung erteilt
RevoChat.consent(false);  // Einwilligung widerrufen

Wenn Sie Ihre Mitglieder mit RevoChat.identify identifizieren, aktivieren Sie die Identitätsprüfung: Erstellen Sie unter Einstellungen → Installation → Identitätsprüfung ein Secret, bewahren Sie es nur auf Ihrem Server auf und signieren Sie dort die E-Mail. Eine signierte E-Mail erhält im Dashboard ein grünes Häkchen, und Webhooks enthalten visitorEmailVerified: true. Eine nicht signierte E-Mail (auch eine, die der Besucher selbst eingegeben hat) wird gespeichert, gilt aber als nicht verifiziert.

Node.js
const hash = crypto.createHmac("sha256", IDENTITY_SECRET).update(member.email).digest("hex");
// auf der Seite:
RevoChat.identify({ email: member.email, name: member.name, hash });
Auf Seiten, für die Ihnen die Einwilligung bereits vorliegt (z. B. nach der Anmeldung eines Mitglieds), können Sie dem Script-Tag data-consent="granted" hinzufügen. Wenn Sie lieber alle Besucher ohne Einwilligung erfassen möchten, gibt es unter Einstellungen → Zeiten & Routing → Datenschutz die Option „Besucher vor Chatbeginn erfassen“; in diesem Fall muss der Cookie-Hinweis Ihrer Website dies abdecken.

Darstellung des Widgets anpassen

Farbe, Position, Begrüßungsnachricht, Sprache und FAQ-Chips.

Unter Einstellungen → Darstellung passen Sie das gesamte Widget an Ihre Marke an. Änderungen sind sofort nach dem Speichern live – Sie müssen den Code nicht erneut einfügen.

  • Markenfarbe: damit Chat-Blase und Nachrichtenblasen zu Ihrer Marke passen.
  • Position der Chat-Blase: unten rechts (Standard) oder unten links – falls unten rechts auf Ihrer Website bereits etwas anderes sitzt.
  • Begrüßungsnachricht: die erste Zeile, die Besucher beim Öffnen des Chats sehen.
  • Offline-Nachricht: wird angezeigt, wenn kein Agent verfügbar und der KI-Assistent deaktiviert ist.
  • Widget-Sprache: automatisch anhand der Browsersprache des Besuchers oder fest eingestellt (Englisch, Türkisch, Spanisch, Portugiesisch, Deutsch, Französisch, Italienisch, Niederländisch, Russisch).
  • Häufige Fragen: erscheinen als Chips auf dem Begrüßungsbildschirm; klickt ein Besucher darauf, startet der Chat mit dieser Frage.
Um die Sprache auf einer einzelnen Seite festzulegen, fügen Sie dem Script-Tag data-lang="en" hinzu.

Verhindern, dass andere Ihr Widget auf ihrer Website nutzen

Binden Sie Ihren Einbettungsschlüssel mit der Liste zulässiger Domains an Ihre eigenen Websites.

Ihr Einbettungsschlüssel ist für jeden im Seitenquelltext sichtbar – das ist normal und nicht als Geheimnis gedacht. Wenn Sie aber nicht möchten, dass jemand den Schlüssel kopiert und auf seiner eigenen Website verwendet, füllen Sie Einstellungen → Installation → Zulässige Domains aus.

  • Solange die Liste leer ist, gibt es keine Einschränkung (die Funktion ist optional).
  • Mit Kommas trennen: site.com, shop.site.com
  • Platzhalter werden unterstützt: *.site.com umfasst alle Subdomains sowie site.com selbst.
  • Verbindungen von Adressen, die nicht in der Liste stehen, werden abgelehnt; der Besucher sieht keinen Fehler, das Widget wird einfach nicht angezeigt.

Eine fertige Chat-Seite, wenn Sie keine Website haben

Bieten Sie Support über einen teilbaren Link an – ganz ohne Code.

Jede Website hat ihre eigene eigenständige Chat-Seite. Setzen Sie den Link in Ihr Social-Media-Profil, Ihre E-Mail-Signatur oder einen QR-Code; klickt ein Besucher darauf, öffnet sich ein Vollbild-Chat, und die Konversation landet im selben Posteingang.

Link
https://revochat.app/chat/YOUR_SITE_KEY

Weitere Themen