Chat-Widget auf der Website einbauen

Code kopieren

Öffne im Backend die Seite „Integration“ und kopiere den Code aus „Website-Einbettung“. Füge ihn auf jeder Seite deiner Website vor </body> ein:

<script src="{API}/static/aics-widget.js" data-key="pk_xxx" data-api="{API}" async></script>

data-key ist dein öffentlicher Key; er ist im Code bereits für dich eingetragen. Speichere die Änderung und lade deine Website neu – unten rechts erscheint dann der Kundenservice-Button.

Wenn du Shopify verwendest, musst du den Theme-Code nicht ändern; siehe Shopify und WeChat Mini Program einbinden.

Erlaubte Websites für die Einbettung registrieren

Trage auf der Seite „Integration“ unter „Erlaubte Websites für die Einbettung“ deine Website-Adressen ein, eine pro Zeile, jeweils mit https://, zum Beispiel:

https://shop.example.com
https://www.example.com

Nach dem Eintragen können andere Websites deinen Kundenservice selbst dann nicht verwenden, wenn sie deinen öffentlichen Key erhalten. Vor dem Livegang unbedingt ausfüllen.

Gängige Optionen

• Dunkles Design: Füge beim Script data-theme="dark" hinzu.
• Mehrsprachige Websites: Füge data-language="auto" hinzu; das Kundenservice-Fenster wechselt dann mit der Sprache der Seite.
• Eigene Schaltfläche „Kundenservice kontaktieren“: Rufe AICS.open() auf, um das Chatfenster zu öffnen.

AI angemeldete Kunden erkennen lassen

Damit AI Kunden bei Bestellungen helfen und Bestellungen aufgeben kann, muss AI wissen, wer der Kunde ist. Dieser Schritt erfordert, dass dein Entwicklungsteam auf dem Server ein Token ausstellt; die Vorgehensweise findest du in der Entwicklerdokumentation Angemeldete Kunden erkennen. Ohne diesen Schritt kann AI weiterhin Fragen beantworten und Produkte empfehlen, aber keine Bestellungen einsehen.