Web sitenize kod yazmadan yapay zekâ chatbot'u ekleme

Web sitenize yapay zekâ chatbot’u eklemek için bir Agent’a işletme bilgilerinizi verin, yanıtlarını yapılandırın ve bir eklenti veya sağlanan betikle sohbet widget’ını kurun. Quickchat AI web sitesi chatbot’u, bilgileri, görüşme ayarlarını ve ekibin Inbox’ını tek yerde tutar. Ziyaretçiler hesap oluşturmadan sitenizde soru sorabilir.

Bu rehberde hayalî bir mutfak tasarım işletmesi olan Kestrel Kitchens için kurulum yapıyoruz. Bir ziyaretçi tadilatın ne kadar sürdüğünü soruyor, 3’e 4 metre bir mutfağın olası maliyetini öğreniyor ve ardından fiyat teklifi istiyor. Agent şirketin bilgilerinden yanıt veriyor, proje ayrıntılarını topluyor ve bir tasarımcının görüşmeye devam etmesini sağlıyor.

Temel kurulum programlama gerektirmez. Bilgi ve talimatlar, potansiyel müşteri bilgilerini toplama ve insan temsilciye aktarım adımlarını izleyin, ardından widget’ı kurun. İsteğe bağlı bir API Action, tamamlanmış talepleri başka bir sisteme gönderir.

Örnek web sitesi, bilgi içeriği, Main Prompt, ayarlar ve test mesajları için Kestrel Kitchens kurulum paketini indirin. Bunlar kontrol panelinde adımları izlerken kullanacağınız düzenlenebilir dosyalardır; Agent’ı tek tıkla içe aktaran bir paket değildir. Test edilmiş örneği yeniden oluşturabilmeniz için ekran görüntüleri ve kopyalanabilir paket, prompt ve yapılandırma içerikleri İngilizce bırakılmıştır.

Web sitesi chatbot’u ne yapacak?

Chatbot içeriğinizden soruları yanıtlar, geri dönüş isteyen ziyaretçinin bilgilerini kaydeder ve bir kişiye ihtiyaç duyulduğunda görüşmeyi ekibinize aktarır.

Bu sonuçların her biri farklı kanıt gerektirir. Doğru fiyat aralığı Knowledge Base’den gelir. Bir fiyat teklifi talebi için iletişim ve proje bilgilerinin Inbox’ta bulunması gerekir. Aktarımın doğrulanması için bir çalışanın görüşmeyi devralıp ziyaretçiye ulaşan bir yanıt göndermesi gerekir.

Ziyaretçinin örnekte izlediği yol. Fiyat teklifi talebi ilgiyi kaydeder; fiyatı ve müsaitliği yine tasarımcı doğrular.

Chatbot eklemeden önce nelere ihtiyacınız var?

Bir Quickchat AI hesabına, doğrulayabileceğiniz işletme bilgilerine ve web sitesinin eklenti veya özel kod ayarlarına erişime ihtiyacınız var.

1. Quickchat AI hesabı oluşturun ve kayıt adımlarını tamamlayın. Bu alıştırma için ayrı bir Agent kullanın; böylece örnek bilgiler mevcut müşteri hizmetlerini etkileyemez.
2. Hizmet sayfalarınızı, sık sorulan soruları ve politikalarınızı hazırlayın veya paketteki hayalî bilgileri kullanın. Gerçek bir işletmede kullanıma almadan önce hayalî fiyatları ve hizmet bölgesini değiştirin.
3. Web sitesi planınızın ilgili kurulum yöntemine izin verdiğini kontrol edin. WordPress’te eklenti erişimi gerekir; bazı barındırılan site oluşturucular site genelinde özel kod için ücretli plan gerektirir.
4. İnsan temsilciye aktarımı denerken birinin test Inbox’ını izlemesini sağlayın. Son web sitesi kontrolleri için bir masaüstü tarayıcı ve telefon hazır bulundurun.

Free, kişisel ve ticari olmayan öğrenme içindir. Free planına ayda 50 AI kredisi dahildir. İşletmede kullanım ticari plan gerektirir ve testler, diğer AI görüşmeleriyle aynı yanıt kotasını kullanır. Site oluşturucu abonelikleri ve harici API maliyetleri ayrıdır. Maliyet bölümü bu giderleri ayrı ayrı ele alır.

Adım 1: Chatbot’u web sitenizin bilgileriyle nasıl eğitirsiniz?

İşletmenizin yanıtlarını içeren sayfaları Knowledge Base’e ekleyin, ardından test etmeden önce içe aktarılan içeriği doğrulayın. Böylece Agent’ın yanıtlarında başvuracağı kaynaklar olur.

Öğrenme Agent’ını oluşturun

1. İlk kurulum ekranında Set up manually seçeneğini seçin. Mevcut kontrol panelinde ayrı bir Agent oluşturmak için AI Agent yanındaki + (Add new AI Agent) düğmesini kullanın, ardından Set up manually seçeneğini seçin.
2. Identity bölümünde Name your AI Agent alanına Kestrel Kitchens girin. Paketteki main-prompt.txt içeriğini Describe what you want your agent to do alanına yapıştırın. Bu, Adım 2’de açıklanan Main Prompt olur. Next seçeneğini seçin.
3. Şimdilik Knowledge Base bölümünü boş bırakıp Next seçeneğini seçin. External apps adımında bağlantı seçmeden devam edin. Deployment bölümünde Chat widget, ardından Next seçeneğini seçin.
4. Choose your plan ekranında kişisel öğrenme alıştırmasına devam etmek için Skip for now seçeneğini kullanın veya işletmede kullanım için uygun ticari planı seçin. Sonrasında gösterilen isteğe bağlı teklifleri tamamlayın ya da kapatın.
5. Kontrol panelinde Agent’ın adını Identity bölümünde doğrulayın, ardından Knowledge Base’i açın. Kendi sayfalarınızı veya aşağıda sağlanan örnek makaleyi seçin.

Kendi sayfalarınızı içe aktarın

1. Knowledge Base bölümünde Add Website seçeneğini seçin. İhtiyacınızın kapsamına göre tek sayfa veya web sitesi içe aktarma seçeneğini kullanın.
2. Herkese açık URL’yi girin. Web sitesi içe aktarımında bulunan sayfaları inceleyin ve yanıtlara kaynak olması gereken hizmet, fiyatlandırma, süreç ve SSS sayfalarını seçin.
3. İçe aktarılan metni inceleyin. Fiyatlarda doğru para biriminin ve vergi uygulamasının bulunduğunu, eski kampanyaların veya ilgisiz sayfaların kaynaklara dahil edilmediğini doğrulayın.
4. İşlemenin tamamlanmasını bekleyin. Kurulu widget’ı test etmeden önce kontrol panelinde gösterilen bekleyen bilgi değişikliklerini uygulayın veya yayımlayın.

Önce birkaç açık ve anlaşılır sayfa kullanın. Bir site, dikkat çekici bir fiyat kartı gösterirken fiyatın koşullarını başka bir yerde açıklayabilir; Agent’ın ikisine de ihtiyacı vardır. Yalnızca ana sayfayı içe aktarmak, yanıtı yararlı kılan kurulum koşullarının, coğrafi sınırların veya iade politikasının eksik kalmasına neden olabilir.

Kestrel Kitchens kaynağını kullanın

Önce bir web sitesi barındırmadan örneği yeniden oluşturmak için bilgileri doğrudan ekleyin:

1. Knowledge Base bölümünde Add Article seçeneğini seçin. Bu işlem bir Untitled makalesi oluşturur ve Edit Article ekranını açar.
2. Title alanına Kestrel Kitchens: services, prices and process girin. Content altında Plain Text seçeneğini seçip paketteki knowledge.txt içeriğini yapıştırın.
3. Save seçeneğini seçin ve makale Ready durumuna gelene kadar bekleyin. Başlığının Knowledge Base listesinde göründüğünü doğrulayın.

Kaydedilen makale fiyat ve sürelere ilişkin koşulları korur. Hayalî bilgiler örnek web sitesiyle eşleşir.

Kestrel Kitchens is a fictional kitchen design and renovation business used in this tutorial. It serves Bristol, Bath and addresses within 25 miles of central Bristol.

Services: kitchen design, supply and full installation. A full kitchen renovation typically costs £18,000 to £45,000 including VAT. This is a planning range, not a quote. The final price depends on the survey, layout, cabinetry, appliances and building work. Room dimensions alone are not enough to calculate a firm price.

Timelines: survey and design normally take 2 to 3 weeks. Installation usually takes 4 to 8 weeks after all materials are available. These are typical durations, not a promised start date or completion date.

Process: discuss the project, arrange a site survey, agree the design and receive a written quote, then schedule work once the quote is accepted and materials are available. The chatbot cannot book a survey or confirm availability.

The design team works Monday to Friday, 09:00 to 17:00, Europe/London. Quote enquiries need the visitor's full name, email, postcode and project type. A preferred timeline is helpful but optional. The team follows up by email. Do not promise a response deadline.

Kaynak, finansmanı bilerek belirtmez. Böylece Agent’ın gerçek bir bilgi eksikliğini nasıl ele aldığını test edebilirsiniz. Gerçek bir sitede kaynak sayfaları güncel tutun ve mevcutsa desteklenen yenileme ayarlarını kullanın; Knowledge Base rehberi bu kaynakların nasıl düzenleneceğini ve test edileceğini açıklar.

Adım 2: Chatbot ne söylemeli, hangi sözleri vermemeli?

Agent’ın bilgiyi nasıl kullanacağını Main Prompt ile belirleyin: önce soruyu yanıtlasın, yararlı bir yanıt versin ve kesin fiyat teklifi gibi kararları ekibe bıraksın.

Kestrel için oda ölçüleri projenin ölçeğini gösterir. Dolapları, cihazları veya inşaat işlerini belirlemez. Agent, taban alanından daha kesin bir fiyat hesaplamadan, kaynakta yer alan KDV dahil £18,000 ile £45,000 arasındaki tahmini bütçe aralığını açıklamalıdır.

Bu fiyatlar rehber için kullanılan hayalî verilerdir. Burada amaç, kaynak bilgileriyle ekibinizin hâlâ vermesi gereken karar arasındaki ayrımı korumaktır.

1. Identity bölümünde Main Prompt kartındaki Edit seçeneğini seçin.
2. Aşağıdaki prompt’un tamamını yapıştırın. Kaydedilmesini bekleyin, ardından kayıtlı metni doğrulamak için düzenleyiciyi yeniden açın.
3. İşletme bilgilerini Knowledge Base’de tutun. Prompt’u yanıt üslubu, bilgi toplama davranışı ve bir kişi gerektiren kararlar için kullanın.

Main Prompt talimat alanıdır. Kopyalanabilir tam metin aşağıda ve pakette bulunur.

You are the website assistant for Kestrel Kitchens. Help visitors understand our services, indicative prices and process using the Knowledge Base.

Answer the visitor's question before asking for contact details. Keep replies concise, usually two to four sentences. Use the visitor's language.

Treat prices as planning ranges. Never calculate a firm quote from room dimensions, invent a discount, promise a start date, confirm a survey booking or claim financing is available. If the Knowledge Base does not answer a question, say that a designer must confirm it.

When a visitor wants a quote or follow-up, collect their full name, email, postcode and project type in conversation. Ask one or two relevant questions at a time. Ask about their preferred timeline only after the required details, and accept a refusal without pressure. Do not ask for payment information.

Offer Human Handoff when the visitor asks for a designer or needs information you cannot confirm. Respect the configured working hours. Never claim that a designer is connected or a quote is booked. If the team is unavailable, offer an email follow-up.

Acknowledge the details the visitor has provided. Do not claim CRM delivery or a confirmed booking. The design team reviews enquiries in the Inbox.

AI Preview’ı açın ve How long does a full kitchen renovation take? diye sorun. Yerel kontrol testinde Agent, yerinde inceleme ve tasarım için 2 ila 3 hafta, ardından malzemeler hazır olduktan sonra kurulum için 4 ila 8 hafta yanıtını verdi. Hem süre hem de koşul önemlidir.

Yeni bir görüşme başlatıp Do you offer financing? diye sorun. Doğru yanıt, kaynakta böyle bir teklifin belirtilmediğini kabul eder ve soruyu bir tasarımcıya yönlendirir. Prompt’a daha kesin ifadeler eklemek eksik işletme bilgisini sağlamaz.

Adım 3: Sohbette fiyat teklifi taleplerini nasıl toplarsınız?

Smart Data Gathering, görüşme sırasında seçilen bilgileri sorar ve ziyaretçinin verdiği yanıtları kaydeder. Fiyat teklifi talebi için yalnızca tasarımcının geri dönüş yapması için gereken bilgileri toplayın.

1. Actions & MCPs bölümünü açın, Smart Data Gathering’i etkinleştirin ve Edit Action seçeneğini seçin. Name alanını Quote enquiries, Description alanını Capture contact and project details for a kitchen design enquiry. olarak ayarlayın. Kaydedilen ad kartın başlığı olur.
2. Data to collect altında aşağıdaki satırları ekleyin. Örneği yeniden oluştururken bu İngilizce Data point adlarını koruyun; iletişim alanlarının adları, Inbox’taki ziyaretçi alanlarıyla özel olarak eşleştirilir.
3. Reason for collecting information alanını So a Kestrel Kitchens designer can assess your project and follow up by email. olarak ayarlayın.
4. When to ask for data ayarını After exchanging a few messages, How to ask for data ayarını Subtle olarak belirleyin.
5. Action’ı kaydedin. AI Preview’da fiyat teklifi istemeden önce hizmetle ilgili yararlı bir soru sorun ve kayıtlı bilgileri Inbox’ta inceleyin.

Sorular toplanacak bilgileri tanımlar. Zamanlama ve üslup ayarları ne zaman sorulacağını yönlendirir; gerçek görüşmeyi de test edin.

Ad, e-posta, posta kodu ve proje türü, bu örnekteki tamamlanmış talep için zorunlu bilgilerdir. Main Prompt’ta açıklandığı gibi tercih edilen zaman isteğe bağlıdır. Bu işletme gereksinimi, görüşme sırasındaki bilgi toplama ayarlarından ayrıdır; Adım 8, CRM isteği gönderilmeden önce zorunlu alanların dolmasını şart koşar.

Agent, genel bir maliyet sorusunu yanıtlarken e-posta adresi vermeyi ön koşul yapmamalıdır. Ziyaretçi bilgi vermeyi de reddedebilir. Tekrarlanan talepler olmadan görüşmenin yararlı kaldığını kontrol etmek için I am only researching. I do not want to leave contact details. kullanın.

Toplanan bilgiler nereye gider?

Görüşmeyi Inbox’ta açın. Standart iletişim bilgileri ziyaretçi alanlarında görünür; toplanan diğer değerler görüşmeye bağlı kalır ve Export Gathered Data ile dışa aktarılabilir.

Where to send data altındaki Email new leads, bir e-posta adresi veya telefon numarası ilk kez toplandığında Agent’ın tüm yöneticilerine bildirim gönderir. Yalnızca ad alınması e-posta göndermez. Preview ve Simulation bu bildirimleri göndermez; bu nedenle e-posta teslimatına güvenmeden önce kurulu widget’ta kontrollü bir test yapıp kendi yönetici e-posta kutunuzu doğrulayın. Yerel uygulamalı örnekte harici e-posta teslimatı kapalı tutulur.

Smart Data Gathering belgeleri bilgi toplamayı, bildirimleri ve dışa aktarmayı açıklar. Kendi sitenizde bilgiyi neden istediğinizi açıklayın ve widget’ta gizlilik bildiriminize bağlantı verin. Chatbot veri koruma rehberi, daha geniş veri akışını incelemenize yardımcı olur.

Adım 4: Bir çalışanın sohbeti devralmasını nasıl sağlarsınız?

Human Handoff, görüşmeyi ekibinize aktarır; ardından bir çalışan Inbox’ta devralır ve aynı ziyaretçiye yanıt verir.

Widget’ı yayımlamadan önce aktarımı hazırlayın. Tasarımcı isteyen biri önce fiyat teklifi formunu tamamlamak zorunda kalmamalı; Agent da ekibin çalışma saatleri dışında birinin çevrimiçi olduğunu ima etmemelidir.

1. Actions & MCPs bölümünde Human Handoff’u etkinleştirip Edit Action seçeneğini açın.
2. Standart Media Message, User Frustration, Customer Support Suggestion ve Lack Of Knowledge kurallarını açık, Irrelevant Advice kuralını kapalı tutun. Main Prompt zaten ne zaman tasarımcı önerileceğini açıklar. Test edilmiş örnek, özel kural eklemeden bu standart kuralları kullanır.
3. Aşağıdaki mesajları ve müsaitliği yapılandırıp kaydedin. Öğrenme alıştırmasında Email notifications ayarını kapalı tutun ve aktarımı doğrudan Inbox’ta kontrol edin.

Bir çalışanın gerçekten Inbox’ı izlediği saatleri kullanın. Hayalî çalışma saatleri anında yanıt sözü değildir.

Ekibin çalıştığı bir zaman aralığında web sitesinden Can I speak to a designer? diye sorun. Agent’ın istediği aktarım onaylarını tamamlayın. Inbox’ta görüşmeyi açın; atanmamışsa Assign to me, ilgili kontrol gösteriliyorsa Take over seçeneğini seçin. Çalışan olarak yanıt gönderin ve ziyaretçinin aldığını doğrulayın. AI’ın devam etmesi gerektiğinde Reassign to AI kullanın.

Yalnızca Agent’ın aktarım teklifini değil, sahipliği ve çalışanın teslim edilen yanıtını da kontrol edin.

Yapılandırılan saatlerin dışında yeni bir görüşmede tekrarlayın. Agent müsaitliği açıklamalı ve belirtilen geri dönüş yolunu sunmalıdır. Bu kontrol için programı geçici olarak değiştirirseniz sonrasında gerçek programa geri dönün. Human Handoff belgeleri, ayarları ve Inbox akışını açıklar.

Sohbet botundan insana devir eğitimi, görüşme sahipliği, AI’ya geri devir ve mesai saatleri dışındaki hatalar için ayrı kontroller içerir.

Adım 5: Widget’ı web sitenize nasıl uyarlarsınız?

Görünümü ve sabit metni Channels → Your Website altında ayarlayın. Karşılama mesajı, ziyaretçinin neler sorabileceğini açıklayacak kadar belirgin olsun.

Görünüm

1. Appearance bölümünü açın. Kestrel için beyaz arka planlı, koyu yeşil başlık ve vurgu rengine (#315448) ve beyaz başlık metnine sahip bir Custom tema seçin. Varsayılan metin boyutunu ve yuvarlatılmış kontrolleri koruyun.
2. Branding → AI Agent Avatar altında avatarın yükleme simgesine tıklayın, paketten website/kestrel-avatar.png dosyasını seçin ve kırpma iletişim kutusunda Upload seçeneğini seçin.
3. Widget window max width değerini 400px, Widget window max height değerini 520px yapın. Başlatıcı boyutu için Small seçeneğini seçin, sağa yerleştirin ve etiket olarak Ask about your kitchen kullanın. Etiket küçük başlatıcıda kullanılabilir. Konumu sitenizdeki çerez bildirimi veya diğer yüzen kontrollerle birlikte önizleyin.
4. Auto-open Widget ayarını kapalı bırakın. Widget’ın her sayfa yüklenişinde açılması, özellikle telefonda gezinmeyi kesintiye uğratır.

Renk seçerken önizlemeyi kontrol edin. Başlatıcı sitenizin kontrolleriyle aynı alanı paylaştığından canlı web sitesi testi de önemlidir.

Metin içeriği

Text Content bölümünü açın ve şu değerleri kullanın:

Görüşme başlatıcıları yararlı görevleri başlatmalıdır. Sorumluluk açıklaması, hangi kararların hâlâ tasarımcı gerektirdiğini ziyaretçilere bildirir.

Agent ziyaretçinin dilinde yanıt verebilir. Sabit karşılama mesajını ve widget etiketlerini çevirmek, ücretli planlarda Other languages altında bulunan ayrı bir ayardır. Çok dilli bir sitede hem yanıtı hem de sabit arayüz metnini test edin; çok dilli chatbot rehberi bu ayrımı açıklar.

Görünüm değişikliklerinin önbellekteki ziyaretçi oturumlarına ulaşması birkaç dakika sürebilir. Kaydedilen değişikliğin başarısız olduğu sonucuna varmadan önce sayfayı yenileyin. Hide Quickchat AI Branding, Professional veya üzeri plan gerektirir; markasız kullanım rehberi incelenmesi gereken diğer alanları ele alır.

Adım 6: Chatbot’u web sitenize nasıl kurarsınız?

Widget’ı sitenin ortak yerleşimine kurun veya desteklenen platform entegrasyonunu kullanın. Yüzen Widget’ın ziyaretçinin gezindiği sayfada çalışması gerekir.

1. Channels → Your Website → Install bölümünü açın.
2. Herkese açık widget için Widget & Embed access ayarını etkinleştirin.
3. Web sitenizin kurulum yöntemini seçin ve bu Agent için gösterilen kod parçasını veya Scenario ID’yi kopyalayın.
4. Değişikliği yayımlayın, herkese açık siteyi açın ve yanıtının Knowledge Base’de bulunduğunu bildiğiniz bir soru sorun.

Bu Agent’ın Install ekranından kopyalayın. Scenario ID, herkese açık bir widget tanımlayıcısıdır; özel API anahtarı değildir.

Herhangi bir web sitesi: Widget kodunu kapanış body etiketinden önce yapıştırın

Install manually with code seçeneğini seçip Widget kodunu kopyalayın. Mevcut yükleyicinin yapısı şöyledir:

<script>
  (function(e,a,d,i,c,t=a.createElement(d)){e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},t.src=i,t.async=1,a.body.insertAdjacentElement("beforeend",t)})(window,document,"script","https://bubble.quickchat.ai/chat.js","_quickchat");
  _quickchat("init", "YOUR_SCENARIO_ID");
</script>

YOUR_SCENARIO_ID yerine Install’daki değeri yazın. Kodun tamamını ortak yerleşimde bir kez, </body> etiketinin hemen önüne yapıştırın veya site oluşturucunun site genelindeki altbilgi alanını kullanın. Bu yükleyici sayfa gövdesine bir betik ekler; bu nedenle gövde henüz oluşmadan head içine yerleştirmek yüklenmesini engelleyebilir.

Konum önemlidir. iframe tabanlı HTML bloğu ayrı bir sayfadır ve bu yüzen Widget için uygun değildir.

Ayrı Embed seçeneği sohbeti sayfadaki bir kapsayıcı içine yerleştirir. Sayfa içinde bir sohbet bölümü istiyorsanız bu seçeneğin ürettiği kodu kullanın. Kodu doğrudan sayfaya ekleyen bir HTML bloğu bu yapıyı destekleyebilir; kodu iframe içinde yalıtan bir site oluşturucu bloğu farklıdır. Website kanalı belgelerine bakın.

WordPress: resmî eklentiyi kurun

1. WordPress’te Plugins → Add New bölümünü açın, Quickchat AI Agent araması yapın, ardından Install Now ve Activate seçeneklerini seçin.
2. Settings → Quickchat AI Agent bölümünü açın.
3. Quickchat AI Install ekranındaki Scenario ID değerini yapıştırıp Save Changes seçeneğini seçin.
4. Herkese açık bir sayfa açıp widget’ı kontrol edin. Yükleyiciyi iki kez kurmamak için eklenti veya manuel kod yöntemlerinden yalnızca birini kullanın.

Eklentilere izin veren bir WordPress kurulumuna ve planına ihtiyacınız var. WordPress chatbot rehberi, eklenti arayüzünü ve WordPress’e özgü kontrolleri gösterir.

Squarespace: altbilgiye kod ekleyin

1. Sitenin Code Injection panelini açın. Hesabınızda gezinme menüsü farklıysa kontrol panelinin ayar aramasını kullanın.
2. Widget kodunun tamamını Footer alanına yapıştırıp kaydedin.
3. Yayımlanmış sayfayı ayrı bir tarayıcı sekmesinde açıp bir yanıtı test edin.

Squarespace, Core, Plus, Advanced ve bazı eski planlarda Code Injection sağlar. Altbilgiye ekleme, kodu site genelinde </body> önüne yerleştirir. Yüzen widget için bu alanı kullanın; sayfa düzeyinde bir iframe bloğu eşdeğer değildir. Bu özel kod Squarespace ödeme sayfalarını kapsamaz.

Wix: özel kodu gövdenin sonuna ekleyin

1. Site kontrol panelinde Settings → Custom Code, ardından + Add Custom Code seçeneğini açın.
2. Widget kodunu yapıştırın ve Quickchat AI widget adını verin.
3. All pages seçeneğiyle tüm sayfalara uygulayın, Body - end, ardından Apply seçeneğini seçin.
4. Başka bir sayfaya geçiş de dahil olmak üzere yayımlanmış siteyi test edin.

Wix’te özel kod için bağlı alan adına sahip yayımlanmış bir site gerekir. Bu yüzen widget için site genelindeki Custom Code ayarını kullanın.

Webflow: altbilgi kodunu kullanıp yayımlayın

1. Site settings → Custom code bölümünü açın.
2. Widget kodunu Footer code alanına yapıştırıp Save changes seçeneğini seçin.
3. Hedef alan adına Publish ile yayımlayın, ardından yayımlanmış URL’yi test edin.

Webflow’un özel kod ayarları, uygun bir ücretli Workspace veya etkin Site planı gerektirir. Ayarı kaydetmek tek başına yayımlamaz.

Shopify: mevcut Agent’ın kodunu veya Shopify uygulamasını seçin

Önceden oluşturduğunuz Kestrel Agent için Widget kodunu Online Store → Themes → Edit code → layout/theme.liquid içinde </body> etiketinin hemen önüne ekleyin, ardından kaydedip mağaza vitrinini inceleyin. Düzenlemeden önce temanın yedeğini alın ve tema değiştirdikten sonra kurulumu yeniden kontrol edin. Bu yol seçtiğiniz Agent’ı gösterir; ürün veya sipariş Action’larını yapılandırmaz.

Mağaza odaklı bir Agent için Quickchat AI Shopify uygulaması kurulumu, mağazayı kendi ilk kurulum akışı üzerinden bağlar. Bu bağlantıdan sonra Enable Widget in Shopify Theme Editor kullanın veya Online Store → Themes → Edit theme → App embeds bölümünü açın. Quickchat AI Widget’ı etkinleştirip kaydedin. Shopify’ın uygulama yerleştirme belgeleri, tema kontrollerini açıklar; yayımlanmış temayı değiştirirken uygulama yerleştirmesini yeniden etkinleştirin.

Yukarıdaki site oluşturucu yolları resmî belgelerle karşılaştırılarak kontrol edildi. Uygulamalı ekran görüntüleri Kestrel örnek web sitesini ve gerçek yerel widget’ı gösterir; her site oluşturucuda oturum açılmış hesapların ekran görüntüleri değildir.

Agent’ta sorun aramadan önce kod parçasını kontrol edin

Bu isteğe bağlı kontroller verdiğiniz değerler üzerinde çalışır:

• Widget kodunu kontrol edin. Yapıştırılan kodu sağlanan Scenario ID ile karşılaştırın. Bu kontrol web sitenizi getirmez.
• Kullanıma alma yöntemlerini karşılaştırın. Belirttiğiniz kanalları, web sitesi erişimini ve gerekli özellikleri Quickchat AI kurulum seçenekleriyle karşılaştırın. Bu kontrol web sitenizi veya hesabınızı incelemez.

Uyumlu bir tarayıcıda bu kontroller site araçları olarak da kullanılabilir. Bağlantılar standart formları açar.

Adım 7: Ziyaretçilerden önce chatbot’u nasıl test edersiniz?

Yanıtı, kayıtlı verileri ve teslim edilen yanıtı ayrı ayrı test edin. AI Preview ve Simulation Testing davranışı değerlendirmenize yardımcı olur; yayımlanmış web sitesi ise ziyaretçinin kurulu widget’ı kullanabildiğini kanıtlar.

Simulation Testing’de bağımsız sorular çalıştırın

Testing → Create Dataset bölümünü açın, Kestrel Kitchens: website launch checks adını verin ve Paste messages seçeneğini seçin. Aşağıdaki süre, fiyat ve finansman sorularını, aralarında --- içeren bir satır olacak şekilde ekleyin. Yalnızca satır sonu kullanmak metni tek bir test mesajında tutar. Evaluation criteria alanını gerçek bilgileri ve kısa yanıtları kontrol edecek şekilde ayarlayın, ardından Run → Start Run seçeneğini seçin. Tam mesajlar ve ölçütler pakette bulunur.

Veri kümesindeki her satır ayrı bir görüşme başlatır. Bu bağımsız sorular için Simulation kullanın; çok turlu fiyat teklifi ve insanın devralması kontrollerini tek bir AI Preview veya web sitesi görüşmesinde yapın. Görüşme dökümünü değerlendiren araç harici teslimatı doğrulayamayacağı için Action günlüğünü ve alıcıyı ayrı ayrı inceleyin.

Tamamlanmış bir çalıştırmayı açıp yanıtlarını inceleyin. Bu fiyat yanıtı planlama aralığını korur; yanıt puanı başka bir sisteme teslimatı kanıtlamaz.

Bağımsız vakalar arasında yeni bir görüşme kullanın. Sayfayı yenilemek mevcut görüşmeyi sürdürebilir; bu nedenle temiz bir test gerektiğinde widget’ın yeni sohbet kontrolünü kullanın.

Web sitesini telefonda kontrol edin

768 CSS pikselinden dar ekranlarda açık widget tam ekran düzeni kullanır. Açabildiğinizi, klavye görünürken yazabildiğinizi, görüşmeyi kaydırabildiğinizi ve kapatıp siteye dönebildiğinizi kontrol edin.

Son olarak gerçek bir kişinin Inbox’tan yanıt vermesini sağlayın. İyi bir AI yanıtı, insan desteği yolunun çalıştığını kanıtlamaz. Kaynakları, prompt’ları, Action’ları veya site temasını değiştirdikten sonra bu kontrollerin küçük bir bölümünü tekrarlayın.

Adım 8: Tamamlanmış bir talebi CRM’inize nasıl gönderirsiniz?

İsteğe bağlı bir API Action, görüşmede tüm zorunlu bilgiler toplandıktan sonra kayıtlı alanları bir HTTP alıcısına gönderebilir. Temel web sitesi chatbot’u bu uzantı olmadan da kullanılabilir.

Bir iletişim bilgisinin toplanması ile talebin tamamlanması arasındaki ayrım önemlidir. Quickchat AI, ad da dahil olmak üzere standart bir iletişim alanını yeni topladığında lead_captured değerini ayarlar. Bu bayrak tek başına e-posta, posta kodu veya proje türünün bulunduğunu göstermez.

Platform her koşulu kontrol eder. Model bilgiyi toplar; koşullar ise isteğin ne zaman çalıştırılabilir olduğunu belirler.

Alıcıyı hazırlayın

Aşağıdaki JSON gövdesini kabul eden, kontrolünüzdeki bir CRM veya otomasyon uç noktasını kullanın. Paket, CRM bağlamadan önce isteği incelemek isteyen okurlar için küçük bir yerel gösterim alıcısı içerir. Kurulum talimatları özel bir belirteç oluşturur ve geçici bir HTTPS uç noktasının nasıl erişime açılacağını açıklar. Gösterim alıcısına yalnızca hayalî test verileri gönderin.

Bunun yerine yönetilen bir entegrasyon için Google Sheets raporlama rehberini veya özel CRM rehberini izleyin. Aynı potansiyel müşteri kaydını oluşturan iki iş akışını birden açmayın.

Tek bir otomatik API Action yapılandırın

1. Actions & MCPs → Custom Actions → Add Action → API Action yolunu açın. Açıklama tabanlı oluşturucu açılırsa Create manually seçeneğini seçin.
2. API Action Name alanını Send quote enquiry olarak ayarlayın.
3. What to ask the user first alanını boş bırakın. Bu Action, Smart Data Gathering’in zaten kaydettiği alanları okur; modelden ikinci bir parametre kümesini doldurmasını istemez.
4. API Endpoint altında POST seçin ve alıcınızın HTTPS /enquiries URL’sini girin.
5. Aşağıdaki üstbilgileri, gövdeyi ve koşulları ekleyin, ardından Action’ı kaydedip etkinleştirin.

Belirteci yalnızca Action’ın üstbilgi ayarına girin. Prompt’a, web sitesi koduna veya ziyaretçi görüşmesine koymayın. Gösterim alıcısının README dosyası nasıl üretileceğini açıklar; gerçek entegrasyonda CRM’inizin belgelenmiş kimlik doğrulamasını kullanın.

Body sekmesinde JSON seçip şunu girin:

{
  "conversation_id": "{{conversation_id}}",
  "name": "{{metadata_visitor_name}}",
  "email": "{{metadata_visitor_email}}",
  "postcode": "{{metadata_postcode}}",
  "project_type": "{{metadata_project_type}}"
}

İlgili yerleşik ve metadata değerlerini eklemek için Add AI Data kullanın. conversation_id görüşmeyi tanımlar. Diğer değerler kayıtlı alanlardan gelir; İngilizce iletişim alanı adları visitor_name ve visitor_email ile eşleşirken Project type, project_type olur. Değişkenler belgeleri bu eşlemeleri açıklar.

When to run altında When metadata matches seçin. Run when bölümüne beş satırın tamamını ekleyin; metadata koşulları AND ile birleştirilir:

Bu metin alanları için is true, boş değerleri ve yanlış değerini temsil eden metinleri reddeder. exists yalnızca anahtarın bulunup bulunmadığını kontrol eder; kayıtlı boş bir dize bu kontrolden geçebilir. Aşağıdaki testler daha güçlü koşulun neden önemli olduğunu gösterir. Bu, kullanılabilir metin verildiğini kontrol eder; ziyaretçinin kimliğini veya mülk bilgilerini bağımsız olarak doğrulamaz.

Şu API Action Description metnini kullanın:

Send a quote enquiry to the design team when the visitor has provided their full name, email, postcode and project type. This records an enquiry only; it does not book a survey or confirm a price.

Kaydedilen beş koşulun ilk ikisi. Tablodaki her satırı ekleyin; When metadata matches, Agent’ın Action’ı seçmesine gerek kalmadan bir AI turundan sonra bunları kontrol eder.

Tüm koşullar eşleştiğinde Action görüşme başına bir kez denenir. İsteğe bağlı zaman bilgisi geldiğinde yeniden çalışmaz ve gönderilip başarısız olan bir istek o görüşmede otomatik olarak yeniden denenmez. Zaman bilgisini tasarımcı için Inbox’ta tutun veya CRM’iniz sonradan değişiklik gerektiriyorsa açıkça oluşturma ve güncelleme işlemleri yapan bir entegrasyon geliştirin.

İstek AI turundan sonra çalışır ve yanıtı sohbete eklenmez. Bu nedenle Main Prompt, ziyaretçinin bilgilerini aldığını belirtir ancak CRM’in kabul ettiğini iddia etmez. Teslimatı Action günlüğünde ve alıcıda doğrulayın. Otomatik Action belgeleri bu çalıştırma davranışını açıklar.

Önce eksik veriyi, ardından tamamlanmış talebi test edin

İlk sürüm zorunlu metin alanları için exists kullanıyordu. Sam önce adını, sonraki mesajda e-postasını verdi. Smart Data Gathering boş posta kodu ve proje türü değerlerini zaten oluşturmuştu; dolayısıyla bu anahtarlar mevcuttu ve Action eksik bir istek gönderdi. Böylece görüşme için tek deneme hakkını da tüketti.

Düzeltme, diğer ayarları değiştirmeden dört metin alanının koşulunu is true yapmaktı. Testi yeni bir görüşmede, ikinci turda yalnızca e-posta vererek tekrarlayın. Action kalan proje bilgilerini beklemelidir.

Bu, üretim başarı oranı değil, gözlemlenmiş tek bir görüşmedir. Yeni bir görüşmeyle yeniden oluşturun, her turdan sonra kayıtlı alanları inceleyin ve isteği kendi uç noktanızda kontrol edin.

Gerçek Action çağrısı HTTP 201 döndürdü. İsteği incelemek için ayrıntılarını açın; aşağıdaki kayıt, alıcının ne sakladığını gösterir.

Kimlik doğrulamalı gösterim alıcısından gerçek bir kayıt. Bu bir taleptir; onaylanmış fiyat teklifi veya rezervasyon değildir.

Gösterimde yerel bir alıcı kullanıldı ve gerçek HTTP teslimatı kaydedildi. Barındırılan bir Quickchat AI Agent’ın herkese açık erişilebilir bir HTTPS uç noktasına ihtiyacı vardır; bilgisayarınızdaki bir localhost URL’sine hizmetten erişilemez.

Hiçbir şey ulaşmıyorsa Action’daki View logs bölümünü ve görüşmenin kayıtlı metadata’sını inceleyin. Eksik değerler, kapalı Action ve HTTP hatası farklı çözümler gerektirir. Yapılandırmayı düzeltip otomatik tetikleyiciyi yeniden test etmek için yeni bir görüşme kullanın; aynı sohbette yeniden denemesini istemek, görüşme başına tek deneme hakkını sıfırlamaz.

Chatbot neden görünmüyor veya eski ayarları gösteriyor?

Prompt’u değiştirmeden önce yayımlanmış sayfayı, kurulum konumunu ve Agent erişimini kontrol edin. Tarayıcıda yükleme sorunu, yanıt kalitesi sorunundan ayrıdır.

Tarayıcı engellenen bir kaynak bildiriyorsa tam Content Security Policy hatasını veya engelleyici hatasını inceleyin. Sitenizin korumalarını topluca kapatmaktan kaçının. Herkese açık sayfayı HTTPS üzerinden test edin ve gerekli kurulum için kanal belgelerini kullanın.

Web sitesi chatbot’unun maliyeti nedir?

Abonelik ve kullanım kotası AI hizmetinin bedelini karşılar; web sitesi planınız ve isteğe bağlı entegrasyonlar ayrı maliyetlerdir.

Bir AI kredisi bir görüşme demek değildir. Görüşme birden fazla AI yanıtı içerebilir ve farklı model seçimlerinin kredi maliyetleri farklı olabilir. Test bütçesine Preview ve Simulation’ı dahil edin. Hacminizi tahmin etmek için güncel fiyatlandırma ve kotaları ve chatbot maliyet rehberini kullanın.

ChatGPT veya Claude chatbot kurulumuna yardımcı olabilir mi?

Quickchat AI hesap yönetimi bağlantısı, uyumlu bir asistanın desteklenen Agent ayarlarını yapılandırmasını ve bu içeriklerden testler hazırlamasını sağlar.

Manage with AI rehberini izleyerek ChatGPT’de Quickchat AI veya Claude’da Quickchat AI üzerinden kendi hesabınızı bağlayın. Desteklenen araçlar bilgi içeriğini, Main Prompt’u, görüşme başlatıcılarını, Human Handoff’u, HTTP Actions’ı, testleri ve kullanıma alma kodunu kapsar.

Smart Data Gathering ve ayrıntılı widget Appearance ayarlarını kontrol panelinde tamamlayın. Ayrıca harici hesaplara yetki vermeniz ve kodu web sitenizin ayarlarına eklemeniz gerekir. Hesap bağlantısı Agent’ınızı yönetmek içindir; bir Agent’ı MCP aracı olarak erişime açmaktan ayrıdır.

Use the Kestrel Kitchens website-chatbot kit to prepare a separate learning Agent. Do not change existing Agents. Set its name to Kestrel Kitchens, add knowledge.txt and set main-prompt.txt as Main Prompt. Configure the supported greeting, conversation starters and Human Handoff settings from the kit. Prepare the launch-test dataset with the supplied messages and criteria. Read back the saved configuration and return this Agent's current Widget snippet.
List the remaining dashboard steps for Smart Data Gathering, Appearance and website installation. Do not invent support for those settings. Leave the optional Send quote enquiry Action inactive until I provide my receiver URL and configure its credential. Before running tests or external writes, tell me the expected credit use and effects and obtain any approval required by this client. Do not claim that a website, email or CRM delivery works until it has been tested.

Sık sorulan sorular

Web siteme yapay zekâ chatbot’u nasıl eklerim?

Quickchat AI’da bir Agent oluşturun, işletme bilgilerinizi ekleyin, Main Prompt, Smart Data Gathering ve Human Handoff’u yapılandırın, ardından Widget’ı bir eklenti veya sağlanan kodla kurun. Yayımlanmış sitede kaynağa dayalı yanıtı, toplanan iletişim bilgilerini ve teslim edilen çalışan yanıtını test edin.

Web siteme özelleştirilmiş bir ChatGPT ekleyebilir miyim?

Kendi sayfalarınızla eğitilmiş, ChatGPT tarzında bir asistan ekleyebilirsiniz. Bu rehber bir Quickchat AI Agent’ı web sitesi widget’ı üzerinden kullanıma alır; böylece ziyaretçiler ChatGPT’de oturum açmadan sitenizde sohbet edebilir. Bilgisi, talimatları ve entegrasyonları Quickchat AI’da yönetilir.

Web siteme ücretsiz yapay zekâ chatbot’u ekleyebilir miyim?

Quickchat AI’ın Free planı kişisel, ticari olmayan öğrenmeyi destekler ve ayda 50 AI kredisi içerir. Şirket web sitesi veya müşterilere yönelik satış ve destek kurulumu için ticari kullanıma izin veren bir plan gerekir. Site oluşturucu abonelikleri ayrıdır ve testler de AI kredisi kullanır.

Kod yazmam veya API anahtarı sağlamam gerekir mi?

Temel kurulum kontrol paneli ayarları ve bir eklenti, uygulama yerleştirmesi veya sağlanan betiği kullanır. Web sitesi kodu özel API anahtarı değil, herkese açık bir Scenario ID içerir. İsteğe bağlı CRM Action bağlamak için uygun uç nokta ve kimlik doğrulaması gerekir; bu kimlik bilgisini Action ayarlarında tutun.

Web sitesi chatbot’u potansiyel müşteri bilgilerini ve fiyat teklifi taleplerini toplayabilir mi?

Evet. Smart Data Gathering, görüşme sırasında seçilen alanları sorar ve Inbox’a kaydeder. Email new leads, bir e-posta adresi veya telefon numarası toplandıktan sonra Agent yöneticilerine bildirim gönderebilir. Bir API Action, gerekli kayıtlı alanları yapılandırılmış alıcıya gönderebilir; yalnızca adın toplanması talebin tamamlandığını göstermez.

Bir çalışan sohbeti devralabilir mi?

Evet. Human Handoff’u ekibin çalışma saatleri ve çalışma saatleri dışı mesajıyla yapılandırın. Inbox’ta atanmamış bir görüşme için Assign to me veya ilgili kontrol gösterildiğinde Take over seçeneğini seçin, ardından ziyaretçiye yanıt verin. Reassign to AI, görüşmeyi Agent’a geri verir.

WordPress, Shopify, Squarespace, Wix ve Webflow’da çalışır mı?

Her biri için bir kurulum yolu vardır. Resmî WordPress eklentisini, mağaza Agent’ını bağladıktan sonra Shopify uygulama yerleştirmesini veya mevcut Agent için site genelinde uygun altbilgi/gövde sonu kodunu kullanın. Eklenti izinleri ve özel kod için gereken planlar site oluşturucuya göre değişir.

Chatbot’um neden web sitemde görünmüyor?

Yayımlanmış sayfayı, doğru Scenario ID’yi ve kodun sayfa gövdesinin sonundaki konumunu kontrol edin. Eski yinelenen kurulumları kaldırın ve yüzen Widget için iframe tabanlı bloklardan kaçının. Açılıyor ancak yanıt veremiyorsa Widget & Embed access ayarını ve kullanılabilir AI kredilerini kontrol edin.

Chatbot web sitemi yavaşlatır mı?

Widget yükleyicisi asenkron indirilir ancak yine de JavaScript ve ağ istekleri ekler. Temsilî sayfalarda ve bir telefonda kurulum öncesi ve sonrası yükleme ve etkileşim performansını karşılaştırın. Asenkron yükleme performans etkisinin sıfır olduğunu göstermez.

Web sitesi chatbot’u telefonlarda çalışır mı?

Açık widget, 768 CSS pikselinin altında tam ekran düzeni kullanır. Başlatıcıyı, klavyeyi, kaydırmayı ve kapatma kontrolünü telefonda test edin. Otomatik açılma gezinmeyi kesintiye uğratacaksa Auto-open Widget ayarını kapalı bırakın.

Chatbot ziyaretçilerimin dillerinde yanıt verebilir mi?

Agent ziyaretçinin dilinde yanıt verebilir. Sabit karşılama metnini, görüşme başlatıcılarını ve widget etiketlerini çevirmek, ücretli planlarda sunulan ayrı bir ayardır. Desteklemeyi düşündüğünüz her dilde hem yanıttaki gerçek bilgileri hem de arayüz metnini test edin.