Skip to main content

React Integration

React Component​

npm install @webdialogai/react
import { ChatWidget } from '@webdialogai/react';

function App() {
  return (
    <ChatWidget
      tenantId="YOUR_TENANT_ID"
      position="bottom-right"
      greeting="Need help?"
      primaryColor="#10b981"
    />
  );
}

Script Tag Alternative​

Add to your public/index.html:

<script
  src="https://cdn.webdialogai.com/widget.js"
  data-tenant-id="YOUR_TENANT_ID"
  async>
</script>