Chat-Widget für die Website: Layout wählen und einbinden
Ein Chat-Widget ist der Teil des Chats, den Ihre Besucher sehen: die Schaltfläche in der Ecke, das Feld innerhalb einer Seite oder ein Suchfenster. Die meisten Anleitungen zum Einbinden überspringen die erste Entscheidung, nämlich wo das Widget sitzen und wie es sich auf jeder Seite verhalten soll. Dieser Ratgeber behandelt beides. Er zeigt, wie Sie ein Layout wählen, das dazu passt, wie Ihre Besucher nach Antworten suchen, wie Sie das Widget mit einem Script-Tag in Ihre Website einbinden und was Sie prüfen sollten, bevor Sie es als fertig betrachten, auch auf Smartphones.
Schritt 1: Entscheiden, wo Besucher nach Antworten suchen
Denken Sie an Ihre Seiten, nicht an das Widget. Ein Käufer auf einer Produktseite möchte einen schnellen Chat in der Ecke. Ein Leser auf einer Preisseite möchte genau dort fragen, wo er ist. Wer in Ihrem Hilfebereich ist, möchte eine ganze Seite, und ein Entwickler in Ihrer Dokumentation ein Suchfeld, das er mit einem Klick öffnen kann. Notieren Sie Ihre drei meistbesuchten Seitentypen und was ein Besucher jeweils will, damit Ihre Layout-Wahl der Seite folgt.
Schritt 2: Ein Layout wählen
OneType bietet fünf Layouts für denselben Agenten, mit demselben Wissen und denselben Antworten: eine Chat-Blase, ein Starter in der Ecke, der ein Chat-Panel öffnet; ein Inline-Antwortfeld, ein Fragefeld innerhalb Ihrer Seite, das zu einer kurzen Unterhaltung wächst; eine Hilfeseite, ein ganzseitiger Chat für Hilfe- und Supportbereiche; eine Suchpalette, ein zentrierter Dialog, der über eine Schaltfläche geöffnet wird; und eine Dokumentations-Seitenleiste, eine Schublade am Seitenrand, die sich neben Ihrem Inhalt öffnet. Das Layout wählen Sie, wenn Sie eine der Chat-Vorlagen auswählen. Wenn Sie das Layout später wechseln, bleiben Name, Begrüßung und Einstiegsfragen Ihres Agenten gleich, und Sie trainieren nichts doppelt.
Schritt 3: Name, Begrüßung und Einstiegsfragen festlegen
Heute wählen Sie eine Vorlage und ergänzen Ihr Logo, Ihren Namen, Ihre Begrüßung und Ihre Einstiegsfragen. Nutzen Sie die Einstiegsfragen für die wichtigsten Fragen aus Ihrer Liste, damit Besucher häufige Antworten mit einem Klick erreichen. Halten Sie die Begrüßung kurz und sagen Sie, wobei der Chat helfen kann. Der Chat antwortet nur aus den Seiten und Dateien, die Sie ihm geben, mit einer nummerierten Quelle neben jedem Satz, prüfen Sie die Antworten also im Test-Chat, bevor das Widget live geht.
Schritt 4: Das Widget mit einem Script-Tag einbinden
Nach dem Start zeigt OneType Ihren Script-Tag zum Kopieren. Er gehört direkt vor das schließende Body-Tag, und dieselbe Zeile funktioniert überall, wo Sie eigenen Code hinzufügen können. Es müssen keine Plugins installiert werden. Wenn jemand anderes Ihre Website bearbeitet, öffnet ein Link eine E-Mail mit dem Snippet und der Anleitung, versandfertig an diese Person. Das Widget lädt nur auf den Domains, die Sie erlauben, sodass jeder, der Ihren Script-Tag auf eine andere Website kopiert, nichts erhält. Wenn Sie den Schritt „Go live“ nutzen, wird Ihre Domain für Sie hinzugefügt.
Schritt 5: Auf Desktop und Smartphone prüfen
Öffnen Sie Ihre veröffentlichte Website in einem neuen Tab, nicht die Editor-Vorschau. In der Ecke erscheint eine Chat-Schaltfläche, und innerhalb von etwa einer Minute zeigt OneType „Live on“ gefolgt von der Adresse Ihrer Website. Dafür müssen Sie den Chat nicht öffnen. Wenn nach zehn Minuten nichts angezeigt wird, prüfen Sie, ob die Zeile auf der veröffentlichten Seite steht, ob die Adresse eine erlaubte Domain ist, ob kein Werbeblocker oder keine Sicherheitsrichtlinie das Widget blockiert und ob Sie die Seite neu geladen haben. Testen Sie dann auf einem Smartphone: Der Chat öffnet sich auf Smartphones im Vollbild, außer dem Inline-Feld, das in Ihrer Seite bleibt. Stellen Sie eine Frage, die Ihre Seiten beantworten, und eine, die sie nicht beantworten.
Das Widget in Minuten einbinden
Sehen Sie die Layouts: Chat-Layouts, prüfen Sie die Installationsschritte, oder kostenlos starten.