Connect with customers at every step of their journey. Give them the best in-app live chat experience with Mobilisten. Mobilisten enables customers to reach you from any screen on your app, get their questions answered, and make better purchase decisions.
Mobilisten is a support chat SDK that comes with a set of highly configurable APIs to suit your needs. Get started by generating an App
and Access
keys for your bundle ID from the SalesIQ console.
iOS: Minimum deployment target should be set to iOS 12.
Android: Android API level 21 or above is required.
Follow the below steps given below to complete installation of Mobilisten in your React-Native app.
Install the react-native-zohosalesiq-mobilisten package using NPM.
npm install react-native-zohosalesiq-mobilisten --save
Link the module with the react native app
react-native link react-native-zohosalesiq-mobilisten
ios
folder in the project directory and open Podfile.
Add the "/ios" to the path for the RNZohoSalesIQ
pod as shown below.- pod 'RNZohoSalesIQ', :path => '../node_modules/react-native-zohosalesiq-mobilisten'
+ pod 'RNZohoSalesIQ', :path => '../node_modules/react-native-zohosalesiq-mobilisten/ios'
pod repo update && pod install
command from the ios
directory.$ react-native link react-native-zohosalesiq-mobilisten
android/settings.gradle
include ':react-native-zohosalesiq-mobilisten'
project(':react-native-zohosalesiq-mobilisten').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-zohosalesiq-mobilisten/android')
android/app/build.gradle
file inside dependencies
implementation project(':react-native-zohosalesiq-mobilisten')
android/app/src/main/java/com/module_name/MainApplication.java
if the
packages were not auto-generated.private final ReactNativeHost mReactNativeHost=new ReactNativeHost(this){
// ...
@Override
protected List<ReactPackage> getPackages(){
// Add new RNZohoSalesIQPackage() into the React packages list like below
return new ArrayList<>(Arrays.<ReactPackage>asList(new RNZohoSalesIQPackage()));
}
// ...
};
@Override
public ReactNativeHost getReactNativeHost(){
return mReactNativeHost;
}
android
folder within the project directory using Android Studio or any other
platform of choice for Android development.
Add the following maven repository to the build.gradle
file.allprojects {
repositories {
// ...
maven { url 'https://maven.zohodl.com' }
}
}
Sync Now
from the toolbar on the IDE.App
and Access
keys for iOS and Android platforms by providing your bundle id.ZohoSalesIQ.initWithCallback
API with keys for each platform as shown below.import { ZohoSalesIQ } from 'react-native-zohosalesiq-mobilisten';
let appKey;
let accessKey;
if (Platform.OS === 'ios') {
appKey = "ios_app_key";
accessKey = "ios_access_key";
} else {
appKey = "android_app_key";
accessKey = "android_access_key";
}
ZohoSalesIQ.initWithCallback(appKey, accessKey, success => {
// Your code
});
You can find the list of all APIs and their documentation here under the API Reference section.