Livechat SDK Integration

Add chatting capabilities into your app without any coding. Connect with your customer with safe, reliable, and timely Messages. Integration in just a few clicks.

Get Started
Livechat SDK Integration

Livechat SDK Initialization

  • iOS SDK
  • Android SDK
  1. Download Livechat SDK from here.

    2. DOWNLOAD Livechat SDK FROM HERE:
    Copy to clipboard
    
Your Project -> general -> framework libraries and embedded content -> add other

  2. First Add ChatAgentFramework to your project using below steps:

    1. You can directly drag and drop the framework into the project using Xcode with your open project or by adding the same in the project files where your project is available in your system.
    2. Then tap on your project name on the top left corner in your Xcode, right hand side you will have “General” setting of your project slightly scroll to the bottom you will get “Framework, Libraries, and Embedded Content”.
    3. Tap on + icon just below the option above.
    4. Tapping on that, there will be a popup “Choose frameworks and libraries to add:” .
    5. On the bottom left corner there will be a button “Add Other” with bottom arrow.
    6. Tap on the button “Add Other” then tap on the option “Add Files…” .
    7. Tapping on the button “Add Files…” it will open your project directory where you can select your framework “ChatAgentFrameworkDev.framework” for device and “ChatAgentFrameworkSim.framework” for simulator as per the name given while creating your framework.
    8. Finally, after selecting your framework tap on the “Open” on the bottom right corner

      9. By following the all above steps, your framework will added to your project.

  3. Add Livechat Framework to your project from.

    4. ADD LivechatFramework TO YOUR PROJECT FROM.
    Copy to clipboard
    

pod ‘Firebase/Firestore’
pod ‘Firebase/Auth’
pod ‘Firebase/Messaging’
pod ‘Firebase/Storage’
pod ‘ADCountryPicker’
pod ‘PaddingLabel’
pod ‘TwilioVoice’
pod ‘AMDots’
pod ‘DropDown’
pod ‘Cosmos’
pod ‘SwiftJWT’
pod ‘RichString’
pod ‘SVGKit’
pod ‘IQKeyboardManagerSwift’

  4. Make sure in your build settings -> Validate Workspace – YES.
  5. Add the below code from where you want to open Livechat

    6. ADD THE BELOW CODE TO YOUR PROJECT.
    Copy to clipboard
    
let frameWorkBundle = {FRAMEWORKBUNDLE}
let storyBoard =  UIStoryboard(name: “Main”, bundle: frameWorkBundle)
let mainViewController = storyBoard.instantiateViewController(withIdentifier: "ChatAgentViewController") as? ChatAgentViewController
mainViewController?.USER_ID = {USER_ID}
mainViewController?.TEMPLATE_ID = {TEMPLATE_ID}
mainViewController?.modalPresentationStyle = .fullScreen
self.present(mainViewController!, animated: true, completion: nil)

  6. Last step : Run your application
  1. Download Livechat SDK from here.

    2. DOWNLOAD Livechat SDK FROM HERE:
    Copy to clipboard
    
Your Project -> general -> framework libraries and embedded content -> add other

  2. Generate google-service.json file from Firebase console and add inside ‘app’ folder.
  3. Create a ‘libs’ folder in the ‘app’ folder in the project and add Livechat aar file downloaded in step 1.
  4. Add following dependencies code in the app level build.gradle file.

    5. ADD Chatbot FRAMEWORK TO YOUR PROJECT FROM.
    Copy to clipboard
    
dependencies {
//============= lifeCycle annotation processor dependency for java 8 =========
implementation “androidx.lifecycle:lifecycle-common-java8:$lifecycle_version”
 //=============nsions of viewModel, liveData etc ======= 
implementation “androidx.lifecycle:lifecycle-extensions:$lifecycle_version”
 //============= used in User authentication by fireBase ======================
//api “com.google.firebase:firebase-auth:$firebase_auth” 
 //============= used to upload and share contents like images,videos and file on fireBase cloud storage =========
implementation“com.google.firebase:firebase-core:$firebase_core”
api “com.android.volley:volley:$volley_version”
implementation “com.google.android.material:material:$google_material”
implementation “androidx.appcompat:appcompat:$androidx_appcompat”
implementation “androidx.core:core-ktx:$androidx_ktx”
api “androidx.activity:activity-ktx:$activity_ktx”
api “androidx.fragment:fragment-ktx:$fragment_ktx”
implementation “org.jetbrains.kotlin:kotlin-reflect:$kotlin_version”
// Dimens
api “com.intuit.sdp:sdp-android:$sdp_android”
api “com.intuit.ssp:ssp-android:$sdp_android”
api “androidx.constraintlayout:constraintlayout:$androidx_constraintlayout”
// glide
implementation “com.github.bumptech.glide:glide:$glide”
implementation “com.google.firebase:firebase-storage-ktx:$firebase_storage”
kapt “com.github.bumptech.glide:compiler:$glide_compiler”
// No need to change
//=================== used for static visual elements ============
implementation “com.caverock:androidsvg-aar:$caverock_svg”
//============= Used to show colors ===============
implementation “com.github.matthewyork:ColoursLibrary:$coloursLibrary”
api “com.google.firebase:firebase-firestore:$firebase_firestore”
implementation “com.google.firebase:firebase-auth-ktx:$firebase_auth_ktx”
//implementation(“com.android.support:support-annotations:$support_annotations”)
//================ Used in fileUtils in ChatBotActivity =========================
implementation “commons-io:commons-io:$commons_io”
} 
apply plugin: ‘com.google.gms.google-services’

  5. Add following dependencies inside ‘buildscript’ project level build.gradle file.

    6. FOLLOWING DEPENDENCIES INSIDE ‘BUILDSCRIPT’ PROJECT BUILD.GRADLE FILE:
    Copy to clipboard
    
//=========== It should be above plugins for latest android studio =================
buildscript {
repositories {
    mavenCentral()
}
dependencies {
   classpath“com.google.gms:google-services:4.3.2”
  }
}
ext.kotlin_version = “1.4.32”

ext { 
google_services = ‘4.3.2’
androidx_ktx = ‘1.3.2’
androidx_appcompat = ‘1.2.0’
google_material = “‘1.3.0’
androidx_constraintlayout = ‘2.0.4’
androidx_liveData = ‘2.3.0’
androidx_viewModel = ‘2.3.0’
junit = ‘4.12’
androidx_espresso = ‘3.3.0’
firebase_core = ’19.0.1’
lifecycle_version = ‘2.2.0’
firebase_core = ’17.2.1’
volley_version = ‘1.2.1’
activity_ktx = ‘1.2.3’
fragment_ktx = ‘1.3.5’
sdp_android = ‘1.0.6’
glide = ‘4.12.0’
glide_compiler = ‘4.12.0’
caverock_svg = ‘1.4’
coloursLibrary = ‘1.0.+@aar’
firebase_firestore = ’23.0.3’
firebase_auth_ktx = ’21.0.1’
//support_annotations =’28.0.0’ 
commons_io = ‘2.7’
firebase_auth = ’21.0.1’
firebase_storage = ’20.0.1’
}

  6. Use in App level manifest file.

    7. FOLLOWING DEPENDENCIES INSIDE ‘BUILDSCRIPT’ PROJECT BUILD.GRADLE FILE:
    Copy to clipboard
    
tools:replace= “android:allowBackup,android:icon”

  7. Add the below code from where you want to open Livechat

    8. ADD THE BELOW CODE FROM WHERE YOU WANT TO OPEN Livechat
    Copy to clipboard
    
LiveChatActivity.initializeCredential(
   USER_ID,
   TEMPLATE_ID,
)
val intent = Intent(this, ChatBotActivity::class.java)
startActivity(intent)

  8. Last step : Run your application

Appy Pie Live Chat SDK

The easiest way to integrate Livechat into your Mobile Apps.

Allow you to communicate with your visitors in real-time

Allow you to communicate with your visitors in real-time

Take care of customers at every step of the buyer’s journey, from the initial contact all the way through promotions and post-purchase care. Focus on the end user and provide value to them with every interaction. Appy Pie SDK easily integrates with your apps so that you can serve your customers in real time at every stage of their journey.

Increase Sales through Existing Customers

Increase Sales through Existing Customers

Appy Pie Livechat’s SDK is an easy-to-integrate solution that enables a a high-performing Livechat in your app without any coding. When you integrate it with your app, you get a pre-built Livechat experience that works in any app. It’s also a great way to let users start a conversation with your app without leaving the messaging experience.

Features of Appy Pie Live Chat SDK

Easy to Deploy

Appy Pie Livechat SDK is the fastest and easiest way to integrate a Livechat into your mobile app that can talk to your customers, answer their questions and provide them with the best possible experience. With Appy Pie Livechat’s SDK, you can build, deploy and run a Livechat in less than 5 minutes. It’s easy for beginners, and flexible enough for experts.

Fully customizable

The Appy Pie Live Chat SDK is highly customizable and easy to use. The dashboard allows you to customize the controls and customize the look of the chat box according to your requirements. There is no limit on the number of lines of text that you can add to the conversation box as well as emojis that you can display on the chat box.

Third Party Integrations

If you want to get the most out of your live chat app, then you should definitely integrate it with third party services. The Appy Pie Live Chat SDK for Android and iOS allows you to easily do this by integrating it with third party services like Google Analytics, Intercom, Salesforce and Zendesk. All this can be done in a matter of few minutes.

Live Chat SDK for Your Mobile App

Live Chat SDK for Your Mobile App

If you’re creating or already have a mobile app, you can incorporate Live Chat SDK into it to create a full-featured mobile messaging and customer care solution. Appy Pie Livechat SDK is available for Android, and iOS. SaaS companies can also use our SDK to add a new channel of communication with their customers — right inside their App.

With Appy Pie Livechat SDK, you can add this important new channel to your business and give your customers the best experience possible. The Appy Pie Livechat SDK is a great tool for any businesses who want to offer the best in-app customer support to their customers.

Page reviewed by:Abhinav Girdhar | Last Updated on March 14th, 2024 11:41 am