Have ideas to improve npm?Join in the discussion! »


1.1.5 • Public • Published

NPM downloads NPM version License Follow on Twitter


Getting started

$ yarn add react-native-jivochat or $ npm install react-native-jivochat --save

Mostly automatic installation

$ react-native link react-native-jivochat

Manual installation


  1. In XCode, in the project navigator, right click LibrariesAdd Files to [your project's name]
  2. Go to node_modulesreact-native-jivochat and add RNJivochat.xcodeproj
  3. In XCode, in the project navigator, select your project. Add libRNJivochat.a to your project's Build PhasesLink Binary With Libraries
  4. Run your project (Cmd+R)<


  1. Open up android/app/src/main/java/[...]/MainApplication.java
  • Add import com.rf1804.jivochat.RNJivochatPackage; to the imports at the top of the file
  • Add new RNJivochatPackage() to the list returned by the getPackages() method
  1. Append the following lines to android/settings.gradle:
    include ':react-native-jivochat'
    project(':react-native-jivochat').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-jivochat/android')
  2. Insert the following lines inside the dependencies block in android/app/build.gradle:
      compile project(':react-native-jivochat')

For Smooth implementation kindly follow jivoChatExample folder

SDK Configuration

The widget_id and site_id can be found by going to the admin panel and then into the settings section of your Mobile app SDK. If you didn't create one yet, go "Add communication channels -> Mobile app SDK" and after asigning a new name, the widget_id and site_id will be displayed.

The configuration settings for SDK can be located in the index.html file:


Loaction-> react-native-jivochat/android/src/main/assets/html/index_en.html

jivo_config = {
      //widget_id - REPLACE with YOUR own!
      "widget_id": "xxxx",

      //site_id - REPLACE with YOUR own!
      "site_id": xxxxx,

      //the color of the submit button

      //color of agent messages

      //text color of the message agent

      //color of the client message

      //text color of the client message

      //active the invitation, if not use, leave blank
      "active_message": "Hello! Can I help you?",

      //link that will glow in the operator program

      //The text in the input field
      "placeholder": "Enter message',

      //use secure connection
      "secure": true,

      //use for replace onEvent function
      //"event_func": function(event) {console.log(event)}


import RNJivochat from 'react-native-jivochat';

Call this function:
let userName: 'Tester'
let userEmail: 'test@gmail.com'
  RNJivochat.openJivoChat(userName, userEmail)


npm i react-native-jivochat

DownloadsWeekly Downloads






Unpacked Size

899 kB

Total Files


Last publish


  • avatar