> For the complete documentation index, see [llms.txt](https://docs.taptalk.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.taptalk.io/onetalk-omnichannel-documentation/onetalk-channel-integration/live-chat.md). # 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 menu**.** ![](/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 ![](/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)
* [**Setup Live Chat for Android**
](/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 ![](/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 ![](/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 ![](/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 \ tag. 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 ![](/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 %}