Anleitung zur Integration unseres Chat Widgets

Integrieren Sie unser Chat-Widget in Ihre Website

Es gibt zwei Möglichkeiten, das Chat-Widget zu integrieren

  1. Via JavaScript-Header-Skript

  2. Via iFrame

Integration via JavaScript Header Script

Um eine Chat-Blase unten rechts auf Ihrer Website hinzuzufügen, fügen Sie dieses Skript-Tag zu Ihrem HTML-Code hinzu. Ersetzen Sie customerName durch die entsprechende Abkürzung. Die Chat-Blase wird dann in der unteren rechten Ecke der Seite angezeigt. Optionen zur Anpassung des Designs werden in Kürze unterstützt.

<script> window.embeddedAmberAIChatWidgetConfig = { domain: "https://customerName.ambersearch.de" } </script> <script src="https://customerName.ambersearch.de/chat-widget/js/chat.js"></script>

Integration via iFrame

Die iFrame-Integration bietet eine höhere Flexibilität für die End-to-End-Integration. Je nach Ihren Anforderungen können Sie entweder die Chat-Blase entsprechend den Stilen und dem Layout Ihrer Website erstellen oder den iFrame statisch in Ihrer Website platzieren.

<iframe src="https://customerName.ambersearch.de/amberaiwidget" title="amberAI Chatbot" style="height: 100%; width: 100%" frameborder="0"></iframe>

Einen bestimmten Agenten per iFrame einbinden

Statt des allgemeinen Chat-Widgets kannst du auch einen bestimmten Agenten einbinden, sodass der iFrame genau diesen Agenten mit seinen hinterlegten Quellen nutzt und nicht die allgemeine Suche.

So geht's:

  1. Geh zu deinem Agenten, klick auf die drei Punkte und kopiere den Share-Link.

  2. Hänge /chat ans Ende dieses Links an.

  3. Verwende diese URL als src deines iFrames, genau wie bei der normalen Widget-Einbindung.

Spracheinstellung für die iFrame-Integration

Die Englische Version für die Integration unseres Chat Widgets ist hier zu finden.