New Prague, Minnesota


    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/[...]/
    • 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: ''
      RNJivochat.openJivoChat(userName, userEmail)


    npm i react-native-jivochat

    DownloadsWeekly Downloads






    Unpacked Size

    899 kB

    Total Files


    Last publish


    • rf1804