# Live Chat Integration (iOS, Android, Web)

Integrating OneTalk Live Chat will allow you to receive and reply incoming messages from your website or mobile app in your inbox.

{% hint style="warning" %}
**Before you get started:** You will need a website or mobile app (Android or iOS) to integrate with OneTalk Live Chat.
{% endhint %}

{% hint style="info" %}
Integrating OneTalk Live Chat can only be done if your role is **Owner** or **Admin.**
{% endhint %}

### Step 1: Create a **Live Chat** channel

Start by clicking **Integration** on the side men&#x75;**.**

![](/files/-MOoA1fmhPQchAQr9X1b)

A submenu should appear with different channel options, go ahead and select **Live Chat** (this should be the default page once you click Integration).

![](/files/-MOqUdaA99jt6MkYybjm)

Once selected, go ahead and click on the button <img src="/files/-MOoBV9reiOCmKhFUxMH" alt="" data-size="original">&#x20;

![](/files/-MOqUpiUlVjr9Vk2y5cG)

### Step 2: Select platform

Depending on what platform you choose, the steps may vary. Jump to the section:

* [**Setup Live Chat for iOS**](/onetalk-omnichannel-documentation/onetalk-channel-integration/live-chat.md#setup-live-chat-for-ios)<br>
* [**Setup Live Chat for Android**<br>](/onetalk-omnichannel-documentation/onetalk-channel-integration/live-chat.md#setup-live-chat-for-android)
* [**Setup Live Chat for Web**](/onetalk-omnichannel-documentation/onetalk-channel-integration/live-chat.md#setup-live-chat-for-web)

### **Setup Live Chat for iOS**

Enter your iOS app **Bundle ID**

![](/files/-MOqZ7TKes-SvIy7k_qi)

Once filled, click on <img src="/files/-MOqZs7-EsHNWrX9AFCT" alt="" data-size="original">&#x20;

![](/files/-MOq_--Qgo962KrDcOTY)

Once created, you will be redirected to the channel's details, where you can copy its secret key and paste it in your app.

{% hint style="info" %}
Please refer to [**OneTalk Live Chat for iOS**](https://docs.taptalk.io/onetalk-omnichannel-documentation/onetalk-channel-integration/live-chat/onetalk-ios/get-started-ios) once you have created this channel.
{% endhint %}

![](/files/-MOqahohs9CDOcpEuRlp)

### **Setup Live Chat for Android**

Enter your Android app **Package Name**

![](/files/-MOqbUDw8Pni_7B2vn0Z)

Once filled, click on <img src="/files/-MOqZs7-EsHNWrX9AFCT" alt="" data-size="original">&#x20;

![](/files/-MOqbbrGsJ-kt2vaHNwa)

Once created, you will be redirected to the channel's details, where you can copy its secret key and paste it in your app.

{% hint style="info" %}
Please refer to [**OneTalk Live Chat for Android**](https://docs.taptalk.io/onetalk-omnichannel-documentation/onetalk-channel-integration/live-chat/onetalk-android/get-started-android) once you have created this channel
{% endhint %}

![](/files/-MOqbkJ2N2F1xXWRa4_k)

### **Setup Live Chat for Web**

Enter your Web **CORS**. [**Learn more about CORS**](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS).

![](/files/-MOqdSPp_hzvgijOclY-)

Once filled, click on <img src="/files/-MOqZs7-EsHNWrX9AFCT" alt="" data-size="original">&#x20;

![](/files/-MOqdYuajSOIrE7TRz-P)

Once created, you will be redirected to the channel's details, where you can copy the script generated and paste it this snippet code on your web page inside the \<head> tag.&#x20;

This will enable OneTalk's live chat to be displayed on your web.

![](/files/-MOqg0qeP6zbJuV-w7bc)

You can change the widgets color according to your brand color. Simply scroll down and enter your desired hex code or simply choose with the gradient slider.

![](/files/-MOqgn8G_v6VT9Ws3cBN)

Once done, don't forget to click <img src="/files/-MOqhqagqf1lWqbFL6mh" alt="" data-size="original">&#x20;

![](/files/-MOqhup73x0T1VdjMMw0)

{% hint style="info" %}
Please refer to [**OneTalk Live Chat for Web**](https://docs.taptalk.io/onetalk-omnichannel-documentation/onetalk-channel-integration/live-chat/onetalk-web/get-started) once you have created this channel
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.taptalk.io/onetalk-omnichannel-documentation/onetalk-channel-integration/live-chat.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
