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 Karşılama Balonu Okunmamış Rozeti Talimat Modu Soru Sorma Emoji Kullanımı E-postaları Topla Telefon Numaralarını Topla 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ı Dinamik Ürün Kartları Dynamic Images 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 Yerleştirmeler 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
Yapay Zekaya Sor

Asyntai AI Chatbot'u Framer'a Nasıl Eklersiniz

Framer 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: Özel Kod Kullanma (Önerilen)

Framer, komut dosyaları eklemeyi kolaylaştıran yerleşik bir Özel Kod özelliğine sahiptir:

  1. Framer projenizi açın
  2. Sol üst köşedeki dişli simgesine (Site Ayarları) tıklayın
  3. "Custom Code" bölümüne gidin
  4. "Add Script" düğmesine tıklayın
  5. Asyntai yerleştirme kodunuzu komut dosyası alanına yapıştırın
  6. Yerleşimi "End of <body> tag" olarak ayarlayın
  7. Sitenizi kaydedin ve yayınlayın

İpucu: Komut dosyasını "End of <body> tag" konumuna yerleştirmek, sayfa içeriğinden sonra yüklenmesini sağlar; bu, sohbet widget'ları için önerilir ve sayfa yüklemenizi yavaşlatmaz. Framer ayrıca "Start of <head>" ve "End of <head>" seçenekleri sunar, ancak body sonu tercih edilir.

Alternatif: Kod Bileşeni Kullanma

Chatbot'u bir Kod bileşeni kullanarak eklemeyi tercih ediyorsanız:

  1. Framer editöründe, chatbot'u istediğiniz sayfayı açın
  2. Tuvalinize bir Kod bileşeni ekleyin
  3. Asyntai yerleştirme kodunu bileşene yapıştırın
  4. Gerektiğinde düzeninizde konumlandırın

Not: Custom Code yöntemi, chatbot'u tüm sayfalarda site genelinde uyguladığı için tercih edilir. Code component yöntemi chatbot'u yalnızca bileşeni yerleştirdiğiniz belirli sayfaya ekleyebilir.

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi yayınladıktan sonra Framer 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 sitenizi kaydettiğinizden ve yayınladığınızdan emin olun. Tarayıcı önbelleğinizi temizlemeyi veya gizli pencerede görüntülemeyi deneyin. Özel bir alan adı kullanıyorsanız, değişikliklerin yayılması birkaç dakika sürebilir.