# Integration of chatbot into mobile app

**URL:** <https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649>\
**Category:** General Questions\
**Tags:** ai-chatbot\
**Created:** [August 20, 2025, 6:27am UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649 "2025-08-20T06:27:46Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matlex](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/matlex/32/75731_2.png) [@Matlex](https://community.elfsight.com/u/Matlex)\
**Post date:** [August 20, 2025, 6:27am UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/1 "2025-08-20T06:27:47Z")

</div>

I request the integration feature of the AI chatbot into the mobile application.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [August 20, 2025, 1:17pm UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/2 "2025-08-20T13:17:37Z")

</div>

Hi there, @Matlex and welcome aboard 👋

Could you please specify the mobile app, where you’d like to integrate the chatbot?

---

<div class="post-metadata">

**Author:** ![Matlex](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/matlex/32/75731_2.png) [@Matlex](https://community.elfsight.com/u/Matlex)\
**Post date:** [August 20, 2025, 4:02pm UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/4 "2025-08-20T16:02:10Z")

</div>

I haven’t released the app yet

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [August 20, 2025, 4:06pm UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/5 "2025-08-20T16:06:06Z")

</div>

Got it, thanks!

Once the app is released, please let us know. Our devs will check if it’s possible to integrate the widget there 🙂

---

<div class="post-metadata">

**Author:** ![Matlex](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/matlex/32/75731_2.png) [@Matlex](https://community.elfsight.com/u/Matlex)\
**Post date:** [August 20, 2025, 4:29pm UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/6 "2025-08-20T16:29:39Z")

</div>

Ok, thank you!

---

<div class="post-metadata">

**Author:** ![Matlex](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/matlex/32/75731_2.png) [@Matlex](https://community.elfsight.com/u/Matlex)\
**Post date:** [August 20, 2025, 7:31pm UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/7 "2025-08-20T19:31:08Z")

</div>

Can’t I integrate the app before publishing it and then publish it?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [August 21, 2025, 11:02am UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/8 "2025-08-21T11:02:03Z")

</div>

Is your mobile app flutter-based?

---

<div class="post-metadata">

**Author:** ![Matlex](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/matlex/32/75731_2.png) [@Matlex](https://community.elfsight.com/u/Matlex)\
**Post date:** [August 21, 2025, 11:07am UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/9 "2025-08-21T11:07:56Z")

</div>

No, Android Studio

Max via Elfsight Community \<[notifications@elfsight.discoursemail.com](mailto:notifications@elfsight.discoursemail.com)\>, 21 Ağu 2025 Per, 14:07 tarihinde şunu yazdı:

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [August 21, 2025, 12:06pm UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/10 "2025-08-21T12:06:16Z")

</div>

Sorry for being not clear enough!

Android Studio is a program for the app creation. However, I wanted to clarify which framework you use for the app creation: Flutter or ReactNative?

---

<div class="post-metadata">

**Author:** ![Matlex](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/matlex/32/75731_2.png) [@Matlex](https://community.elfsight.com/u/Matlex)\
**Post date:** [August 21, 2025, 12:15pm UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/11 "2025-08-21T12:15:16Z")

</div>

Laravel?

Max via Elfsight Community \<[notifications@elfsight.discoursemail.com](mailto:notifications@elfsight.discoursemail.com)\>, 21 Ağu 2025 Per, 15:11 tarihinde şunu yazdı:

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [August 21, 2025, 2:23pm UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/12 "2025-08-21T14:23:33Z")

</div>

It seems that you’re using the Kotlin programming language (correct me if I am wrong).

If this is the case, you should add a [web view](https://developer.android.com/reference/kotlin/android/webkit/WebView) to your mobile app.  
This guide explains how you can do this - [https://developer.android.com/develop/ui/views/layout/webapps/webview](https://developer.android.com/develop/ui/views/layout/webapps/webview)

As a `load url` you should use a [Share Link](https://help.elfsight.com/article/1471-how-to-share-widget-via-link) of your AI Chatbot widget:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/8/d801d4e8fa84a5781cb7e20808ac1a93bf065e22.png)

  

Try it out and let me know if it helped 🙂

---

<div class="post-metadata">

**Author:** ![Matlex](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/matlex/32/75731_2.png) [@Matlex](https://community.elfsight.com/u/Matlex)\
**Post date:** [August 21, 2025, 4:51pm UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/13 "2025-08-21T16:51:19Z")

</div>

I want it to be integrated directly into my application like a chat bot. I want it to be not web-based but to appear as a widget at the bottom of my application like on the web. If I cannot do that, I will stop working with you.

Max via Elfsight Community \<[notifications@elfsight.discoursemail.com](mailto:notifications@elfsight.discoursemail.com)\>, 21 Ağu 2025 Per, 17:28 tarihinde şunu yazdı:

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [August 22, 2025, 7:58am UTC](https://community.elfsight.com/t/integration-of-chatbot-into-mobile-app/138649/15 "2025-08-22T07:58:52Z")

</div>

Yep, the widget should appear right in the mobile app. If you’re using the Kotlin programming language, you just should follow the steps described in [this guide](https://developer.android.com/develop/ui/views/layout/webapps/webview).

Just to make it clearer:

1. To add a WebView to your app in the layout, add the following code to your activity’s layout XML file (`activity_main.xml`):

```auto
<WebView
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
/>

```

  

1. To get internet access, request the [`INTERNET`](https://developer.android.com/reference/android/Manifest.permission#INTERNET) permission in your manifest file (`AndroidManifest.xml`), as shown in the following example:

```auto
<uses-permission android:name="android.permission.INTERNET" />

```

  

1. To add a `WebView` to your app in an activity’s `onCreate()` method instead, add this code

```auto

val myWebView: WebView = findViewById(R.id.webview)
webView.settings.javaScriptEnabled = true
myWebView.loadUrl("<share-link>")

```

You should replace share-link in the last line with the [Share Link](https://help.elfsight.com/article/1471-how-to-share-widget-via-link) of your widget 🙂