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- Navigate to the
iosfolder in the project directory and open Podfile. Add the "/ios" to the path for theRNZohoSalesIQpod as shown below.
- pod 'RNZohoSalesIQ', :path => '../node_modules/react-native-zohosalesiq-mobilisten'
+ pod 'RNZohoSalesIQ', :path => '../node_modules/react-native-zohosalesiq-mobilisten/ios'- Run the
pod repo update && pod installcommand from theiosdirectory.
- If you're using React Native v0.60 or above, the dependency will be linked automatically without any steps being taken.
$ react-native link react-native-zohosalesiq-mobilisten
- Add the below code to the
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')- Implement the dependency in the
android/app/build.gradlefile insidedependencies
implementation project(':react-native-zohosalesiq-mobilisten')- Add the below snippet to
android/app/src/main/java/com/module_name/MainApplication.javaif 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;
}- Navigate to the
androidfolder within the project directory using Android Studio or any other platform of choice for Android development. Add the following maven repository to thebuild.gradlefile.
allprojects {
repositories {
// ...
maven { url 'https://maven.zohodl.com' }
}
}- Click
Sync Nowfrom the toolbar on the IDE.
- Generate
AppandAccesskeys for iOS and Android platforms by providing your bundle id. - Use the
ZohoSalesIQ.initWithCallbackAPI 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
});- If you want to show the default chat launcher, use the ZohoSalesIQ.Launcher.show() API (Optional).
You can find the list of all APIs and their documentation here under the API Reference section.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent