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
ios
folder in the project directory. -
Run the
pod repo update && pod install
command from theios
directory.
For the RNZohoSalesIQ version below 10.0.0
:
-
Open your 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'
- Run
pod install
after saving the changes made to the Podfile.
Note: If you're updating from the SDK versions below 10.0.0
to above, remove the above path in your Podfile
and run the pod install
in the iOS folder.
- 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.gradle
file insidedependencies
implementation project(':react-native-zohosalesiq-mobilisten')
- Add the below snippet to
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;
}
- Navigate to the
android
folder within the project directory using Android Studio or any other platform of choice for Android development. Add the following maven repository to thebuild.gradle
file.
allprojects {
repositories {
// ...
maven { url 'https://maven.zohodl.com' }
}
}
- Click
Sync Now
from the toolbar on the IDE.
- Generate
App
andAccess
keys for iOS and Android platforms by providing your bundle id. - Use the
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
});
- 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.