Ana içeriğe geç

Kurulum — Genel Bakış

AI Thinks Chatbot Widget’ı web sitenize üç farklı framework ile ekleyebilirsiniz. Admin panelden aldığınız appId tüm kurulumlarda ortaktır; fark, kullandığınız npm paketindedir.

Framework seçimi

FrameworkPaketDoküman
React@aithinks/chatbot-react-widgetReact kurulumu
Angular@aithinks/chatbot-widget-elementAngular kurulumu
Vue.js@aithinks/chatbot-widget-elementVue.js kurulumu
  • React — native React bileşeni (appId, dil prop’ları).
  • Angular / Vue.js — aynı Web Component paketi (chatbot-widget, attribute: appid).

Başlamadan önce

  1. Admin panelde bir Widget uygulaması oluşturun.
  2. Uygulama Kimliğini Kopyala ile appId alın.
  3. Framework’ünüze uygun kurulum sayfasına gidin.

Sonraki adımlar

  1. React
  2. Angular
  3. Vue.js