Skip to content

React web chat component

The BotSquad Web Client components embeds Botsquad chatbots inside a React component for the web.

Installation

npm install @botsquad/web-client

Example code

import React from 'react';
import WebClient from '@botsquad/web-client';

// A user ID, based on a cookie or some external property
const user_id = 'u' + Math.random()

// your Botsquad bot
const bot_id = "1adc3f20-32e9-4376-a147-d9ef23ac8a4c"

function App() {
  return (
    <div className="botsquad-components layout-docked">
      <WebClient
        bot_id={bot_id}
        params={{ user_id }}
        hideAvatars
      />
    </div>
  )
}

export default App

There are many more options for controlling the interaction between the web page and the React component. However, the public documentation around the component is currently lacking. contact us for commercial support and technical questions.