Rehber

Web sitenize yapay zeka chatbotu nasıl eklenir

4 adımda web sitenize chatbot ekleme

  1. Temsilciyi oluşturun

    Düzenleyiciyi açın, bir şablon seçin ve web sitenizin URL'sini girin. Chatbot sayfalarınızı okur ve ilk bilgi tabanını bunlardan oluşturur.

  2. Bilmesi gerekenleri ekleyin

    Politikaları ve katalogları yükleyin, kesin olması gereken yanıtlar için soru-cevap çiftleri yazın ve işletme bilgilerinizi doldurun.

  3. Davranışını ve görünümünü ayarlayın

    Ona bir rol, ton ve karşılama mesajı verin, ihtiyacınız olan yetenekleri açın — iletişim bilgisi toplama, bir insana bağlanma — ve renkleri sitenize uyumlu hâle getirin.

  4. Kodu sitenize yapıştırın

    Add to website düğmesine tıklayın, kodu kopyalayın ve site oluşturucunuza yapıştırın. Özel HTML kabul eden her web sitesinde çalışır.

Chatbot eklemeden önce neye karar vermelisiniz

Chatbot, ona verdiğiniz bilgilerle yanıt verir. Düzenleyiciyi açmadan önce alınan beş karar, sonradan yanıtları düzeltmek için harcanacak saatleri kurtarır.

  1. Ana görevini seçin

    Soruları yanıtlamak, potansiyel müşteri toplamak, randevu almak veya ziyaretçileri doğru sayfaya yönlendirmek — önceliği birine verin. Potansiyel müşteri toplayan bir bot iletişim bilgilerini erkenden ister; destek botunun ise formdan çok kapsamlı bir bilgi tabanına ihtiyacı vardır. Bkz. yapay zeka chatbotu kullanım alanları.

  2. Bilgileri toplayın

    Yanıtlarıyla birlikte en sık sorulan 20 sorunuz, güncel fiyatlar, kargo ve iade politikaları, iletişim bilgileri ve ürün veya hizmet açıklamaları. Bunları pazarlama sayfalarınızın diliyle değil, müşterilerin sorduğu şekilde yazın.

  3. Çelişkileri giderin

    Hem eski hem yeni iade politikası yüklüyse yapay zeka ikisinden birini aktarabilir ya da ikisini karıştırabilir. Eğitmeden önce eski sürümleri ve kopyaları silin.

  4. Sınırları belirleyin

    Chatbotun yanıtladığı konuları ve bir kişiye devrettiği konuları listeleyin — fatura anlaşmazlıkları, karar gerektiren iadeler, hesaba özel sorunlar.

  5. Sesini seçin

    İstediğiniz tonda iki üç örnek yanıt yazın. Bir kaykay mağazası ile bir hukuk bürosu aynı şekilde konuşmamalı.

Temsilciyi ve bilgi tabanını kurun

Elfsight düzenleyicisinde Agent sekmesi chatbotun kim olduğunu belirler:

  • Ad, alt başlık ve görsel — işletmenizin veya temsilcinin adı, kısa bir alt başlık ve bir logo ya da avatar.

  • Rol — temsilcinin uzmanlık alanı; böylece karakterine uygun yanıt verir.

  • Ton — Samimi, Profesyonel, Rahat, Doğrudan ya da kendi tanımınız.

  • Yanıt uzunluğu — kısa, orta veya uzun yanıtlar.

  • Karşılama mesajı ve önerilen sorular — ziyaretçilere chatbotun neye yardımcı olabileceğini söyleyin ve başlamaları için tek tıkla sorulabilecek sorular sunun.

  • Konuşma kuralları — temsilcinin ne yapması ve nelerden kaçınması gerektiğini açıkça belirtin.

Knowledge sekmesi, chatbotun yanıt verirken kullandığı her şeyi içerir:

  • Web sayfaları — sitenizin URL'sinden eklenen en fazla 200 sayfa.

  • Dosyalar — politikalar ve ürün katalogları gibi PDF, DOCX, PPTX, TXT, JSON, HTML veya MD dosyaları.

  • Soru-cevap çiftleri — ifadenin önemli olduğu yanıtlar için: fiyatlar, iade koşulları, yasal notlar.

  • Metin blokları — web sitenizde bulunmayan her şey, örneğin sezonluk bir kampanya.

  • İşletme bilgileri — çalışma saatleri, adres ve iletişim bilgileri.

Temsilci bir yanıtı bilmediğinde size sorar ve verdiğiniz yanıttan öğrenir. Ayrıntılar için chatbot bilgi tabanı nasıl oluşturulur kılavuzuna bakın.

Yetenek ekleyin: iletişim bilgileri, takip mesajları ve insan desteği

Yetenekler, chatbotu soru yanıtlamanın ötesine taşır:

  • İletişim bilgisi toplama — onay kutulu, ad, e-posta ve telefon için kısa bir form. Sohbetten önce, ilk yanıttan sonra gösterin ya da zorunlu yapın.

  • Takip mesajı — ziyaretçi sessiz kaldığında onu geri getirmek veya bir teklif paylaşmak için gönderilen mesaj.

  • Eylem düğmeleri — WhatsApp, e-posta, arama, Instagram, Telegram, Messenger ve daha fazlası; konuşma gerektirdiğinde gösterilir.

  • Bir insana bağlanma — bir ekip üyesinin fotoğrafı, adı ve iletişim bilgilerini içeren bir kart. Ziyaretçi bir kişiyle görüşmek istediğinde, temsilci yanıt veremediğinde, bir anahtar kelime geçtiğinde, bir yanıt beğenilmediğinde veya ziyaretçi hareketsiz kaldığında görünür.

Bir insana bağlanma, sohbeti canlı bir operatöre aktarmak yerine ziyaretçiyi kendi kanallarınıza — WhatsApp, e-posta, telefon — yönlendirir. Yayından önce, en azından “bir insan istedi” ve “yanıt veremiyor” durumları için ayarlayın: ziyaretçiler yapay zekayla konuşmaktan rahatsız olmaz, onun içinde sıkışıp kalmaktan rahatsız olur. Bkz. insana devretme.

Tasarımı uyarlayın ve nerede görüneceğini seçin

Altı temadan birini ve bir vurgu rengi seçin, ardından sohbetin sitenizin bir parçası gibi görünmesi için her bölümün renklerini, arka planı, köşe yuvarlaklığını ve yazı tipini ince ayarlayın.

Settings bölümünde nasıl görüneceğini seçin:

  • Yerleşim ve düzen — yüzen bir sohbet ya da sayfaya yerleştirilmiş bir sohbet; başlatıcı olarak bir düğme, metin düğmesi, hızlı giriş alanı veya temsilci profili; solda, sağda ya da alt ortada.

  • Başlangıç — tıklandığında açılsın, önce karşılama mesajı ve önerilen sorular gösterilsin ya da otomatik açılsın.

  • Görünürlük — sohbeti belirli sayfalarda ve cihazlarda gösterin veya gizleyin.

  • Alt bilgi metni — yanıtların yapay zeka tarafından üretildiğine dair bir not ya da gizlilik politikanıza bir bağlantı.

  • Dil ve saat dilimi — sohbetin arayüzü 76 dilden herhangi birinde; sesler, özel CSS ve JS.

  • E-posta bildirimleri — her sohbetin dökümü, ziyaretçinin iletişim bilgileriyle birlikte gelen kutunuza gönderilir.

AB'den ziyaretçileriniz varsa gizlilik politikanızı chatbottan ve topladığı verilerden bahsedecek şekilde güncelleyin. AB Yapay Zeka Yasası da insanlara bir yapay zekayla konuştuklarının bildirilmesini bekler — alt bilgi metni her ikisi için de basit bir yerdir.

Chatbotu web sitenize nasıl entegre edersiniz

Add to website düğmesine tıklayın, kodu kopyalayın ve bir kez yapıştırın. Her sayfada yüzen bir sohbet için kodu site genelindeki kod alanına koyun; sohbeti tek bir sayfaya yerleştirmek için o sayfanın HTML öğesini kullanın.

Platform
Her sayfa
Tek sayfa
Tema footer'ı veya bir header ve footer eklentisi
Custom HTML bloğu
theme.liquid, kapanış body etiketinden önce
Custom Liquid bölümü
Settings → Custom code → Body – end
Embed HTML öğesi
Settings → Advanced → Code Injection → Footer
Code bloğu
Site settings → Custom code → Footer code
Embed öğesi
Her sayfanın kapanış body etiketinden önce
Sohbetin görünmesini istediğiniz yer

WordPress

Her sayfa

Tema footer'ı veya bir header ve footer eklentisi

Tek sayfa

Custom HTML bloğu

Shopify

Her sayfa

theme.liquid, kapanış body etiketinden önce

Tek sayfa

Custom Liquid bölümü

Wix

Her sayfa

Settings → Custom code → Body – end

Tek sayfa

Embed HTML öğesi

Squarespace

Her sayfa

Settings → Advanced → Code Injection → Footer

Tek sayfa

Code bloğu

Webflow

Her sayfa

Site settings → Custom code → Footer code

Tek sayfa

Embed öğesi

HTML sitesi

Her sayfa

Her sayfanın kapanış body etiketinden önce

Tek sayfa

Sohbetin görünmesini istediğiniz yer

Özel kod çalıştırmak için Wix'te Premium plan, Squarespace'te ise Business veya daha üst bir plan gerekir. React, Next.js, Vue veya Angular için geliştiriciler için yapay zeka chatbotu sayfasına bakın.

Yayına almadan önce test edin

  • Uydurma sorular yerine destek gelen kutunuzdan veya iletişim formunuzdan alınmış 10–15 gerçek soru sorun. Gerçek ziyaretçiler “çalışma saatleriniz nedir?” değil, “siparişim gelmedi ve kimse cevap vermiyor” diye yazar.

  • Kapsam dışı konuları kibarca reddettiğini ve ekibinize ulaşmanın bir yolunu sunduğunu kontrol edin: “Bu konuyla doğrudan ekibimiz ilgileniyor — onlara şöyle ulaşabilirsiniz”, “Bu konuda yardımcı olamam” demekten daha iyi sonuç verir.

  • Siteyi telefonda açın ve başlatıcının düğmeleri veya sepeti kapatmadığından emin olun.

  • İlk hafta panelinizdeki sohbetleri her gün okuyun ve bilgi tabanındaki boşlukları doldurun.

Chatbot yanıtlarını bozan hatalar

Hata
Nasıl önlenir
Hiçbir şey söylemeyen bir karşılama
“Merhaba! Nasıl yardımcı olabilirim?” yerine botun neleri kapsadığını yazın — “Fiyatlar, kargo, iadeler ve kurulum konusunda yardımcı olabilirim” — ve önerilen sorular ekleyin.
Pazarlama sayfalarından kopyalanan bilgiler
Müşterinin bakış açısından yazın: gerçek sorular, gerçek hatalar, uç durumlar.
Varsayılan ton
Markanızın gerçekte nasıl konuştuğunu yansıtan iki üç konuşma kuralı ekleyin.
Uydurma sorularla test etmek
Gelen kutunuzdaki gerçek mesajları kullanın.
Yayından sonra sohbetleri okumamak
İlk ay konuşmaları her hafta gözden geçirin: yanıtsız sorular, kafa karıştıran yanıtlar, bir kişiye aktarılması gereken sohbetler.
Yedek seçenek olmaması
Yayından önce Bir insana bağlanma özelliğini ayarlayın.

Hiçbir şey söylemeyen bir karşılama

Nasıl önlenir

“Merhaba! Nasıl yardımcı olabilirim?” yerine botun neleri kapsadığını yazın — “Fiyatlar, kargo, iadeler ve kurulum konusunda yardımcı olabilirim” — ve önerilen sorular ekleyin.

Pazarlama sayfalarından kopyalanan bilgiler

Nasıl önlenir

Müşterinin bakış açısından yazın: gerçek sorular, gerçek hatalar, uç durumlar.

Varsayılan ton

Nasıl önlenir

Markanızın gerçekte nasıl konuştuğunu yansıtan iki üç konuşma kuralı ekleyin.

Uydurma sorularla test etmek

Nasıl önlenir

Gelen kutunuzdaki gerçek mesajları kullanın.

Yayından sonra sohbetleri okumamak

Nasıl önlenir

İlk ay konuşmaları her hafta gözden geçirin: yanıtsız sorular, kafa karıştıran yanıtlar, bir kişiye aktarılması gereken sohbetler.

Yedek seçenek olmaması

Nasıl önlenir

Yayından önce Bir insana bağlanma özelliğini ayarlayın.

Chatbotunuzun işe yarayıp yaramadığını nasıl anlarsınız

Chatbotlar, yanıtları içeriğinizde zaten bulunan sık ve tekrar eden sorularda en iyi sonucu verir: fiyatlar ve planlar, politikalar, kurulum ve sorun giderme adımları. Muhakeme ya da müşterinin hesabına erişim gerektiren işlerde — fatura anlaşmazlıkları, iade kararları — zorlanırlar; bu yüzden bunları bir kişiye yönlendirin.

Metrik
Neyi ölçer
Size ne söyler
Etkileşim oranı
Sohbeti gördükten sonra başlatan ziyaretçiler
Karşılama mesajının ve yerleşimin işe yarayıp yaramadığı
Kendi kendine çözüm oranı
Bir kişiye gerek kalmadan çözülen sohbetler
Bilgi tabanının doğru konuları kapsayıp kapsamadığı
Çözüm oranı
Sorunun gerçekten yanıtlandığı sohbetler
Ziyaretçilerin gerçek yanıtlar alıp almadığı
Potansiyel müşteri toplama oranı
İletişim bilgisi toplanarak biten sohbetler
Formun zamanlamasının işe yarayıp yaramadığı
Devretme oranı
Ekibinize aktarılan sohbetler
Sınırların ve yedek seçeneğin doğru ayarlanıp ayarlanmadığı

Etkileşim oranı

Neyi ölçer

Sohbeti gördükten sonra başlatan ziyaretçiler

Size ne söyler

Karşılama mesajının ve yerleşimin işe yarayıp yaramadığı

Kendi kendine çözüm oranı

Neyi ölçer

Bir kişiye gerek kalmadan çözülen sohbetler

Size ne söyler

Bilgi tabanının doğru konuları kapsayıp kapsamadığı

Çözüm oranı

Neyi ölçer

Sorunun gerçekten yanıtlandığı sohbetler

Size ne söyler

Ziyaretçilerin gerçek yanıtlar alıp almadığı

Potansiyel müşteri toplama oranı

Neyi ölçer

İletişim bilgisi toplanarak biten sohbetler

Size ne söyler

Formun zamanlamasının işe yarayıp yaramadığı

Devretme oranı

Neyi ölçer

Ekibinize aktarılan sohbetler

Size ne söyler

Sınırların ve yedek seçeneğin doğru ayarlanıp ayarlanmadığı

Sohbetler ve potansiyel müşteriler Elfsight panelinizdedir, analiz raporları e-postayla gelir ve sohbet olayları Google Analytics'e gönderilebilir. Bkz. analitik.

Web sitesine yapay zeka eklemenin diğer yolları

  • Bir yapay zeka API'siyle kendiniz geliştirin — davranış ve veriler üzerinde en fazla kontrol; ancak sohbet arayüzünü siz yazar, backend'i siz barındırır ve ikisinin bakımını siz yaparsınız.

  • Yardım masası paketleri — canlı sohbet, destek talebi yönetimi ve yönlendirmeyle birlikte gelen yapay zeka temsilcileri. Büyük bir destek ekibi için kullanışlıdır; kurulumu ve maliyeti daha fazladır.

  • Yapay zeka destekli site araması ve öneriler — ziyaretçinin ne demek istediğini anlar, sayfa veya ürün önerir. Kataloğunuzla eğitilmiş bir chatbot ikisini de bir sohbet içinde yapabilir: bkz. yapay zeka site araması ve ürün önerileri.

  • Yapay zeka içerik ve analiz araçları — sayfa taslakları hazırlar ve trafiğinizdeki eğilimleri tespit eder; siteyi yönetmenize yardımcı olurlar ama ziyaretçilerle konuşmazlar.

Çoğu küçük ve orta ölçekli işletme için kodsuz bir chatbot, yapay zekayı ziyaretçilerin önüne koymanın en hızlı yoludur: bakımı yapılacak kod yoktur ve aynı temsilci her platformda çalışır.

Sık sorulan sorular

Resmi dokümantasyon

İlgili

Web sitesi için yapay zeka chatbotu nasıl oluşturulur

Web sitesi için chatbot oluşturmanın en hızlı yolu kodsuz bir oluşturucudur: sitenizin adresini girin, temsilcinin neler öğrendiğini kontrol edin, tonunu ve karşılama mesajını ayarlayın, ardından sitenize tek bir kod yapıştırın.Web sitesi için yapay zeka chatbotu nasıl oluşturulur

WordPress'e yapay zeka chatbotu nasıl eklenir

Chatbotu kodsuz bir düzenleyicide oluşturun, web sitenizle eğitin, ardından kodunu WordPress'e yapıştırın — her sayfada sohbet için bir header ve footer kod eklentisine veya temanızın footer'ına, tek bir sayfa için ise Custom HTML bloğuna.WordPress'e yapay zeka chatbotu nasıl eklenir