Widget Kurulumu

Widget'ı sitenize eklemek birkaç dakika sürer. Panel sizin için kişiye özel hazır bir kod üretir; bu kodu sitenize yapıştırmanız yeterlidir.

Kurulum Adımları

Widget kodunuzu alın

Panelde Chat Widget → Kurulum bölümüne gidin. Burada size özel, kopyala-yapıştır hazır kodu bulacaksınız.

Kodu sitenize ekleyin

Kopyaladığınız kodu, sitenizin her sayfasında </body> etiketinin hemen öncesine yapıştırın.

Kaydedin ve test edin

Sayfayı yenileyin; köşede sohbet butonu görünmelidir. Butona tıklayarak asistanınızı test edin.

Kodu bir kez ekleyin, her yerde çalışsın

Tema/şablon dosyanızdaki ortak footer'a eklerseniz, widget tüm sayfalarda otomatik görünür. Her sayfaya ayrı ayrı eklemenize gerek yoktur.

Açılır Buton (Önerilen)

Varsayılan kurulum, sitenizin köşesinde yüzen bir sohbet butonu gösterir. Tıklanınca sohbet penceresi açılır. Panel bu kodu sizin widget token'ınız, renginiz ve konum tercihinizle birlikte hazır üretir; aşağıdaki yalnızca yapısal bir örnektir:

HTML

<!-- HaveAI Widget -->
<script>
(function () {
  var iframe = document.createElement('iframe');
  iframe.src = 'https://haveai.io/widget/WIDGET_TOKEN';
  /* ...açılır buton ve pencere mantığı panel tarafından üretilir... */
})();
</script>

iframe ile Gömme

Sohbeti, açılır buton yerine doğrudan bir sayfanın içine (örneğin bir "Destek" sayfasına) gömmek isterseniz iframe yöntemini kullanın:

HTML

<iframe
  src="https://haveai.io/widget/WIDGET_TOKEN"
  width="100%"
  height="600"
  frameborder="0"
  style="border:none;border-radius:16px;"
></iframe>

WIDGET_TOKEN'ı kendi token'ınızla değiştirin

Yukarıdaki WIDGET_TOKEN bir yer tutucudur. Gerçek token'ınızı panelde Kurulum bölümünden alın — paneldeki hazır kodu kopyalamak en güvenli yöntemdir.

WordPress

WordPress sitelerinde kodu Görünüm → Tema Dosya Düzenleyici → footer.php dosyasına ekleyebilir veya "header/footer script" ekleyen bir eklenti kullanabilirsiniz. Panelde WordPress'e özel hazır bir kod parçası da sunulur.

Google Tag Manager

GTM kullanıyorsanız, widget kodunu özel bir HTML etiketi (Custom HTML tag) olarak ekleyip tüm sayfalarda tetikleyebilirsiniz. Panel bunun için de hazır bir kod sağlar.

İlgili Konular

🎨

Özelleştirme→

Görünümü markanıza uydurun

📝

Müşteri Bilgi Toplama→

Sohbet öncesi form

Bu sayfa yardımcı oldu mu?