Chatbot in eine Mobile App integrieren

Was ist die App-Integration – und warum ist sie sinnvoll?

Mit der Integration unseres Chatbots in deine mobile App ermöglichst du es deinen Nutzer*innen, direkt über die App mit dem Chatbot zu interagieren – ganz ohne zusätzliche Browser- oder Plattformwechsel. Dies bietet eine nahtlose User Experience, senkt die Einstiegshürde für Anfragen und fördert die Nutzung des Chatbots im alltäglichen Gebrauch.

Vorteile:

Verbesserter Zugang zum Chatbot über deine App
Konsistente Nutzererfahrung innerhalb deiner eigenen Anwendung
Integration von bestehenden Möglichkeiten der Wissensgewinnung für die Nutzenden

Was kostet das?

Die App-Integration ist kostenlos für alle unsere Kunden . Es fallen keine zusätzlichen Kosten über die bestehenden Preise der Chatbot-Nutzung hinaus an. Unser Webchat steht zudem als Open-Source-Komponente zur Verfügung und kann für die Integration genutzt werden.

Wie funktioniert die Integration?

Unser Webchat ist Open Source und öffentlich über ein Git-Repository zugänglich. Die Chat-Komponente wurde in React Native entwickelt, wodurch grundsätzlich verschiedene Integrationswege möglich sind – je nach technischer Ausgangslage deines Projekts und gewünschtem Aufwand.

Es gibt zwei Möglichkeiten zur Integration:

1. Direkte Integration als React Native Component

Voraussetzung: Deine App basiert (teilweise oder vollständig) auf React Native.
Was das bedeutet: Da der Webchat in React Native implementiert ist, kann er grundsätzlich als native React-Native-Komponente in eine bestehende React-Native-App integriert werden. Bei diesem Ansatz wird der Chat direkt als Bestandteil der App gerendert und nicht über eine eingebettete Webansicht dargestellt.
Wichtiger Hinweis zur Praxis: Der Webchat wurde ursprünglich mit Fokus auf die Nutzung im Web entwickelt. Entsprechend wurden Teile des Stylings so umgesetzt, dass sie aktuell primär im Browser-Umfeld zuverlässig funktionieren. In App-Umgebungen kann dies dazu führen, dass das Layout oder einzelne Darstellungen nicht wie vorgesehen funktionieren.
Vorgehen: Eine direkte Einbindung ist möglich, erfordert jedoch in der Regel Anpassungen am Webchat-Code, insbesondere im Bereich Styling und Layout. Diese Anpassungen können theoretisch von Integratoren selbst vorgenommen werden. Du kannst die Chat-Komponente aus unserem Git-Repository beziehen und in deine App integrieren. Die technischen Details sind in der Repository-Dokumentation beschrieben.

2. Integration über Webview mit eingebetteter Webseite

Falls deine App nicht auf React Native basiert oder du den Chat unabhängig vom nativen App-Code integrieren möchtest:

Vorgehen:
- Binde den Webchat im Vollbildmodus auf einer eigenen Webseite ein.
- Lade diese Webseite in die App als WebView-Komponente.
Hinweis: Achte darauf, dass die eingebettete Seite ausschließlich den Chatbot enthält und keine unnötige Navigation oder andere Webinhalte.