Dashboard'a Dön

Belgeler

Asyntai'yi nasıl kullanacağınızı öğrenin

Tilda'ya Asyntai AI Chatbot Nasıl Eklenir

Tilda web siteleri için adım adım kılavuz

Yerleştirme Kodunu Al

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: Kodu Tüm Sitenize Ekleyin (Önerilen)

Chatbot'u Tilda web sitenizin tüm sayfalarına aynı anda eklemek için Site Ayarları yöntemini kullanın:

  1. Tilda hesabınıza giriş yapın ve site düzenleyicinizi açın
  2. Üst menüdeki Site Settings (dişli simgesi) seçeneğine tıklayın
  3. "More" bölümüne kadar aşağı kaydırın
  4. \"HTML code for the HEAD section for all pages\" seçeneğini bulun
  5. "Edit code" seçeneğine tıklayın
  6. Asyntai gömme kodunuzu metin kutusuna yapıştırın
  7. "Kaydet"'e tıklayın
  8. Canlı sitenize değişiklikleri uygulamak için \"Publish\" seçeneğine tıklayın

İpucu: Bu yöntem chatbot'u sitenizin her sayfasına otomatik olarak ekler. Chatbot'un ziyaretçileriniz için site genelinde kullanılabilir olmasını sağlamanın en kolay yoludur.

Alternatif: T123 Bloğu Kullanma (Belirli Sayfalar)

Chatbot'u yalnızca belirli sayfalara eklemek istiyorsanız, Tilda'nın T123 HTML bloğunu kullanabilirsiniz:

  1. Düzenlemek istediğiniz sayfayı Tilda editor'de açın
  2. \"+ Add Block\" seçeneğine tıklayın veya \"T\" tuşuna basın
  3. Blok Kütüphanesinde Other → T123 (Embed HTML Code) bölümüne gidin
  4. Alternatif olarak, arama çubuğunda \"T123\" araması yapın
  5. T123 bloğuna tıklayarak sayfanıza ekleyin
  6. Blok ayarlarında Asyntai gömme kodunuzu yapıştırın
  7. Bloğu sayfanızda istediğiniz yere konumlandırın (widget yerleşimini etkilemez)
  8. Değişiklikleri canlıya almak için "Publish" düğmesine tıklayın

Not: T123 bloğu HTML, JavaScript (<script> etiketleri içinde) ve CSS (<style> etiketleri içinde) destekler. Bloğun görsel konumu önemli değildir - chatbot yapılandırıldığı şekilde sağ alt köşede görünecektir.

Sayfa Başına Head Bölümü (Gelişmiş)

Daha fazla kontrol için, kodu her bir sayfanın head bölümüne ekleyebilirsiniz:

  1. Sayfayı Tilda düzenleyicisinde açın
  2. Üst menüdeki Page Settings (dişli simgesi) seçeneğine tıklayın
  3. "Additional" sekmesine gidin
  4. "HTML code for the HEAD section" seçeneğini bulun
  5. Asyntai yerleştirme kodunuzu yapıştırın
  6. \"Save\" ve ardından \"Publish\" düğmesine tıklayın

Önemli: T123 bloğu veya sayfa bazlı yöntemi kullanırken, chatbot'un görünmesini istediğiniz her sayfaya kodu eklemeniz gerekir. Site genelinde kurulum için Adım 2'de açıklanan Site Ayarları yöntemini kullanın.

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi yayınladıktan sonra web sitenizi yeni bir tarayıcı sekmesinde veya gizli pencerede açın. Sağ alt köşede sohbet widget düğmesini görmelisiniz. Doğru şekilde açıldığından ve çalıştığından emin olmak için tıklayın.

Widget'ı göremiyor musunuz? Değişikliklerinizi yayınladığınızdan emin olun (sadece kaydetmek yeterli değildir). Tarayıcı önbelleğinizi temizlemeyi veya sitenizi gizli pencerede görüntülemeyi deneyin. Tilda değişikliklerinin canlı sitede görünmesi biraz zaman alabilir.