İçeriğe geç

Koddan ilk konuşmaya

Web Siteniz İçin Chatbot Widget Kurulum Rehberi

Chatbot widget'ını HTML, WordPress, Shopify ve diğer web sitelerine ekleyin. Panelden kurulum kodunuzu alın, görünümü ayarlayın ve kendi sitenizde test edin.

  • HTML / WordPress
  • Shopify
  • Masaüstü ve mobil
Marka maskotu yanında web sitesini bilgisayar ve telefonda kontrol eden tasarımcı
Web sitenize ekleyin
WIDGET KURULUMU

Sitenizin bir parçası.

Panelinizden işletmenize özel kodu alın.
Sitenize ekleyip kendi sayfanızda deneyin.

<!-- İşletmenize özel kurulum --><script
  src="…/widget.js"
  data-yz-tenant-id="…"
  async>
</script>
Web siteniz
Temsili ürün deneyimi

İşletmeye özel kod, izinli alan adı ve kendi sitenizde bir deneme.

Web sitenizde bir karşılama alanı

Asistanınızı müşterinin bulunduğu sayfaya ekleyin.

Widget, ziyaretçilerin sitenizden ayrılmadan işletmenize soru sorabileceği sohbet alanıdır. Kurulum için hazırlanmış işletme hesabı, sitenize kod ekleme yetkisi ve izinli alan adı gerekir. Panelinizden işletmeye özel kodu alır, kullandığınız site platformuna uygun yere eklersiniz. Ardından görünümü ve gerçek bir mesaj akışını kendi sayfanızda kontrol edersiniz.

İşletme hazır olsun

Bilgi kaynaklarını ve hizmetleri kontrol edin. Widgetın açılması, eksik işletme kurulumunu kendiliğinden tamamlamaz.

Doğru kodu kullanın

Panelde verilen işletme kimliği ve adresleri birlikte alın. Widgetı aynı sayfaya yalnızca bir kez ekleyin.

Gerçek sitede deneyin

Masaüstü ve mobilde açma, kapatma ve mesaj gönderme akışını test edin; ses kullanıyorsanız mikrofonu da kontrol edin.

Temel kurulum

Panelden aldığınız kodu sitenize ekleyin.

Bu örnek standart web kurulumu içindir. İşletme kimliğini panelinizden alın; kurulum ekranı farklı bir adres veriyorsa o kodu esas alın. Script'i ortak sayfa yapısında bir kez yükleyin ve HTML sitelerde kapanış body etiketinden önce uygun alana yerleştirin.

HTML · widget.js

<script src="https://widget.yapayzekachatbot.com/widget.js" data-yz-tenant-id="YOUR_TENANT_ID" data-yz-api-url="https://api.yapayzekachatbot.com" async></script>

YOUR_TENANT_ID yerine kurulum panelindeki işletme kimliğinizi yazın. Panel farklı bir widget veya API adresi veriyorsa paneldeki kodu kullanın. Aynı sayfaya yalnız bir kez ekleyin.

Platformunuzu seçin

Aynı widget, sitenize uygun kurulum yolu.

Kodun ekleneceği yer site altyapınıza göre değişir. Tema güncellemelerinde kaybolmayacak ve her sayfada tekrarlı yükleme oluşturmayacak yöntemi seçin.

HTML veya özel geliştirilmiş site

Kurulum panelindeki script'i sitenin ortak sayfa yapısına ekleyin. İşletme kimliğini ve adresleri doğru aktardığınızı kontrol edin. Tek sayfa uygulamalarında sayfa geçişleri sırasında script'in tekrar tekrar eklenmediğini geliştiricinizle doğrulayın.

WordPress

Widget eklentisi veya sitenizdeki uygun kod ekleme yöntemiyle ilerleyin. Eklenti kullanıyorsanız aynı script'i ayrıca temaya eklemeyin. Önbellek ve optimizasyon eklentileriyle birlikte gerçek sayfada ilk yüklemeyi ve mesaj göndermeyi test edin.

Shopify

Shopify kurulumunda tema uygulama bloğunu ilgili mağaza temanızda etkinleştirin ve bağlı işletme ayarlarını kontrol edin. Bu adım mağazada sohbet widgetını gösterir; dış sipariş veya stok verisinin otomatik aktarıldığı anlamına gelmez.

Wix, Squarespace, Webflow ve benzerleri

Sitenizin planında ve yayın ayarlarında özel script eklemeye izin verildiğini kontrol edin. Kurulum kodunu uygun site geneli alana ekleyin. Tasarım önizlemesinin yanında yayınlanmış HTTPS sayfasında da widgetın açılmasını ve yanıt vermesini deneyin.

isletmeniz.com
İşletmeniz

Sizi tanıyan
bir karşılama.

Hizmetleriniz ve müşterileriniz,
aynı sayfada buluşur.

İşletmenizin asistanıYapay zeka destekli

Merhaba, görüşme için nasıl randevu alabilirim?

Yardımcı olayım. Hangi hizmet için, hangi gün görüşmek istersiniz?

Perşembe günü bir danışmanlık görüşmesi.

Tercihinize uygun seçenekleri kontrol edelim.

Mesajınızı yazın…
Temsili ürün deneyimi

Markanıza uygun karşılama

Sohbet açma düğmesi sitenizin bir parçası olsun.

Widget ayarlarından renk, tema, karşılama metni ve kullanılabilir açma düğmesi seçeneklerini düzenleyebilirsiniz. Görünümü seçerken yalnızca masaüstü tasarımına bakmayın. Mobilde alışveriş düğmelerini, çerez tercihlerini veya sayfanın önemli bir kontrolünü kapatmadığından emin olun. Karşılama metni kısa, işletmenize özgü ve müşterinin ne sorabileceğini anlatan bir başlangıç olsun.

Okunabilir bir görünüm

Metin ve arka plan renkleri arasında yeterli ayrım sağlayın. Düğme ve sohbet alanını açık ve koyu sayfalarda birlikte değerlendirin.

İşe yarayan ilk mesaj

Hizmet sorusu, randevu veya destek gibi kullanabileceği yolları müşteriye anlatın. İşletmenizde açık olmayan bir özelliği karşılama metninde vaat etmeyin.

Yayın öncesi kontrol

Dört kısa denemeyle kurulumu tamamlayın.

Kurulumun son adımı gerçek müşteri deneyimidir. Site önbelleğini yeniledikten sonra yeni bir tarayıcı oturumunda bu adımları uygulayın.

Bilgiler, yetkiler ve kanallar
işletmenize göre belirlenir.
  1. 01

    Açın ve kapatın

    Widget düğmesini masaüstü ve mobilde kullanın. Sohbetin ekran dışına taşmadığını ve önemli sayfa kontrollerini engellemediğini görün.

  2. 02

    Bir soru gönderin

    İşletmenizin yanıtını bildiğiniz bir soru sorun. Bağlantının çalıştığını ve yanıtın doğru bilgi kaynağına dayandığını kontrol edin.

  3. 03

    Sesli kullanım varsa deneyin

    HTTPS sayfada mikrofon iznini verin, kısa bir konuşma yapın ve oturumu sonlandırın. Tarayıcının ses kısıtlarını kontrol edin.

  4. 04

    Tek yüklemeyi doğrulayın

    Farklı sayfalara geçin ve widgetın iki kez görünmediğini kontrol edin. Tema, eklenti ve elle eklenen kodun aynı kurulumu tekrarlamadığından emin olun.

Ayrıntılı rehberler

Altyapınıza göre devam edin.

Kurulumun özel bir adımında yardıma ihtiyaç duyarsanız ilgili belgeyi açın. Panelinizdeki kod ve mevcut site ayarları uygulama sırasında esas alınır.

Merak edilenler

Widget kurulumunda sık sorulanlar

Kurulumdan günlük kullanıma, karar vermeden önce bilmeniz gerekenler.

Sorunuzu bize iletin
Kod görünüyor ama widget açılmıyorsa neye bakmalıyım?

İşletme kimliğini, panelde verilen script ve API adreslerini ve site alan adı iznini kontrol edin. Tarayıcıdaki ağ veya güvenlik engellerini geliştiricinizle inceleyin. Aynı widgetın eklenti ve tema üzerinden iki kez yüklenmediğini de doğrulayın.

Birden fazla web sitesine ekleyebilir miyim?

Aynı işletmenin widgetı izin verilen alan adlarında kullanılabilir. İşletme kimliğini kopyalamak tek başına yeterli değildir; her alan adının iznini kontrol edin. Bu sitelerde ortak işletme ayarları kullanılabileceğini kurulum planınıza dahil edin.

Widget site performansını etkiler mi?

Standart kod async olarak yüklenir. Yükleme maliyeti ağ, tarayıcı ve sitenizdeki diğer kodlara bağlıdır; sıfır etki veya sabit dosya boyutu sözü verilmez. Kurulum sonrası kendi sayfanızın yüklenmesini ve etkileşimini ölçerek değerlendirin.

Mikrofon izni her ziyaretçiden istenir mi?

Sesli kullanım tarayıcı izinlerine ve etkin özelliğe bağlıdır. Kullanıcı sesli sohbeti başlattığında gerekli izin akışı uygulanır. Yazılı sohbet ve sesli sohbeti kendi sitenizde ayrı deneyin; mikrofon erişimi için HTTPS ve desteklenen tarayıcı koşullarını kontrol edin.

Tema değiştirince tekrar kurmalı mıyım?

Kodun nasıl eklendiğine bağlıdır. Eski temanın içine yerleştirilen kod yeni temaya taşınmayabilir; site geneli veya eklenti üzerinden kurulum farklı davranabilir. Tema değişikliğinden sonra widgetın tek kez yüklendiğini ve mesaj akışının çalıştığını yeniden kontrol edin.

İşletmenizin bir sonraki adımı

Sitenizde ilk konuşmayı başlatın.

Panelden kodunuzu alın, alan adınızı kontrol edin ve widgetı kendi müşterinizin gözünden deneyin.