Anleitung zur Integration unseres Chat Widgets
Integrieren Sie unser Chat-Widget in Ihre Website
Es gibt zwei Möglichkeiten, das Chat-Widget zu integrieren
Via JavaScript-Header-Skript
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>Spracheinstellung für die iFrame-Integration
Sie können die Sprache von amberaiwidget steuern, indem Sie den URL-Parameter appLanguage an den src-Wert des iframe übergeben. Dies ist optional und akzeptiert die Werte de oder en für Deutsch bzw. Englisch. Wenn dieser Parameter nicht übergeben wird, wird die Sprache von der Standardsprache des Browsers übernommen.
Beispiele:
Die Englische Version für die Integration unseres Chat Widgets ist hier zu finden.