Skip to content
  • Get startedHelp and guides
  • Get startedWhat is new in version 3
  • DashboardThe dashboard
  • InstallationChoose your installation method
  • InstallationWidget ID
  • InstallationThe snippet
  • InstallationWordPress
  • InstallationGoogle Tag Manager

Installation

React

Install the npm package and add the MenniChatBot component to your app.

Install or upgrade the package

npm install @menni/chatbot@latest

# confirm you are on version 3 before continuing
npm ls @menni/chatbot

The last command should report 3.0.3 or higher. If it still reports a version starting with 1, delete the old entry from package.json and install again.

Add the component

JSX
import { MenniChatBot } from "@menni/chatbot/react";

export default function App() {
  return (
    <MenniChatBot
      id="YOUR_WIDGET_ID"
      position="bottom-right"
      welcomeMessage="Hello! How can I help you today?"
    />
  );
}

Compatible with React 17, 18 and 19, including Create React App and Vite.

© 2026 Menni. All rights reserved.

ÍslenskaEnglish

Set Up Your Chatbot

Help us customize your experience by sharing a few quick details.