Web Sitesine Chatbot Nasıl Eklenir? Kod Bilmeden Adım Adım Rehber

Web sitenize chatbot eklemek, çoğu işletmenin düşündüğünden çok daha kısa sürer. Bugün yapay zeka destekli bir sohbet asistanını kurmak için ne yazılımcıya ne de haftalarca süren bir projeye ihtiyacınız var. İşletmenizi anlatan birkaç paragraf, doğru ayarlar ve sitenize yapıştıracağınız tek satırlık bir kod yeterli.

Bu rehberde web sitesine chatbot ekleme sürecini baştan sona anlatıyoruz: hangi bilgileri hazırlamanız gerektiğini, chatbota nasıl talimat yazacağınızı, yayına almadan önce neyi test etmeniz gerektiğini ve kodu WordPress, Shopify, Wix, ikas, Ticimax ya da IdeaSoft gibi platformlara nasıl ekleyeceğinizi. Örnekleri Helovo üzerinden veriyoruz ama adımların çoğu hangi aracı seçerseniz seçin işinize yarar.

Chatbot eklemeden önce: hangi soruları yanıtlayacak?

Kuruluma geçmeden önce beş dakikanızı şuna ayırın: müşterileriniz size en çok ne soruyor? Telefon kayıtlarınıza, WhatsApp mesajlarınıza ve e-postalarınıza bakın. Çoğu işletmede soruların büyük kısmı aynı birkaç konu etrafında döner:

• Fiyat: "Bu ürün ne kadar?", "Kurulum ücreti var mı?"
• Teslimat ve kargo: "Ne zaman gelir?", "Kargo ücretsiz mi?"
• Çalışma saatleri: "Cumartesi açık mısınız?", "Şu an açık mısınız?"
• Adres ve iletişim: "Mağazanız nerede?", "Kimi aramalıyım?"
• İade ve değişim: "Beğenmezsem iade edebilir miyim?"

Bu listeyi yazdığınızda chatbotun görevi netleşir. İyi bir web sitesi chatbotu her şeyi bilen bir asistan değildir; sizin işinizle ilgili tekrar eden soruları doğru ve hızlı yanıtlayan bir asistandır. Listeniz aynı zamanda bir sonraki adımda yazacağınız talimatların iskeleti olacak.

Adım 1: Hesabınızı açın ve chatbotu oluşturun

Helovo'da hesap açmak ücretsizdir ve kredi kartı istemez. Kayıttan sonra panelde "Yeni chatbot" diyerek iki bilgi girersiniz:

1. Chatbot adı: Panelde göreceğiniz ad, örneğin "Destek Asistanı".
2. İşletme adı: Asistanın kendini tanıtırken kullanacağı ad, örneğin "Lale Çiçekçilik".

İşletme adı önemlidir çünkü asistan kendini her zaman bu adla tanıtır: "Ben Lale Çiçekçilik'in sanal asistanıyım." Ziyaretçi "Sen hangi yapay zekasın?" diye sorsa bile arkasındaki teknolojiden söz etmez; sizin markanızla konuşur.

Adım 2: İşletme bilgilerinizi girin

Chatbotun en sık sorulan soruları yanıtlayabilmesi için ona temel bilgileri verin. Helovo'da bunlar ayrı alanlar olarak girilir, böylece asistan onları doğru biçimde kullanır:

• Telefon, e-posta ve web sitesi
• Adres
• Haftalık çalışma saatleri: Her gün için açılış ve kapanış saati. Asistan "Şu an açık mısınız?" sorusunu bu saatlere ve Türkiye saatine göre yanıtlar.
• Çalışma saatleri notu: Örneğin "Resmi tatillerde kapalıyız."
• Yönlendirme talimatı: Asistanın bir soruyu yanıtlayamadığında ya da müşteri bir yetkiliyle görüşmek istediğinde ne diyeceği. Örneğin: "Sipariş sorunlarında 0216 555 01 23'ü aramalarını söyle."

Son madde çoğu işletmenin atladığı ama en çok işe yarayan ayardır. Chatbot bilmediği bir şeyi uydurmak yerine müşteriyi size yönlendirir; aynı anda konuşma panelde "Size yönlendirildi" olarak işaretlenir ve size e-posta gelir. Böylece önemli bir müşteri kaybolmaz.

Adım 3: Chatbota talimat yazın

Talimatlar, chatbotun sizin işletmeniz hakkında bildiği her şeydir. İyi yazılmış bir talimat, iyi bir chatbotun yarısıdır. Helovo'da "Müşteri hizmetleri", "Satış asistanı", "Bilgi / SSS asistanı" ve "Randevu asistanı" şablonlarından biriyle başlayıp köşeli parantezli yerleri doldurabilirsiniz.

İyi bir talimatta şunlar bulunur:

• İşletmenin ne yaptığı: 1-2 cümle.
• Ürünler, hizmetler ve fiyatlar: Madde madde, net rakamlarla.
• Politikalar: Teslimat süresi, kargo ücreti, iade koşulları, ödeme seçenekleri.
• Sınırlar: Chatbotun ne yapmaması gerektiği. Örneğin "Kişiye özel indirim sözü verme", "Sipariş durumunu sorgulayamazsın, müşteriyi telefonla yönlendir."

Örnek bir talimat:

Sen Lale Çiçekçilik'in müşteri asistanısın.

Ürünler:
- Gül buketi (11 adet): 750 TL
- Orkide (çift dal): 1.200 TL
- Kurumsal çiçek aboneliği: haftalık teslimat, fiyat için telefonla bilgi verilir

Teslimat:
- İstanbul içi, 16:00'ya kadar verilen siparişler aynı gün teslim edilir.
- Teslimat ücreti 100 TL, 1.500 TL üzeri siparişlerde ücretsiz.

Kurallar:
- Stokta olmayan ürün hakkında söz verme.
- Sipariş durumu sorulursa müşteriyi 0216 555 01 23'e yönlendir.

Talimatları yazarken en sık yapılan hata, fazla genel kalmaktır. "Müşterilere yardımcı ol" yerine "Kargo 2-3 iş günü sürer, 500 TL üzeri ücretsizdir" yazın. Chatbot yalnızca sizin yazdığınız bilgileri kullanır; yazmadığınız bir fiyatı tahmin etmez. Talimat yazımını daha ayrıntılı ele aldığımız yapay zeka müşteri hizmetleri rehberine de göz atabilirsiniz.

Üslup ve dil

Talimatların yanında iki ayar daha seçersiniz:

• Üslup: Profesyonel, samimi, resmi ya da rahat. Resmi üslupta asistan müşteriye "siz" diye hitap eder.
• Dil: Türkçe, İngilizce ya da ziyaretçinin yazdığı dil. Yabancı müşterileriniz varsa "ziyaretçinin dili" seçeneği işinizi kolaylaştırır.

Adım 4: Görünümü sitenize uydurun

Sohbet penceresi sitenizin bir parçası gibi görünmeli. Ayarlayabileceğiniz başlıca şeyler:

• Ana renk: Markanızın rengi. Buton ve başlık bu renkte olur; yazı rengi okunabilirlik için otomatik seçilir.
• Avatar ve sohbet ikonu
• Karşılama mesajı: Örneğin "Merhaba! 👋 Sipariş, teslimat ya da ürünlerle ilgili sorunuzu yazın."
• Konum: Sağ alt ya da sol alt köşe.
• Alt yazı: Pencerenin altında görünen isteğe bağlı kısa yazı ve bağlantı, örneğin kendi markanız.

Pencerede platform markası görünmez; ziyaretçi yalnızca sizi görür.

Adım 5: Yayına almadan önce test edin

Panelde "Test" sekmesinden chatbotla konuşun. Bu adımı atlamayın; birkaç dakikalık test, sitenizde yanlış bir cevabın görünmesini önler. Şunları mutlaka deneyin:

1. En sık 10 sorunuz: Başta yazdığınız listedeki sorular. Cevaplar doğru ve yeterince kısa mı?
2. Bilmediği bir soru: Talimatlarda olmayan bir ürünü sorun. Chatbot uydurmak yerine sizi yönlendiriyor mu?
3. Yetkili isteği: "Bir yetkiliyle görüşmek istiyorum" yazın. Yönlendirme talimatınız uygulanıyor mu?
4. Konu dışı istek: "Bana bir şiir yaz" ya da "Şu kodu düzelt" yazın. Asistan nazikçe reddedip konuyu işinize geri getirmeli.
5. Kimlik sorusu: "Sen ChatGPT misin?" diye sorun. Asistan kendini işletmenizin asistanı olarak tanıtmalı.

Bir cevap beklediğiniz gibi değilse talimatı düzeltip tekrar deneyin. Genellikle sorun eksik bilgidir: chatbot bir şeyi yanlış söylüyorsa büyük ihtimalle talimatlarda o konu yeterince açık değildir.

Adım 6: Kodu web sitenize ekleyin

Kurulum ekranında önce chatbotun çalışacağı alan adını (örneğin lalecicekcilik.com) eklersiniz. Chatbot yalnızca izin verdiğiniz sitelerde açılır; kodunuzu başkası kopyalasa bile kendi sitesinde çalıştıramaz. Ardından size tek satırlık bir kod verilir:

<script src="https://api.helovo.com/widget.js" data-bot="pk_…" async></script>

Bu satırı sitenizin tüm sayfalarında, </body> etiketinden hemen önce yapıştırmanız yeterli. Platformlara göre bu adım şöyle:

WordPress

WordPress'te en kolay yol, "WPCode" ya da "Insert Headers and Footers" gibi bir kod ekleme eklentisidir. Eklentinin "Footer" (alt bilgi) alanına kodu yapıştırıp kaydedin. Temanızın footer.php dosyasını düzenlemek de işe yarar ama tema güncellendiğinde değişiklik silinebilir, bu yüzden eklenti daha güvenlidir.

Shopify

Yönetim panelinde Online Mağaza → Temalar → ⋯ → Kodu düzenle yolunu izleyin, theme.liquid dosyasını açın ve kodu </body> satırının hemen üstüne yapıştırın.

Wix

Ayarlar → Özel Kod bölümünden yeni kod ekleyin, "Tüm sayfalar" ve "Body - end" seçeneklerini işaretleyin. Özel kod özelliği için sitenizin kendi alan adına bağlı olması gerekir.

ikas, Ticimax ve IdeaSoft

Türkiye'deki e-ticaret altyapılarının çoğunda yönetim panelinde "Harici kod", "Özel kod" ya da "Script ekleme" gibi bir bölüm bulunur. Kodu tüm sayfalarda, sayfa sonunda (body) çalışacak şekilde ekleyin. Bu alanı bulamazsanız altyapınızın destek ekibine "tüm sayfalara body sonuna script eklemek istiyorum" demeniz yeterli.

Kendi yazdığınız site

Ortak şablon dosyanıza (layout) kodu </body> öncesine ekleyin. Sitenizde İçerik Güvenliği Politikası (CSP) kullanıyorsanız script-src ve connect-src kurallarına chatbot adresini eklemeyi unutmayın.

Adım 7: Yayına alın ve ilk haftayı izleyin

Kodu ekledikten sonra chatbotun durumunu "Aktif" yapın. Helovo'da kurup test etmek ücretsizdir; chatbotun sitenizdeki ziyaretçilerle konuşması için bir abonelik başlatırsınız. Güncel seçenekleri fiyatlar sayfasında görebilirsiniz.

İlk hafta Konuşmalar sayfasını her gün kısaca gözden geçirin. Burada iki şeye bakın:

• Size yönlendirilen konuşmalar: Chatbotun yanıtlayamadığı sorular. Bunlar, talimatlarınıza eklemeniz gereken bilgilerin listesidir.
• Tekrar eden sorular: Beklemediğiniz bir soru sık geliyorsa, cevabını talimatlara ekleyin.

Birkaç haftalık bu küçük iyileştirmelerden sonra chatbotunuz müşterilerinizin sorularının çoğunu kendi başına yanıtlamaya başlar.

Chatbot sitemde görünmüyor: sık karşılaşılan sorunlar

• Durum "Aktif" değil: Taslak ya da duraklatılmış chatbot sitede görünmez.
• Alan adı eşleşmiyor: www.siteniz.com ile siteniz.com farklı adreslerdir. Sitenizin hangi adresle açıldığına bakın ve o adresi ekleyin; gerekirse ikisini de ekleyin.
• Kod yanlış yerde: Kod yalnızca tek bir sayfaya eklendiyse diğer sayfalarda görünmez. Tüm sayfalarda çalışan bir alana ekleyin.
• Önbellek: Sitenizde önbellek eklentisi varsa önbelleği temizleyin.
• Tarayıcı konsolu: Tarayıcıda F12 ile konsolu açın ve "[Helovo]" ile başlayan uyarılara bakın; sorunun nedeni genellikle orada yazar.

Sonuç

Web sitesine chatbot eklemek artık teknik bir proje değil, bir içerik işi: müşterilerinizin ne sorduğunu bilmek ve cevapları açıkça yazmak. Özetle:

1. En sık sorulan soruları listeleyin.
2. İşletme bilgilerinizi ve yönlendirme talimatınızı girin.
3. Net, rakamlı talimatlar yazın.
4. Görünümü markanıza uydurun.
5. Test sekmesinde zor sorularla deneyin.
6. Tek satır kodu tüm sayfalara ekleyin.
7. İlk haftaki konuşmalardan öğrenip talimatları geliştirin.

Aklınıza takılan başka bir şey varsa sık sorulan sorular sayfamıza göz atın. E-ticaret siteniz varsa e-ticaret siteleri için chatbot rehberimizde kargo, iade ve ürün sorularına özel örnekler bulabilirsiniz.