Limeblock Docs

Have an existing Chatbot Widget?

Don't worry! It makes perfect sense to have another chatbot widget that is better suited for customer support or demos.

Limeblock's Chat Widget includes position parameters (widgetPosition and chatPosition) so the widget and chat panel can have custom locations - No need to worry about overlap conflicts.

jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
import { ChatWidget } from '@limeblock/react';

const MyApp = () => {  
  return (
    <div>
      {/* Your application content */}
      <h1>Welcome to My App</h1>
      
      {/* Limeblock ChatWidget */}
      <ChatWidget
        apiKey={API_KEY}
        contextParams={contextParams}
        widgetPosition="bottom-[8px] md:bottom-[24px] right-[8px] md:right-[24px]" 
        chatPosition="bottom-[0px] right-[0px]"
      />
    </div>
  );
};

export default MyApp;

Warning: Make sure the position parameters are done using proper Tailwind syntax

Getting Help

If you need assistance with your Limeblock implementation: