Dokümanlar · 💬 Widget

Widget kurulumu

Kurulum kodunu kopyalayın, HTML'inize yapıştırın, bitti.

Widget tek bir kod parçasıyla kurulur. Kod panelinizde hazır bekler ve zaten projenize bağlıdır — elle yazacağınız hiçbir şey yok.

  1. Kodu kopyalayın

    Sol menüden Widget sayfasını açın, Entegre Et'e tıklayın; Kodu Kopyala ile kodu alın.

  2. Sitenizin HTML'ine yapıştırın

    Kodu her sayfada yüklenen bir yere koyun — en iyisi kapanış </body> etiketinin hemen öncesi. WordPress, Wix veya Shopify gibi platformlarda "özel kod" alanına girer.

  3. Kontrol edin

    Sitenizi yenileyin; sohbet balonu sağ altta belirmeli. Belirmiyorsa SSS bölümündeki "Widget sitemde görünmüyor" maddesine bakın.

Sağ üstteki Entegre Et düğmesi vurgulanmış Widget sayfası
Widget sayfasının sağ üstündeki ① Entegre Et düğmesi kurulum kodunu açar.
Kurulum kodu (1) ve Kodu Kopyala düğmesi (2) işaretli Widget Entegrasyonu penceresi
① Projenize özel, hazır kod → ② Kodu Kopyala ile alın.

Kod şuna benzer (sizinki proje kimliğiniz ve adresinizle dolu gelir):

Kurulum kodu (örnek)
<!-- Chat Widget -->
<script>
  window.ChatWidgetSettings = { projectId: "PROJE-KIMLIGINIZ" };
  (function(){
    var w=window,d=document;
    var i=function(){i.q.push(arguments)};i.q=[];w.ChatWidget=i;
    var s=d.createElement("script");s.async=true;
    s.src=".../widget.js";
    d.head.appendChild(s);
  })();
</script>

Kural: Kodu her zaman panelden kopyalayın — yukarıdaki örnek yalnız kodun biçimini gösterir; proje kimliği ve adres size özeldir.

Yayına almadan önce deneyin#

Denemek için gerçek sitenize dokunmanız gerekmiyor: widget editöründeki Canlı test düğmesi, gerçek widget'ınızın gömülü olduğu bir demo mağaza açar — müşterilerin göreceğinin aynısı. Açın, konuşun, deneme randevusu alın; sonra içiniz rahat yayına geçin.

İpucu: Widget'ı önce sitenizin tek bir sayfasında da deneyebilirsiniz (gizli bir test sayfası iyi iş görür); memnun kalınca tüm siteye yayın.