Live-Chat
Platziere ein Chat-Widget auf deiner eigenen Website, damit Besucher dich in Echtzeit erreichen. Ein Chat ist eine ganz normale Unterhaltung in deinem Posteingang — er beginnt nur schneller.
Der Live-Chat wird unter Projekteinstellungen aktiviert und erscheint nur, wenn private Nachrichten für das Projekt aktiviert sind.
- Derselbe Posteingang: Ein Chat wird zu einem Vorgang neben deinen E-Mail- und Portalunterhaltungen. Antworte mit demselben Editor, füge dieselben Textbausteine ein, schließe ihn genauso ab.
- Nichts bleibt liegen: Besucher hinterlassen vor ihrer ersten Nachricht eine E-Mail-Adresse, sodass ein nicht sofort beantworteter Chat sie trotzdem per E-Mail erreicht.
- Von deiner eigenen Domain ausgeliefert: Das Widget kommt von deiner Portal-Subdomain oder deiner eigenen Domain — kein fremdes Chat-Skript in den Browsern deiner Kundschaft.
- Tarifgrenzen: Live-Chat ist in Pro und Team enthalten. Pro
Aktivieren
- Öffne Einstellungen in der Projekt-Seitenleiste
- Stelle sicher, dass Private Nachrichten aktiviert ist — ein Chat ist eine Unterhaltung in diesem Posteingang und funktioniert ohne ihn nicht
- Aktiviere Live-Chat
- Scrolle zu Live-Chat-Widget und kopiere den Code-Schnipsel
Der Schalter ist bei jedem Projekt zunächst aus, auch bei neuen. Eine Chat-Blase sagt deinen Besuchern, dass jemand da ist — deshalb wartet SupDesk, bis du es sagst.
Widget auf deiner Website einbinden
Füge den Schnipsel in das HTML deiner Website ein, irgendwo vor </body>:
<script src="https://acme.supdesk.app/chat.js"
data-supdesk-chat
data-title="Chat mit Acme" async></script>Das Skript ergänzt einen schwebenden Button in der Ecke der Seite. Die Unterhaltung selbst wird erst geladen, wenn die Seite ansonsten fertig ist — ein Besucher, der nie klickt, zahlt also so gut wie nichts dafür.
Die Origin des Widgets und Ihre eigene Domain müssen die gleiche Root-Domain teilen. Die
Konsole erzeugt den Codeschnipsel immer mit Ihrer aktiven Portal-Origin, daher ist ein
Codeschnipsel, der nach der Einrichtung Ihrer eigenen Domain kopiert wurde, direkt nutzbar. Wenn
Sie den Codeschnipsel zuerst von Ihrer *.supdesk.app-Subdomain kopieren und später eine eigene
Domain hinzufügen, werden Anfragen auf die eigene Domain umgeleitet — und der Loader akzeptiert
diese Umleitung nur, wenn beide eine Root-Domain teilen (z. B. feedback.apibot.dev und
www.apibot.dev liegen beide auf apibot.dev). Liegt Ihre eigene Domain auf einer anderen Root,
kopieren Sie den Codeschnipsel erneut aus der Konsole.
Das ist ein anderer Loader als bei Embeds, die embed.js verwenden. Ein
Embed setzt ein Formular an die Stelle des Tags; der Chat-Button schwebt über der Seite und öffnet
ein Panel. Tausche die Skripte nicht gegeneinander aus.
Attribute
| Attribut | Erforderlich | Beschreibung |
|---|---|---|
data-supdesk-chat | ja | Kennzeichnet das Tag als Chat-Loader. Kein Wert nötig |
data-title | nein | Zugängliche Bezeichnung für Button und Frame. Standard: Chat with us |
data-position | nein | right (Standard) oder left — in welcher Ecke der Button sitzt |
Das Widget übernimmt automatisch die Markenfarbe deines Projekts und wird auf schmalen Bildschirmen bildschirmfüllend, damit das Eingabefeld auf dem Smartphone nicht abgeschnitten wird.
Anders als die Formular-Embeds gibt es keinen <noscript>-Rückfall. Eine Unterhaltung braucht
JavaScript, und Besuchern ohne JavaScript bleiben weiterhin dein
Kontaktformular und dein Portal.
Auf deinem Portal
Wenn du deine eigene Website nicht anfassen möchtest: Dasselbe Chat-Panel erscheint auf deinem SupDesk-Portal, sobald der Live-Chat aktiviert ist — ganz ohne Schnipsel. Portalbesucher, die bereits angemeldet sind, überspringen die E-Mail-Abfrage, weil du schon weißt, wer sie sind.
Einen Chat beantworten
Chats erscheinen wie jede andere Unterhaltung unter Nachrichten, mit einem Chat-Abzeichen in der Zeile:
- Grün — die Unterhaltung läuft und es ist nichts offen
- Gelb — der Besucher wartet; seine letzte Nachricht ist seit einigen Minuten unbeantwortet
Mit dem Filter Aktive Chats über der Liste siehst du nur die laufenden Unterhaltungen. Die Zahl daneben ist die Anzahl der aktuell offenen.
Innerhalb einer Unterhaltung zeigt die Kopfzeile, ob der Chat läuft, wartet oder beendet ist; solange er läuft, erscheint die Schaltfläche Chat beenden.
Einen Chat beenden
Chat beenden schließt die Live-Sitzung — das Widget des Besuchers bietet kein Eingabefeld mehr und sagt, wo die Unterhaltung zu finden ist. Der Vorgang wird dadurch nicht geschlossen:
- die Unterhaltung bleibt in deinem Posteingang und im Nachrichtenverlauf der Kundschaft
- du kannst weiterhin antworten, und deine Antwort erreicht sie per E-Mail
- sie können auf diese E-Mail antworten, und das landet wieder in derselben Unterhaltung
Nutze Schließen (den Vorgangsstatus), wenn die ganze Unterhaltung erledigt ist, und Chat beenden, wenn nur der Live-Teil vorbei ist.
Chats ohne Nachricht von beiden Seiten enden nach 24 Stunden von selbst, damit niemand vor einem Chat-Fenster sitzt, hinter dem niemand steht.
„Wir sind online“
Das Widget meldet nur dann „online“, wenn ein Teammitglied den Bereich Nachrichten tatsächlich geöffnet hat — innerhalb der letzten fünf Minuten. Es gibt keinen Zeitplan zu konfigurieren und keinen Status, an dessen Umstellung man denken müsste: Schaut niemand in den Posteingang, sagt das Widget, dass ihr so schnell wie möglich antwortet — und das stimmt dann auch.
Was es auf deinen Tarif anrechnet
Ein Chat verbraucht eine Einreichung aus deinem monatlichen Kontingent, gezählt beim Senden der ersten Besuchernachricht — genau wie eine Kontaktformular-Einreichung, egal wie lange die Unterhaltung danach läuft. Das Widget zu öffnen und ohne Eingabe wieder zu schließen kostet nichts.
Benachrichtigungen
Die erste Nachricht eines Chats benachrichtigt dein Team überall: Slack, Webhooks, Push und E-Mail an Mitglieder mit sofortigen Benachrichtigungen. Jede weitere Nachricht bleibt bei Slack, Webhooks und Push.
Diese Aufteilung ist Absicht. Ein Chat besteht aus vielen kurzen Zeilen, und eine E-Mail pro Zeile würde dein Team dazu bringen, ausgerechnet die Adresse zu filtern, über die auch echte Ticket-Benachrichtigungen kommen.
Datenschutz
Die Unterhaltung jedes Besuchers bleibt auf dessen Browser und dein Projekt beschränkt. Das Widget speichert seine Sitzung in seinem eigenen Frame, den Browser pro Website isolieren — eine Seite, die dein Widget unerlaubt einbettet, bekommt einen leeren Chat, niemals die Unterhaltung einer anderen Person. Es werden keine Drittanbieter-Cookies gesetzt.
Tarifgrenzen
| Tarif | Live-Chat |
|---|---|
| Free | Nicht enthalten |
| Pro | Enthalten |
| Team | Enthalten |
Wer darf was
| Aktion | Owner | Admin | Member |
|---|---|---|---|
| Auf einen Chat antworten | ✓ | ✓ | ✓ |
| Einen Chat beenden | ✓ | ✓ | ✓ |
| Live-Chat ein- oder ausschalten | ✓ | ✓ | — |