Dashboard'a Dön

Belgeler

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

Başlangıç
Kurulum Bilgi Tabanı Yapay Zekanızı Test Edin Web Sitelerini Yönet
Özelleştirme
Widget Renkleri Yapay Zeka Asistanı Adı Karşılama Mesajı Widget Konumu Otomatik Tetikleme Bildirim Balonu Okunmamış Rozeti Talimat Modu Soru Sorma Emoji Kullanımı E-posta Toplama Telefon Numarası Toplama Akıllı Potansiyel Müşteri Toplama Yerelleştirme Markayı Gizle Gizlilik Bağlantısı Özel Bildirim Transkript İndirme Yeni Görüşme Konuşma Geçmişi Alt Başlık ve Durum Noktası Konuşmadan Metne Sohbet Simgesi Şirket Logosu Karakter Sınırı Sıcaklık
AI Talimat İpuçları Planları Karşılaştırın
Özellikler
Web Sitesi Tarama Bilgi Eksiklikleri Ürün Kartları Kullanıcı Bağlamı Canlı İzleme İnsan Devralma Yükseltme AI Bildirimleri Günlük Rapor Gerçek Zamanlı Veri Akışı Gerçek Zamanlı Veri Akışı Max Ekip Üyeleri Tek Oturum Açma Görüntüleri Dahil Et Görüntü Tanıma Çeviri Widget'ı Yerelleştirme Potansiyel Müşteriler Akıllı Potansiyel Müşteri Toplama Destek Talepleri Rezervasyonlar Sayfaları Hariç Tut Engellenen IP'ler Daha Akıllı Model Düşünmeyi Etkinleştir Yanıt Önerileri Takip Mesajları Konuşmadan Metne Transkript İndirme Gömülü Sohbet
Analitik
Sohbet Analitiği Sohbet Kayıtları
Entegrasyonlar
REST API Instagram Messenger WhatsApp Zapier Email Mobil Uygulamalar
Diğer
Ana Ekrana Ekle Özel Açma Düğmesi

Webflow'a Asyntai AI Chatbot Nasıl Eklenir

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

Yerleştirme Kodunu Al
Platform:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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: Site Ayarları Üzerinden Kod Ekleme (Tüm Sayfalar)

Chatbot'u Webflow sitenizin tüm sayfalarına aynı anda eklemek için:

  1. Webflow hesabınıza giriş yapın ve projenizi seçin
  2. Sol kenar çubuğundaki dişli simgesine (Site Settings) tıklayın
  3. Ayarlar menüsünde "Custom Code" seçeneğine tıklayın
  4. "Footer Code" bölümüne (</body> etiketinden önce) kadar aşağı kaydırın
  5. Asyntai yerleştirme kodunuzu yapıştırın
  6. "Save Changes" seçeneğine tıklayın
  7. Publish your site for the changes to go live

İpucu: Kodu Footer bölümüne eklemek, onu kapanış </body> etiketinin hemen öncesine yerleştirir; bu, sohbet widget'ları için önerilir çünkü sayfa yüklemenizi yavaşlatmaz.

Alternatif: Sayfaya Özel Özel Kod

Chatbot'u yalnızca belirli sayfalarda istiyorsanız:

  1. Projenizi Webflow Designer'da açın
  2. Sol kenar çubuğundaki Pages paneline (klasör simgesi) tıklayın
  3. Düzenlemek istediğiniz sayfanın üzerine gelin ve dişli simgesine tıklayın
  4. "Custom Code" bölümüne kadar aşağı kaydırın
  5. Asyntai gömme kodunuzu "Before </body> tag" bölümüne yapıştırın
  6. "Kaydet"'e tıklayın
  7. Sitenizi yayınlayın

Alternatif: Embed Elemanı Kullanma

Chatbot'u sayfanızın herhangi bir yerine Embed elemanını kullanarak da ekleyebilirsiniz:

  1. Projenizi Webflow Designer'da açın
  2. Add panelini açmak için "+" düğmesine tıklayın
  3. "Embed" araması yapın veya Components altında bulun
  4. Embed elemanını sayfanıza sürükleyin
  5. Asyntai gömme kodunuzu kod düzenleyicisine yapıştırın
  6. "Save & Close" düğmesine tıklayın
  7. Sitenizi yayınlayın

Önemli: Embed elemanını kullanırken, chatbot'u istediğiniz her sayfaya eklemeniz gerekir. Site genelinde kurulum için yukarıdaki Site Ayarları yöntemini kullanın.

Adım 3: Kurulumu Doğrulayın

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

Widget'ı göremiyorsunuz mu? Kodu ekledikten sonra sitenizi yayınladığınızdan emin olun. Özel kodlar yalnızca canlı sitede görünür, Designer önizlemesinde görünmez. Tarayıcı önbelleğinizi temizlemeyi veya gizli pencerede görüntülemeyi deneyin.