TapTalk.io Documentation
  • Introduction
  • OneTalk Omnichannel Documentation
    • Getting Started with OneTalk
      • Team Members
      • Add Topic
      • Assign Agent to Topic
      • Paid Proactive Chat
    • Channel Integration
      • Telegram Integration
      • WhatsApp SME Integration
      • Instagram DM Integration
      • Facebook Messenger Integration
      • Live Chat Integration (iOS, Android, Web)
        • OneTalk Live Chat for Android
          • Get Started
          • Event Listener
          • Authentication
          • Case & Topic
          • Navigate Live Chat UI
          • Customize UI Appearance
        • OneTalk Live Chat for iOS
          • Get Started
          • Background Process in TapTalk.io Omnichannel iOS
          • Event Delegate
          • Authentication
          • Case & Topic
          • Navigate Live Chat UI
          • Customize UI Appearance
        • OneTalk Live Chat for Web
          • Get Started
          • Callback
          • Method
        • OneTalk Live Chat for React Native
          • Get Started - Android
          • Authentication - Android
          • Get Started - iOS
          • Authentication - iOS
        • OneTalk Live Chat for Flutter
          • Get Started - Android
          • Get Started - iOS
      • Google Business Messages Integration
      • Google Business Profile Integration
      • Tokopedia Integration
    • Integration API
      • Inbox API
      • User/Contact API
    • Live Chat Widget Callback Function
    • Social Channel Button
    • Custom Chatbot Integration
      • Get Started
      • Edit or Delete Chatbot
      • Development
    • QnA via API
    • Webhook
  • PowerTalk Chat SDK Documentation
    • Getting Started with PowerTalk
    • PowerTalk Android
      • Get Started
      • Enable Chat Features
      • Authentication
      • TapUI and TapCore
      • Background Process in TapTalk.io
      • Connection
      • Event Listener
      • Push Notification
      • General
      • User
      • Room List
        • Room List - TapUI
        • Room List - TapCore
      • Chat Room and Messages
        • Chat Room and Messages - TapUI
        • Chat Room and Messages - TapCore
      • Contact
      • Message Type
      • Customize UI Appearance
      • Customize Chat Features
      • Customize Chat Message Bubble
      • Customize Navigation Bar
      • Deep Linking
      • Error Codes
    • PowerTalk iOS
      • Get Started
      • TapUI and TapCore
      • Background Process in TapTalk.io
      • Implement Application Delegate
      • Authentication
      • Connection
      • Event Delegate
      • Push Notification
      • General
      • User
      • Room List
        • Room List - TapUI
        • Room List - TapCore
      • Chat Room and Messages
        • Chat Room and Messages - TapUI
        • Chat Room and Messages - TapCore
      • Contact
      • Message Type
      • Customize UI Appearance
      • Customize Chat Features
      • Customize Chat Message Bubble
      • Customize Navigation Bar
      • Deep Linking
      • Error Codes
    • PowerTalk React Native
      • Get Started - Android
      • Get Started - iOS
    • PowerTalk Flutter
      • Get Started - Android
      • Get Started - iOS
    • Javascript SDK
      • Get Started
      • Authentication
      • Connection
      • General
      • Event Listener
      • User
      • Room List
      • Chat Room
      • Messages
      • Contact
      • Message Type
    • Server API
      • Get Started
      • Base URL
      • Authentication
      • User
      • Contact
      • Message
      • Room
    • Webhook
      • Get Started
      • Webhook Payload
  • MeetTalk SDK Documentation
    • Getting Started with MeetTalk
    • MeetTalk Android
      • Get Started
      • Event Listener
    • MeetTalk iOS
      • Get Started
      • Implement Application Delegate
      • Event Delegate
  • SendTalk API Documentation
    • Introduction
    • Whatsapp Verification
Powered by GitBook
On this page
  • Step 1: Create a Live Chat channel
  • Step 2: Select platform
  • Setup Live Chat for iOS
  • Setup Live Chat for Android
  • Setup Live Chat for Web

Was this helpful?

  1. OneTalk Omnichannel Documentation
  2. Channel Integration

Live Chat Integration (iOS, Android, Web)

A comprehensive step by step guide on how to integrate Live Chat as a channel into OneTalk by TapTalk.io.

PreviousFacebook Messenger IntegrationNextOneTalk Live Chat for Android

Last updated 7 months ago

Was this helpful?

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

Before you get started: You will need a website or mobile app (Android or iOS) to integrate with OneTalk Live Chat.

Integrating OneTalk Live Chat can only be done if your role is Owner or Admin.

Step 1: Create a Live Chat channel

Start by clicking Integration on the side menu.

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

Step 2: Select platform

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

Setup Live Chat for iOS

Enter your iOS app Bundle ID

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

Setup Live Chat for Android

Enter your Android app Package Name

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

Setup Live Chat for Web

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.

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

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.

Once selected, go ahead and click on the button

Once filled, click on

Please refer to once you have created this channel.

Once filled, click on

Please refer to once you have created this channel

Enter your Web CORS. .

Once filled, click on

Once done, don't forget to click

Please refer to once you have created this channel

OneTalk Live Chat for iOS
OneTalk Live Chat for Android
Learn more about CORS
OneTalk Live Chat for Web
Setup Live Chat for iOS
Setup Live Chat for Android
Setup Live Chat for Web