Widget Overview
The AI Thinks Chatbot Widget is a chat interface you embed on your websites. You create a Widget app in the admin panel, get an appId, and add it to your React, Angular, or Vue project with npm packages.
Behind the scenes, the widget loads settings via the Widget API, registers the visitor, and runs the conversation.
What do you need to do?
1. Create a Widget app in the admin panel
2. Copy the application ID (appId)
3. Install the npm package for your framework
4. Add the widget to the page with appId
Packages
| Package | When? |
|---|---|
@aithinks/chatbot-react-widget | React — setup |
@aithinks/chatbot-widget-element | Angular / Vue — Angular, Vue.js |
Next steps
- Create Widget App — admin panel
- Widget Settings — colors, form, greeting
- Setup — Overview
- React
- Angular
- Vue.js