Asyntai AI Chatbot'u Bubble'a Nasıl Eklersiniz
Bubble uygulamaları için adım adım kılavuz
Adım 1: Yerleştirme Kodunuzu Alın
Önce Asyntai Dashboard'unuza gidin ve "Yerleştirme Kodu" bölümüne inin. Şuna benzeyen benzersiz yerleştirme kodunuzu kopyalayın:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
Not: Yukarıdaki kod yalnızca bir örnektir. Kişisel widget kimliğinizi içerdiğinden, kendi benzersiz yerleştirme kodunuzu Dashboard'unuzdan kopyalamanız gerekir.
Adım 2: Uygulama Ayarlarını Kullanma (Önerilen)
Bubble, uygulama ayarları aracılığıyla özel komut dosyaları eklemenin yerleşik bir yoluna sahiptir:
- Bubble uygulamanızın düzenleyicisine giriş yapın
- Sol kenar çubuğunda Ayarlar bölümüne gidin
- "Web App" sekmesine tıklayın
- "Gelişmiş Ayarlar" bölümüne inin
- "Özel başlıklar ve gövde" bölümünü bulun
- Asyntai yerleştirme kodunuzu "Script in body" alanına yapıştırın
- Uygulamanızı dağıtın
İpucu: Kodu gövde komut dosyası alanına eklemek, Bubble uygulamanızın her sayfasında yüklenmesini sağlar; bu, sohbet widget'ları için önerilen yaklaşımdır. Bu özellik, ücretsiz dahil tüm Bubble planlarında mevcuttur.
Alternatif: HTML Öğesi Kullanma
Chatbot'u yalnızca belirli bir sayfaya eklemek istiyorsanız:
- Bubble düzenleyicisinde chatbot istediğiniz sayfayı açın
- Sayfanıza bir HTML öğesi ekleyin
- Asyntai yerleştirme kodunu öğeye yapıştırın
- Uygulamanızı dağıtın
Not: Uygulama ayarları yöntemi, chatbot'u tüm uygulamanıza uyguladığı için tercih edilir. HTML öğesi yöntemi, chatbot'u yalnızca öğeyi yerleştirdiğiniz belirli sayfaya ekler.
Adım 3: Kurulumu Doğrulayın
Uygulamanızı dağıttıktan sonra Bubble sitenizi yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Sağ alt köşede sohbet widget'ı düğmesini görmeniz gerekir. Düzgün açıldığından ve çalıştığından emin olmak için tıklayın.
Widget'ı göremiyor musunuz? Kodu ekledikten sonra uygulamanızı dağıttığınızdan emin olun. Tarayıcı önbelleğinizi temizlemeyi veya gizli pencerede görüntülemeyi deneyin. Geliştirme modunda test ediyorsanız, uygulamanızın canlı sürümünü de kontrol ettiğinizden emin olun.
Weebly