Framer Siteleri İçin Yapay Zeka Chatbot: 2026 Kurulum Rehberi

Framer, gerçekten yayına alınan bir pazarlama sitesi isteyen kurucular için varsayılan araç haline geldi. Temiz tipografi, CMS koleksiyonları, akıcı animasyonlar — üstelik hiç React yazmadan. Ama ziyaretçiniz ilk sorusuyla sitenize girdiği anda Framer yardım etmeyi bırakıyor: yerleşik canlı destek yok, SSS widget'ı yok, mevcut topluluk eklentileri ya basit e-posta formlarından ibaret ya da kurumsal fiyatların arkasında.

Bu boşluk önemli. B2B alıcılarının büyük çoğunluğu satın alma kararını satışla konuşmadan önce veriyor ve bu araştırmanın çoğu kimsenin gelen kutusunu izlemediği garip saatlerde oluyor. Statik bir SSS sayfası bir anlaşma mezarlığı: insanlar okuyup kendi durumlarına özel bir şey bulamadan sekmeyi kapatıyor.

Gerçek bir yapay zeka chatbot bu boşluğu kapatıyor. 2018 tarzı karar ağacı botu değil — dokümanlarınızı, fiyatlandırmanızı, vaka çalışmalarınızı okuyan ve kaynaklarla yanıt veren LLM destekli bir asistan. Özellikle Framer için, doğru chatbot'un üç özelliği olmalı:

1. Sıfır derleme zamanı bağımlılığı — Framer projesinde kurulacak bir şey yok, özel bir kod bileşeni yok, Next.js yeniden dışa aktarımı yok. Tek bir embed script'i olarak düşüyor.
2. Framer CMS içeriğiyle çalışıyor — yayınlanmış Framer sitenizi tarayabiliyor ve yeni sayfalar eklediğinizde senkron kalabiliyor.
3. Görsel sisteminizle uyumlu — Framer tasarımcıları markaya takıntılı; 2019'dan kalma bir destek balonu gibi görünen chatbot anında kaldırılıyor.

Chatloom tam olarak bu üç kısıtı karşılamak için inşa edildi ve 2026'nın Framer kurucu Slack kanallarında bu kadar sık ismi geçmesinin sebebi de bu.

En hızlı yol, ücretsiz Hobby dahil her Framer planında bulunan özel kod embed yöntemi. Tüm akış dört adımdan oluşuyor ve zaten bir Chatloom hesabınız varsa üç dakikadan kısa sürüyor:

Agent oluştur → Framer sitesini tara → Embed'i kopyala → Framer'ın Özel Kod alanına yapıştır → Yayınla

1. Agent'ınızı oluşturun. chatloom.app adresine kaydolun, agent'ınıza bir isim verin ve bir model seçin (varsayılan GPT-4.1 Mini; pazarlama sitesi sorularının %95'ini ayda kuruşlar karşılığında çözüyor).
2. Framer sitenize yönlendirin. Chatloom'un yerleşik tarayıcısı, yayınlanmış Framer URL'nizi (sitedomain.framer.website veya özel domaininiz) alıp ulaşabildiği her sayfayı dizine ekliyor. Tipik bir 12 sayfalı site için bu yaklaşık 90 saniye sürüyor. Tarayıcı robots.txt'nize saygı gösteriyor ve hız limitlerine uyuyor, yani Framer'ın kendi bot korumasını tetiklemiyor.
3. Embed snippet'ini alın. Agent panelinde Install → Custom embed açın ve üç satırlık script'i kopyalayın. Şöyle görünüyor:

<script>
  window.CHATLOOM_AGENT_ID = "agt_xxxxxxxxxxxxxxxx";
</script>
<script async src="https://chatloom.app/widget.js"></script>

1. Framer'a yapıştırın. Framer projenizi açın, Site Settings → General → Custom Code yoluna gidin ve snippet'i End of body alanına yapıştırın. Save'e basın, Publish'e basın. Widget, eklediğiniz gelecekteki sayfalar dahil her sayfada küresel olarak görünüyor.

Bu tüm geliştirici yolu. npm yok, API route'u yok, yetkilendirilecek Framer eklentisi yok. Widget, Chatloom'un CDN'inde kendi barındırılıyor ve otomatik güncelleniyor, yani bu koda bir daha asla dokunmuyorsunuz.

Framer tasarımcıları her şeyin üstünde bir şeye önem veriyor: chatbot sonradan yapıştırılmış gibi görünmemeli. Chatloom'un widget builder'ı tam olarak bu kısıt için tasarlandı. Önemli olan her görsel özellik bir kontrol, class name değil.

Widget bölümünde şunları ayarlayabilirsiniz:

• Başlatıcı modu — buton, kompakt panel, tam ekran kaplama veya yan panel. Tam ekran modu Framer açılış sayfalarında muhteşem çalışıyor çünkü kahraman bölümü viewport'una saygı gösteriyor ve arka planı soluklaştırıyor.
• Marka renkleri — birincil, vurgu ve arkaplan seçin. Tüm sohbet yüzeyi (başlık, baloncuklar, öneriler, yazma göstergesi) gerçek zamanlı olarak yeniden tema alıyor.
• Köşe yuvarlaklığı — Framer'ın 12px varsayılanıyla eşleştirin, editoryal siteler için daha keskin gidin veya oyuncu markalar için tam yuvarlak yapın.
• Özel yazı tipleri — .woff2 yükleyin veya Google Fonts'tan seçin. Bir pazarlama sitesinde savaşın tamamı yazı tipleri üzerinden döndüğü için Framer kullanıcılarından en çok istenen özellik bu.
• İkon ve avatar — marka işaretinizi yükleyin. Başlatıcı butonu transparan PNG'lere saygı gösteriyor ve retinada net görünüyor.
• Sohbet arka planı — gradyan, düz renk veya görsel. Framer kahramanıyla eşleştirin ve widget üçüncü taraf ekleme değil, sayfanın bir parçası gibi hissettirsin.

Her builder bölümünde gerçek widget'ı simüle edilmiş bir viewport'ta açan bir Test Live butonu var. Test Live göz testinden geçmeyen hiçbir şeyi yayına almayın.

Boş bir bilgi tabanı olan chatbot, olmayan bir chatbot'tan daha kötü — yanıt uyduruyor ve ziyaretçileri kaçırıyor. Framer siteleri üzerinde eğitmek alışılmadık derecede kolay çünkü içerik zaten yapılandırılmış: kahraman bölümlerinin net başlıkları, CMS öğelerinin tutarlı alanları, fiyatlandırma tablolarının Framer'ın kendi bileşenlerinde yaşayan hali.

Chatloom dört alım yolu sunuyor ve hepsi Framer projesinde çalışıyor:

1. Tarama — Framer domaininizi bir kez yapıştırın, Chatloom sitemap'ı dolaşsın, ana içeriği çıkarsın, Framer'ın UI kabuğunu (navbar, çerez bannerları, footer) temizlesin ve kalan metni RAG için parçalara ayırsın. Bu tek başına pazarlama soru-cevabının %80'ini kapsıyor.
2. Sitemap yükleme — siteniz şifre korumalı veya bir alt kümesini istiyorsanız bir sitemap.xml yükleyip hangi URL'lerin eğitimine girileceğini seçin.
3. PDF ve doküman yükleme — pitch deck'inizi, tek sayfanızı, fiyat PDF'inizi veya onboarding dokümanınızı bırakın. Chatloom bunu tarama için kullanılan aynı embedding hattıyla ayrıştırıyor.
4. Manuel metin — henüz sitenizde bulunmayan nüanslı yanıtlar için ("deneme sürecinin ortasında iptal edersem ne olur?") doğrudan bilgi tabanına yazın. Bunlar birinci sınıf chunk'lar oluyor ve ziyaretçi tam o soruyu sorduğunda tarama sonuçlarından daha yüksek çıkıyor.

Altında yatan hibrit arama motoru (yoğun vektörler + BM25 + RRF + Cohere reranker), anahtar kelime örtüşmesini düşünmenize gerek kalmaması demek. "Nasıl plan düşürürüm" yazan ziyaretçi, dokümanlarınız "plan değiştir" dese bile doğru yanıtı alıyor.

Yapay zeka bir Framer sitesinde ürünün tamamı değil. Bot ciddi bir alıcıyla karşılaştığı an yoldan çekilmesi gerekiyor. Chatloom üç yükseltme yolunu yerleştiriyor:

İnsan devri. Her konuşma, Chatloom gelen kutusunda bir insan operatör tarafından devralınabiliyor. Operatör tam transkripti, ziyaretçinin sayfa yolunu (böylece Framer sitesinin hangi bölümünün sohbeti tetiklediğini biliyor) ve yapay zekanın ürettiği güven skorlarını görüyor. Framer kurucuları genellikle ilk ayda bunu kendileri yapıyor, sonra freelance çalışana veya sözleşmeli SDR'ye devrediyor.

Lead yakalama. Bot, doğal konuşma içinde isim, e-posta ve bir iki nitelendirme sorusu toplayabiliyor, sonra lead'i webhook, Zapier veya doğrudan HubSpot/Pipedrive entegrasyonu üzerinden CRM'inize itiyor. Form gerekmiyor.

Takvim randevusu. Cal.com veya Calendly bağlantısını bot'un sistem promptuna ekleyin; alıcı "demo görebilir miyim" veya "nasıl başlarım" dediğinde bot randevu URL'leri dağıtıyor. Yüksek niyetli satış hareketleri için bu, navigation'daki statik "Demo Al" butonundan dramatik biçimde daha iyi dönüşüm sağlıyor.

Üç yolun tümü aynı konuşma kaydını paylaşıyor. Yapay zeka ilk üç mesajı yanıtladıysa ve dördüncü mesajda insan devreye girdiyse, CRM tam geçmişi alıyor — "bot'a söylediğini tekrarlar mısın" anı yok.

Burası Framer kurucularının genelde Intercom teklifi için hazırlandığı nokta. Ekonomi tamamen farklı artık.

Chatloom Free (aylık 0$) 100 AI mesajı, sınırsız sayfa tarama, marka özelleştirme ve embed script'ini kapsıyor. Bir bekleme listesi başlatan Framer açılış sayfası için bu gerçekten yeterli.

Chatloom Starter (aylık 29$) 2.000 mesaj, canlı destek devri, analitik, CRM webhook'ları açıyor ve "Powered by Chatloom" rozetini kaldırıyor. Gerçek trafik oluştuktan sonra çoğu kurucunun yerleştiği katman bu.

Chatloom Pro (aylık 99$) özel model yönlendirmesi, öncelikli destek, daha yüksek mesaj sınırları ve çoklu koltuk ekliyor — gelen kutusunu paylaşan sözleşmeli bir SDR veya yarı zamanlı destek elemanınız olduğunda faydalı.

Yerleşik rakiplerle karşılaştırın:

Framer ile inşa edilmiş bir pazarlama sitesi için yerleşik rakiplerin rakamları trafikle tamamen orantısız. Denge noktası matematiği de insanların beklediğinden daha dost canlısı. Starter fiyatıyla, chatbot'un ayda iki e-postayı 75$/saatlik freelance asistana gitmekten kurtarması yeterli. Pratikte oran 40'a 1'e daha yakın.