Kısaca
Ücretsiz bir Nexoply hesabı oluşturun, işletme bilgilerinizi ekleyin ve panelinizdeki Sohbet botu sayfasından tek satırlık kurulum kodunu kopyalayın. Kodu bir kez, kapanış </body> etiketinin hemen önüne yapıştırın; bu genellikle site genelindeki bir alt bilgi alanıdır, örneğin bir alt bilgi kodu kutusu, temanın alt bilgi dosyası veya ortak bir alt bilgi şablonu. Bu yöntem, betik etiketi ekleyebildiğiniz her web sitesinde çalışır: düz HTML, WordPress, Wix, Squarespace, Shopify, Webflow ve JavaScript uygulamaları. Asistan yalnızca onayladığınız işletme bilgilerinden yanıt verir ve Ücretsiz plan (ayda 50 konuşma) kredi kartı gerektirmez.
- </body> öncesine bir kez yapıştırılan tek satır kod: geliştirilecek eklenti, yapay zekâ anahtarı ve çoğu site için geliştirici gerekmez.
- Elle yazılmış bir HTML sayfasından site oluşturuculara ve React uygulamalarına kadar betik etiketi kabul eden her sitede çalışır.
- Sohbet botu yalnızca hizmetlerinizden, fiyatlarınızdan, SSS'lerinizden ve politikalarınızdan yanıt verir; bilmediğinde bunu söyler.
- Panelde yaptığınız değişiklikler, koda yeniden dokunmadan yaklaşık bir dakika içinde sitenize yansır.
- Widget eşzamansız yüklenir, çerez kullanmaz ve sitenizi bozamaz.
Başlamadan önce
Bir web sitesine yapay zekâ sohbet botu eklemenin iki kısmı vardır: asistanı oluşturmak ve onu siteye yerleştirmek. Nexoply'de ilk kısım Nexoply panelinde, kod yazmadan ve yapay zekâ anahtarı olmadan yapılır, çünkü yapay zekâyı Nexoply çalıştırır. İkinci kısım tek satır koddur. İhtiyacınız olanlar:
- Bir Nexoply hesabı. Ücretsiz kaydolun: Ücretsiz plan ayda 50 konuşma içerir, kart gerekmez. Ücretli planlar fiyatlandırma sayfasında görebileceğiniz gibi aylık 19 $'dan başlar.
- Sitenizin özel kod kabul ettiği yere erişim: site oluşturucunuzdaki bir alt bilgi kodu ayarı, temanızın dosyaları veya HTML şablonlarınız. Barındırılan site oluşturucularda planınızın özel koda izin verdiğini kontrol edin.
- Yaklaşık beş dakika ve işletme bilgilerinizi gözden geçirmek için gereken süre.
1. adım: Sohbet botunu işletme bilgilerinizle oluşturun
Küçük bir işletme sitesi için yapay zekâ sohbet botu, ancak bildikleri kadar faydalıdır. Nexoply'de ona hizmetlerinizi ve fiyatlarınızı, SSS'lerinizi, politikalarınızı, çalışma saatlerinizi ve hizmet bölgelerinizi verirsiniz. En hızlı yol web sitesi içe aktarmadır: sitenizin adresini girin; Nexoply herkese açık sayfalarınızı (tarama başına Ücretsiz 15, Starter 40, Business 100, Pro 200), JavaScript ile oluşturulmuş sayfalar dahil okur ve ardından fiyatlarıyla hizmetler, SSS'ler, politikalar, çalışma saatleri ve iletişim bilgileri önerir. Önerileri siz incelersiniz; onaylamadan hiçbir şey eklenmez.
Bundan sonra asistan yalnızca bu bilgilerden yanıt verir. Tahmin yürütmek yerine bilmediğini söylemek üzere talimatlandırılmıştır ve her konuşma incelemeniz için panelinizde yer alır. Ziyaretçiler 12 dilden herhangi birinde yazabilir ve kendi dillerinde yanıt alır. Nexoply insan temsilciler için bir canlı sohbet gelen kutusu değildir ve kendisi rezervasyon veya ödeme almaz; düğmeleri ziyaretçileri randevu sayfanıza, telefonunuza veya WhatsApp'ınıza yönlendirebilir. Genel tablo için Nexoply nasıl çalışır sayfasına bakın.
2. adım: Kurulum kodunuzu kopyalayın
Panelinizde Sohbet botu sayfasını açın (henüz yapmadıysanız Sohbet botu oluştur düğmesine tıklayın) ve kurulum kodunu kopyalayın. Kod şuna benzer:
<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>YOUR-KEY yerine, Sohbet botu sayfasının sizin için doldurduğu sohbet botunuza ait anahtar gelir. Anahtar herkese açıktır: bir parola değildir ve hesabınıza erişim sağlamaz; yalnızca widget'a hangi işletmeye ait olduğunu söyler. Sitenizi değiştirmeden önce asistanı görmek için Sohbet botunuzla bir test sayfası açın seçeneğine tıklayın.
3. adım: Kodu </body> etiketinin hemen önüne yapıştırın
HTML dosyaları olarak düzenlediğiniz bir sitede kodu, kapanış </body> etiketinin hemen üstüne ayrı bir satır olarak yapıştırın:
<!-- …sayfanızın içeriği… -->
<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>
</body>
</html>Ortak alt bilginizi bulun
Sayfalarınız ortak bir alt bilgi şablonu veya include dosyası kullanıyorsa (PHP sitelerinde ve statik site oluşturucularda yaygındır) kodu oraya bir kez yapıştırın. Aksi halde sohbet düğmesinin görünmesini istediğiniz her sayfaya yapıştırın.
Sayfa başına bir kez yapıştırın
Her sayfada tek bir kopya yeterlidir. Betik eşzamansız yüklendiği için sayfanın sonuna yerleştirmek içeriğinizin önce görünmesini sağlar.
Yükleyin veya yayına alın
Dosyaları kaydedin ve sitenizi her zaman nasıl güncelliyorsanız öyle yükleyin veya yayına alın.
Popüler platformlarda kod nereye yapıştırılır
Her site oluşturucunun ve çatının site genelindeki kod için bir yeri vardır. Aynı satırı oraya yapıştırın; platform rehberleri her birini adım adım anlatır.
- PlatformWordPress
- Kodun yapıştırılacağı yerBir header/footer kod eklentisinin (ör. WPCode) Footer kutusu ya da temanızın footer.php dosyasında </body> öncesi
- Adım adım rehberWordPress rehberi
- PlatformWix
- Kodun yapıştırılacağı yerSettings → Custom Code → + Add Custom Code, All pages, Body - end (bağlı alan adına sahip premium plan)
- Adım adım rehberWix rehberi
- PlatformSquarespace
- Kodun yapıştırılacağı yerSettings → Advanced → Code Injection → Footer (Business planı veya üstü)
- Adım adım rehberSquarespace rehberi
- PlatformShopify
- Kodun yapıştırılacağı yerOnline Store → Themes → … → Edit code → layout/theme.liquid, </body> etiketinin hemen önü
- Adım adım rehberShopify rehberi
- PlatformWebflow
- Kodun yapıştırılacağı yerProject settings → Custom code → Footer code, ardından yayımlayın
- Adım adım rehberWebflow rehberi
- PlatformReact
- Kodun yapıştırılacağı yerindex.html içinde </body> öncesi ya da kök bileşende bir useEffect
- Adım adım rehberReact rehberi
- PlatformNext.js
- Kodun yapıştırılacağı yerapp/layout.tsx (App Router) veya pages/_app.tsx (Pages Router) içinde next/script
- Adım adım rehberNext.js rehberi
- PlatformVue ve Nuxt
- Kodun yapıştırılacağı yerindex.html içinde </body> öncesi; Nuxt'ta nuxt.config.ts içindeki app head
- Adım adım rehberVue rehberi
- PlatformDüz HTML
- Kodun yapıştırılacağı yerHer sayfada </body> öncesi ya da ortak alt bilgi include dosyanızda
- Adım adım rehberYukarıdaki 3. adım
| Platform | Kodun yapıştırılacağı yer | Adım adım rehber |
|---|---|---|
| WordPress | Bir header/footer kod eklentisinin (ör. WPCode) Footer kutusu ya da temanızın footer.php dosyasında </body> öncesi | WordPress rehberi |
| Wix | Settings → Custom Code → + Add Custom Code, All pages, Body - end (bağlı alan adına sahip premium plan) | Wix rehberi |
| Squarespace | Settings → Advanced → Code Injection → Footer (Business planı veya üstü) | Squarespace rehberi |
| Shopify | Online Store → Themes → … → Edit code → layout/theme.liquid, </body> etiketinin hemen önü | Shopify rehberi |
| Webflow | Project settings → Custom code → Footer code, ardından yayımlayın | Webflow rehberi |
| React | index.html içinde </body> öncesi ya da kök bileşende bir useEffect | React rehberi |
| Next.js | app/layout.tsx (App Router) veya pages/_app.tsx (Pages Router) içinde next/script | Next.js rehberi |
| Vue ve Nuxt | index.html içinde </body> öncesi; Nuxt'ta nuxt.config.ts içindeki app head | Vue rehberi |
| Düz HTML | Her sayfada </body> öncesi ya da ortak alt bilgi include dosyanızda | Yukarıdaki 3. adım |
Özel geliştirilmiş siteler ve JavaScript uygulamaları
- npm paketi gerekmez. Widget her zaman aynı betik etiketidir. data-chatbot özniteliğini ve widget.js içeren bir src değerini koruduğu sürece etiket koddan eklendiğinde de çalışır.
- Tek sayfalı uygulamalar. Sayfaya, uygulamanızın kök öğesinin dışında bir kez yerleşir, ziyaretçiler sayfalar arasında gezinirken konuşmayı korur ve URL değiştiğinde sayfa kurallarını yeniden kontrol eder. İki kez yüklenmesi sorun yaratmaz.
- Sunucu tarafı oluşturma. Yalnızca tarayıcıda çalışır ve çatınızın işaretlemesine dokunmaz, bu yüzden hydration sorunları olmaz.
- Content-Security-Policy. Siteniz bir politika gönderiyorsa script-src, connect-src ve img-src içinde https://nexoply.com adresine izin verin.
- Yerel test. Yalnızca bu web sitelerinde izin ver alanını doldurursanız yerel geliştirme sunucunuzu portuyla birlikte ekleyin (örneğin localhost:3000) ya da test ederken listeyi boş bırakın.
4. adım: Çalıştığını kontrol edin
Yayındaki sitenizi yeni bir gizli pencerede açın. Alt köşede bir sohbet düğmesi görünür. "Hafta sonları acil çağrılara geliyor musunuz?" veya "Hangi bölgelere hizmet veriyorsunuz?" gibi gerçek bir soru sorun (daha fazla örnek için tesisatçılar için yapay zekâ sohbet botu rehberine bakın). Birkaç saniye içinde konuşma Nexoply panelinizde Konuşmalar altında görünür. Bundan sonra panelde yaptığınız değişiklikler, kodu yeniden düzenlemeden yaklaşık bir dakika içinde sitenize yansır.
Sorun giderme: sohbet düğmesi görünmüyor
- Kod henüz yayında değil. Değişikliğin kaydedilip yayımlandığından veya yayına alındığından emin olun, ardından yayındaki siteyi gizli bir pencerede yeniden yükleyin. Site oluşturuculardaki editör önizlemeleri özel kodu her zaman çalıştırmaz.
- Kod değiştirilmiş veya eksik. Satırın <script ile </script> arasında eksiksiz olduğunu, data-chatbot ve anahtarınızın değişmediğini kontrol edin.
- Özel koda izin verilmiyor. Barındırılan site oluşturucularda özel kod planınıza bağlı olabilir (örneğin Wix bağlı alan adına sahip bir premium plan, Squarespace ise Business planı veya üstünü gerektirir).
- İzin verilen alan adları. Sohbet botu sayfasında Yalnızca bu web sitelerinde izin ver ayarını yaptıysanız sitenizin her adresinin tam olarak listelendiğinden emin olun (örneğin isletmem.com veya alt alan adları için *.isletmem.com).
- Content-Security-Policy. Katı bir politika, script-src, connect-src ve img-src içinde https://nexoply.com adresine izin verilene kadar betiği engeller.
- Sohbet botu kapalı veya reklam engelleyiciler. Sohbet botu etkin anahtarının açık olduğunu kontrol edin. Nadiren bir tarayıcı uzantısı sohbet widget'larını engeller; başka bir tarayıcı deneyin.
Görünümü özelleştirin, ardından sonraki adımlar
Tasarım sitenizin kodunda değil, her zaman Nexoply panelinizde ayarlanır. Sohbet botu → Özelleştir altında mesaj düğmesinin simgesini (veya kendi resminizi ya da SVG'nizi), metin etiketini, şeklini, boyutunu, renklerini, kenarlığını, gölgesini ve konumunu seçebilir ya da bunun yerine ekranın kenarında bir yan sekme (örneğin "Yardım") kullanabilirsiniz. Telefonlarda farklı bir görünüm belirleyebilir ve sayfa kurallarıyla seçtiğiniz sayfalarda (örneğin /services/*) düğmeyi değiştirebilir veya gizleyebilirsiniz. Sohbet penceresini yazı tiplerinize ve renklerinize uyarlayın, logonuzu ekleyin veya hazır bir şablondan başlayın. Bir başlangıç ekranı Randevu, Arama veya WhatsApp gibi kendi düğmelerinizi gösterebilir. Widget Shadow DOM kullanır, bu yüzden sitenizin CSS'i onu etkilemez.
Ardından konuşmaları düzenli olarak inceleyin: asistanın yanıtlayamadığı sorular listelenir ve tek tıkla SSS'ye dönüştürülebilir; içgörüler ise konuları, en yoğun saatleri ve sohbetin açıldığı sayfaları gösterir. Tüm seçeneklerin listesi için sohbet botu özelliklerine bakın; önce araçları karşılaştırmak isterseniz küçük işletmeler için en iyi yapay zekâ sohbet botları yazısını okuyun.
Sık sorulan sorular
Web siteme nasıl sohbet botu eklerim?
Sohbet botunu Nexoply gibi bir hizmette oluşturun, tek satırlık kurulum kodunu kopyalayın ve genellikle site genelindeki bir alt bilgi alanında olmak üzere </body> etiketinin hemen önüne bir kez yapıştırın. Kaydedin veya yayımlayın, ardından sohbet düğmesini görmek için sitenizi açın.
Kod yazmayı bilmem gerekiyor mu?
Hayır. Asistanı Nexoply panelinde kod yazmadan oluşturursunuz. Tek teknik adım sitenize tek bir satır yapıştırmaktır ve çoğu site oluşturucuda tam da bunun için bir kutu bulunur.
Web sitem için ücretsiz bir yapay zekâ sohbet botu var mı?
Nexoply'nin Ücretsiz planı 0 $'dır; ayda 50 konuşma içerir ve kredi kartı gerektirmez. Bazı site oluşturucular özel koda yalnızca ücretli planlarda izin verir, bu yüzden kendi planınızı kontrol edin.
Benim web sitemde çalışır mı?
Sitenize bir betik etiketi ekleyebiliyorsanız evet: düz HTML, WordPress, Wix, Squarespace, Shopify, Webflow, React, Next.js, Vue ve diğer özel geliştirilmiş siteler.
Web sitemi yavaşlatır mı?
Fark edilir bir etkisi olmaz. Betik eşzamansız yüklenir, bu yüzden sayfanız önce görünür ve sayfa hazır olana kadar bekler. Kodu, bir hatanın sitenizi asla bozamayacağı şekilde sarmalanmıştır.
Çerez kullanır mı?
Hayır. Çerez kullanmaz. Anonim bir ziyaretçi kimliğini localStorage'da, mevcut konuşmayı ise sessionStorage'da saklar; böylece ziyaretçiler sayfalar arasında gezinirken konuşma devam eder.
Yalnızca bazı sayfalara koyabilir miyim?
Evet. Kodu yalnızca o sayfalara yapıştırabilir ya da site geneline kurup paneldeki sayfa kurallarıyla seçtiğiniz sayfalarda düğmeyi değiştirebilir veya gizleyebilirsiniz.
