Jotform_chatbot NPM

Jotform Chatbot

By importing one react component JotChat, you can use it as chatbot in your projects.

This is proof of concept. If you want to use this, you need proxy server.

Install

npm install jotform_chatbot

yarn add jotform_chatbot

Usage

Include jotform javascript api into your main html page.

<script src="https://js.jotform.com/JotForm.js"></script>

Include following bootstrap and scripts into your main html page between <head> tags.

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" type="text/css"
    rel="stylesheet"
>

You should import node_modules/jot_chat_2/lib/cjs/index.css from your node modules. It is my css file.

Example usage

import React from 'react';
import JotChat from 'jotform_chatbot';
import '../node_modules/jot_chat_2/lib/cjs/index.css'

function App() {

  const initialState = {
    formId: 'Your_jotform_form_id',
    apiKey: 'your_jotform_apiKey'
  };
  return (
    <div className="App">
      <JotChat initialState={initialState}/>
    </div>
  );
}

export default App;