Webflow'a yapay zekâ sohbet botu nasıl eklenir (5 dakikada)

Nexoply, kendi panelinde oluşturduğunuz ve bir Webflow sitesine tek bir betik etiketiyle eklediğiniz bir yapay zekâ asistanıdır. Webflow yalnızca bu satırı barındırır; asistanın bilgisi, görünümü ve davranışı Nexoply'de, kod yazmadan ve yapay zekâ anahtarı olmadan yönetilir, çünkü yapay zekâyı Nexoply çalıştırır. Pratikte:

• İşletmeyi tanır. Hizmetleri ve fiyatları, SSS'leri, politikaları, çalışma saatlerini ve hizmet bölgelerini ekleyin ya da bunları Webflow sitesinin herkese açık sayfalarından içe aktarın (Ücretsiz planda tarama başına 15 sayfa). Siz onaylamadan hiçbir şey eklenmez.
• 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 panelde yer alır.
• Tasarıma uyum sağlar. Mesaj düğmesi veya yan sekme, renkler, yazı tipleri ve logo, hazır şablonlar, telefonlar için ayrı bir görünüm, seçilen sayfalar için sayfa kuralları ve Randevu, Arama veya WhatsApp gibi başlangıç ekranı düğmeleri.
• 12 dilde yanıt verir. Desteklenen başka bir dilde yazan ziyaretçiler o dilde yanıt alır.
• Ne olmadığı. İnsan temsilciler için bir canlı sohbet gelen kutusu değildir ve kendisi rezervasyon veya ödeme almaz; düğmeleri ziyaretçileri bir randevu sayfasına, telefona veya WhatsApp'a yönlendirir.

Ücretsiz plan ayda 50 konuşma içerir; ücretli planlar fiyatlandırma sayfasında görebileceğiniz gibi aylık 19 $'dan başlar. Müşterileriniz için Webflow siteleri mi geliştiriyorsunuz? Her işletmenin kendi Nexoply hesabı ve tek bir sohbet botu olur, bu yüzden kurulumu müşterinin kendi bilgileriyle yapın. Tüm seçeneklerin listesi için sohbet botu özelliklerine bakın.

Önce şu üç şeyi kontrol edin:

• Bir Nexoply hesabı. Ücretsiz kaydolun: Ücretsiz plan ayda 50 konuşma içerir, kart gerekmez.
• Nexoply'de işletme bilgileri: hizmetler ve fiyatlar, SSS'ler, politikalar, çalışma saatleri ve hizmet bölgeleri. En hızlı yol, Webflow sitesinin adresini girip Nexoply'nin herkese açık sayfalarını, JavaScript ile oluşturulmuş sayfalar dahil içe aktarmasına izin vermektir. Önerileri siz incelersiniz; onaylamadan hiçbir şey eklenmez.
• Webflow projesinin ayarlarına erişim ve özel koda izin veren bir plan. Custom code ayarları size açık değilse planınızı kontrol edin veya site sahibine sorun.

Nexoply 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. Webflow'a dokunmadan önce asistanı görmek mi istiyorsunuz? Örnek bir sayfada denemek için Sohbet botunuzla bir test sayfası açın seçeneğine tıklayın.

1. 1

   Project settings'i açın

   Webflow'da projenin Project settings sayfasını açın.

2. 2

   Custom code'a gidin

   Custom code bölümünü açın. Buradaki kod site geneline uygulanır, bu yüzden projenin her sayfasında çalışır.

3. 3

   Footer code'a yapıştırın

   Nexoply kodunuzu Footer code alanına yapıştırın. Footer code her sayfanın sonundan hemen önce yer alır; betiğin olması gereken yer de burasıdır.

4. 4

   Kaydedin

   Project settings'teki değişiklikleri kaydedin.

5. 5

   Yayımlayın

   Siteyi yayımlayın. Özel kod yalnızca yayımlanan siteye eklenir; sohbet düğmesinin görünmesini sağlayan adım budur.

Siteyi bir ziyaretçinin gördüğü gibi görmek için yayımlanan siteyi yeni bir gizli pencerede açın. Alt köşede bir sohbet düğmesi görünür. "Yeni hasta kabul ediyor musunuz?" veya "İlk randevuma ne getirmeliyim?" gibi gerçek bir soru sorun (daha fazla örnek için klinikler 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, Webflow'da yeniden yayımlamaya gerek kalmadan yaklaşık bir dakika içinde siteye yansır.

• Yayımlanmadı. Project settings'i kaydetmek yeterli değildir: siteyi yayımlayın, ardından yeniden yükleyin.
• Designer'da kontrol ediyorsunuz. Designer'da değil, yayımlanan sitede ve gizli bir pencerede kontrol edin.
• Yanlış alan veya eksik kod. Custom code'u yeniden açın ve kodun Footer code alanında, <script ile </script> arasında eksiksiz ve değiştirilmemiş olarak durduğunu kontrol edin.
• Plan veya izinler. Özel kodu kaydedemiyorsanız Webflow planınızın buna izin verdiğini ya da projedeki rolünüzün Project settings'i düzenlemenize olanak tanıdığını kontrol edin.
• İzin verilen alan adları. Sohbet botu sayfasında Yalnızca bu web sitelerinde izin ver ayarını yaptıysanız sitenin yayımlandığı her adresi listeleyin (örneğin klinigim.com veya alt alan adları için *.klinigim.com).
• Content-Security-Policy. Site bir Content-Security-Policy gönderiyorsa script-src, connect-src ve img-src içinde https://nexoply.com adresine izin verin.
• 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.

Tasarım Webflow'da değil, Nexoply panelinizde ayarlanır. Sohbet botu → Özelleştir altında mesaj düğmesinin simgesini (kendi resminizi veya yapıştırılmış SVG kodunu), 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/*) görünümü değiştirebilirsiniz. Sohbet penceresini sitenin yazı tiplerine ve renklerine uyarlayın, bir logo ekleyin veya hazır bir şablondan başlayın. Bir başlangıç ekranı Randevu, Arama veya WhatsApp gibi kendi düğmelerinizi gösterebilir.

Sohbeti kendi Webflow düğmelerinizden biriyle açmak için kısa bir betik window.dispatchEvent(new Event("nexoply:open-chat")) çağırabilir; sayfa yüklenir yüklenmez açılması için betik etiketine data-open="true" ekleyin. 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. Genel tablo için Nexoply nasıl çalışır sayfasını okuyun; diğer platformlar için herhangi bir web sitesine yapay zekâ sohbet botu nasıl eklenir rehberine bakın.