Website und Chatfenster

Das Chatfenster erscheint auf Ihrer Website, nachdem Sie einmal Code eingefügt haben: Der Besucher klickt auf die Schaltfläche in der Ecke der Seite und schreibt Ihnen, und die Nachricht kommt in den „Tickets" an.

Support-Website

Eine Support-Website ist eine Karte im Konto, die das Chatfenster, die Kanäle und die Tickets eines Projekts zusammenfasst. Die erste Website legt das Konto bei der Aktivierung des Produkts an. Wenn Sie dabei die Adresse Ihrer Website angegeben haben, ist sie bereits auf der Registerkarte „Domains" eingetragen.

Eine weitere Support-Website legen Sie unter „Kundensupport" → „Websites" → „Website erstellen" an:

die „Bezeichnung" sehen nur Sie und Ihre Kollegen;
„Locales" sind die Sprachen der Website, die „Haupt-Locale" ist die Standardsprache;
„Präfix der Ticketnummern": Mit dem Präfix SHOP sehen die Nummern so aus: SHOP-10452;
„Shop" ist optional: Eine Website mit Shop betreuen auch die Mitarbeiter dieses Shops. Nach dem Anlegen lässt sich der Shop nicht mehr ändern.

Legen Sie für jedes Projekt oder jede Marke eine eigene Support-Website an: Sie hat ihren eigenen Code für das Chatfenster, eigene Kanäle und eigene Ticketordner. Wie viele Websites Sie anlegen können, hängt vom Tarif ab.

So binden Sie das Chatfenster ein

Öffnen Sie die Support-Website und die Registerkarte „Widget".
Klicken Sie unten in der Karte „Einbettungscode" auf „Einbettungscode kopieren".
Fügen Sie den Code in das HTML der Seiten ein, auf denen das Chatfenster erscheinen soll — am einfachsten in die gemeinsame Vorlage der Website, wie den Zähler von Yandex Metrica.
Öffnen Sie die Registerkarte „Domains", klicken Sie auf „Host hinzufügen", wählen Sie die Art „Seite mit Widget" und geben Sie die Adresse der Website an, zum Beispiel shop.example.ru. Alle Subdomains deckt die Maske *.example.ru ab.

Sind Hosts angegeben, öffnet sich das Chatfenster nur auf deren Seiten, und eine fremde Website mit Ihrem Code zeigt es nicht an.

Wenn Ihre Website Skripte von Drittanbietern mit einer Content Security Policy (CSP) einschränkt, erlauben Sie darin https://help.invoicebox.ru für script-src, connect-src und frame-src.

So prüfen Sie, ob das Fenster funktioniert

Öffnen Sie eine Seite Ihrer Website: In der Ecke erscheint die Schaltfläche des Chatfensters. Klicken Sie darauf, öffnen Sie den Chat und senden Sie eine Testnachricht. Sie erscheint unter „Kundensupport" → „Tickets" mit dem Status „Neu". Antworten Sie darauf — die Antwort kommt im selben Chatfenster an.

Keine Schaltfläche zu sehen? Prüfen Sie drei Dinge:

auf der Registerkarte „Widget" ist der Schalter „Widget eingeschaltet" aktiv;
der Code ist genau auf dieser Seite eingefügt;
der Host der Seite ist auf der Registerkarte „Domains" eingetragen.

Ist für die Support-Website eine Cookie-Richtlinie hinterlegt, zeigt das Fenster zuerst ein Cookie-Banner und die Chat-Schaltfläche erst nach der Antwort des Besuchers.

Einstellungen des Chatfensters

Alles, was der Besucher sieht, stellen Sie auf der Registerkarte „Widget" ein. Änderungen werden wirksam, sobald Sie auf „Speichern" klicken.

„Schaltfläche" — Ecke der Seite, Abstände zu den Rändern und „Schaltflächenanimation": Mit „Pulsieren" gehen von der Schaltfläche Wellen aus, bis der Besucher den Chat öffnet.
„Chatfenster" — Hintergrund, „Titel", „Untertitel" und „Begrüßung". Ist der Untertitel leer, zeigt das Fenster, wie schnell Sie normalerweise antworten — sobald genug Tickets für eine Statistik vorliegen.
„Schnellfragen" — fertige Formulierungen: Der Besucher sendet sie mit einem Klick an den Operator. Fragen mit fertiger Antwort richten Sie separat ein — KI-Assistent und häufige Fragen.
„Name und E-Mail des Besuchers" — nicht abfragen, nach der ersten Nachricht anbieten oder vor ihr verlangen. Die E-Mail ist nützlich, wenn der Besucher die Seite schließt, bevor Sie antworten.
„Anmeldung mit Invoicebox ID" — schalten Sie sie nur ein, wenn die Besucher Ihrer Website Invoicebox-Nutzer sind.
„Tools für KI-Agenten (WebMCP)" — das Chatfenster ist für KI-Agenten im Browser des Besuchers verständlich. Mehr dazu — KI-Agenten auf Ihrer Website.
„Schaltflächenmenü" — was sich über die Schaltfläche öffnet: Chat, Telegram, MAX, VK, Telefon, E-Mail, ein Hilfeartikel oder ein Link. Die Punkte „Telegram-Bot der Website" und „MAX-Bot der Website" führen zu dem Bot, den Sie auf der Registerkarte „Kanäle" verbunden haben.

Farben, Logo und Symbol des Fensters legen Sie auf der Registerkarte „Marke" fest. Hat die Website mehrere Sprachen, wechseln Sie die Sprache über den Blöcken der Registerkarte „Widget" und übersetzen Sie die Texte des Fensters, des Cookie-Banners und des Menüs.

Personenbezogene Daten und Cookies

Geben Sie auf der Registerkarte „Allgemein" im Block „Personenbezogene Daten" Links zu den Dokumenten Ihrer Website an:

„Richtlinie zur Verarbeitung personenbezogener Daten" — ohne sie fragt das Chatfenster nicht nach Name und E-Mail, und Anfragen aus Formularen auf der Website werden nicht angenommen;
„Einwilligungstext" — wenn Ihre Einwilligung ein eigenes Dokument ist;
„Cookie-Richtlinie" — mit ihr zeigt das Fenster zuerst ein Cookie-Banner. Aussehen und Text des Banners legen Sie im Block „Cookie-Banner" der Registerkarte „Widget" fest.

Die Einwilligung zur Verarbeitung personenbezogener Daten kreuzt der Besucher im Fenster selbst an. Eine eigene Formulierung der Einwilligung können Sie auf der Registerkarte „Widget" festlegen — die Links zu den Dokumenten fügt das Fenster selbst hinzu.

Noch Fragen? Schreiben Sie an c-support@invoicebox.ru oder rufen Sie an: +7 (812) 448-08-01 (9:00–21:00 Uhr Moskauer Zeit).