Setup — Overview
You can add the AI Thinks Chatbot Widget to your website with three frameworks. The appId from the admin panel is the same for all setups; what changes is the npm package you use.
Choosing a framework
| Framework | Package | Docs |
|---|---|---|
| React | @aithinks/chatbot-react-widget | React setup |
| Angular | @aithinks/chatbot-widget-element | Angular setup |
| Vue.js | @aithinks/chatbot-widget-element | Vue.js setup |
- React — native React component (
appId, language props). - Angular / Vue.js — the same Web Component package (
chatbot-widget, attribute:appid).
Before you start
- Create a Widget app in the admin panel.
- Copy the application ID (
appId). - Open the setup page for your framework.