ChatLab bietet zwei Möglichkeiten, einen Chatbot zu Ihrer Website hinzuzufügen: als Widget oder als Iframe. Beide nutzen denselben Chatbot mit denselben Trainingsdaten und Einstellungen, unterscheiden sich jedoch darin, wie der Chatbot auf Ihrer Seite dargestellt wird.
Widget
Das Widget fügt ein Chat-Symbol an einer festen Position auf Ihrer Seite ein (standardmäßig unten rechts). Besucher klicken auf das Symbol, um ein Chat-Popup zu öffnen. Das Chat-Fenster kann jederzeit wieder auf das Symbol minimiert werden.
Wichtigste Merkmale:
- Wird als Launcher-Symbol in der Bildschirmecke angezeigt
- Öffnet sich als Popup, wenn Besucher auf das Symbol klicken
- Bleibt auf allen Seiten verfügbar, auf denen der Code installiert ist
- Unterstützt Anpassungen der Symbolposition, des automatischen Öffnens, von Begrüßungsnachrichten-Bubbles und des minimierten Anzeigemodus (Settings > Appearance (Einstellungen > Erscheinungsbild))
Iframe
Das Iframe bettet den Chatbot direkt in Ihren Seiteninhalt ein. Das Chat-Fenster ist immer sichtbar und kann von anderen Elementen auf der Seite umgeben sein.
Haupteigenschaften:
- Immer sichtbar auf der Seite, ohne dass ein Icon angeklickt werden muss
- In den Seitenfluss eingebettet, zusammen mit anderen Inhalten
- Anpassbare Größe - Sie können die Attribute
widthundheightim Einbettungscode anpassen, damit sie zu Ihrem Layout passen - Ideal für dedizierte Seiten, auf denen der Chatbot ein zentrales Element darstellt, wie etwa eine Support-Seite oder Landingpage
Wo Sie Widget oder Iframe auswählen
- Wählen Sie Ihren Chatbot im Dashboard aus
- Klicken Sie auf den Tab Deploy (Bereitstellen)
- Wählen Sie HTML Code und anschließend den Tab Widget oder Iframe, um den entsprechenden Embed-Code anzuzeigen
- Klicken Sie auf Copy to clipboard (In die Zwischenablage kopieren). Fügen Sie den Widget-Code in den Website-Header oder den Skriptbereich Ihrer Plattform ein; platzieren Sie den Iframe-Code im Body-Bereich der Seite dort, wo der Chat erscheinen soll.
- Veröffentlichen Sie die Seite, öffnen Sie sie auf dem Desktop sowie mobil und senden Sie eine Testnachricht.
Beide Modi ausprobieren
Sie können eine Vorschau beider Modi anzeigen, ohne Code einzubetten. Suchen Sie auf dem Tab Übersicht (Overview) die Zeile Ausprobieren & teilen (Try out & share) und klicken Sie auf einen der beiden Links:
- Als dauerhaft geöffneter Frame (As always-open frame) - öffnet den Chatbot im iframe-Modus
- Als aufklappbares Widget (As openable widget) - öffnet den Chatbot im Widget-Modus mit dem Launcher-Symbol
Jede Zeile enthält außerdem einen Link QR-Code (QR Code), der einen scannbaren Code für dieselbe URL öffnet, sodass Sie den Chatbot auf Ihrem Smartphone testen können, indem Sie ihn mit der Kamera scannen.
Weitere Informationen zum Teilen dieser Vorschaulinks finden Sie unter Einen Link zu Ihrem Chatbot senden.
Was sollte ich wählen?
- Wählen Sie das Widget, wenn Sie möchten, dass der Chatbot auf jeder Seite verfügbar ist, ohne Platz auf dem Bildschirm einzunehmen. Besucher können den Chat öffnen, wenn sie Hilfe benötigen, und ihn wieder schließen, wenn sie fertig sind.
- Wählen Sie das Iframe, wenn der Chatbot ein sichtbarer Bestandteil eines bestimmten Seitenlayouts sein soll, z. B. in einem Hilfebereich, auf einer Kontaktseite oder auf einer Produktseite, auf der der Chatbot immer zur Interaktion bereitsteht.