Web widget

Web widget, sitenize bir sohbet düğmesi ekler. Soruları yanıtlar, ürün ve sipariş bilgilerini gösterir, gerektiğinde ekibinize devreder ve ziyaretçi geri döndüğünde görüşmeyi kaldığı yerden sürdürür.

Sitenize ekleyin

1. Kanallar bölümünden bir Web sohbet bileşeni kanalı oluşturun.
2. Görünümünü ve yerleşimini ayarlayın.
3. Yerleştirme kodunu al düğmesine basıp kodu kopyalayın.
4. Her sayfada </body> etiketinden hemen önce yapıştırın.

<script
  src="https://cdn.vivollo.com/widget/v2/widget.js?tenantId={TENANT_ID}&channelId={CHANNEL_ID}"
  data-vivollo-chat-widget
></script>

Sayfayı yenilediğinizde sohbet düğmesi görünür.

Bu kodu yalnızca bir kez yapıştırırsınız. Yerleşim, renkler, mesajlar — hepsi kanaldan gelir. Panelde bir ayarı değiştirdiğinizde siteniz koda dokunmadan güncellenir.

Nerede duracak

Yerleşim sekmesi sohbetin sayfada nasıl görüneceğini belirler.

• Yüzen — her sayfanın köşesinde bir düğme. Sol veya Sağ seçin; çerez çubuğu ya da alt menü yolu kapatıyorsa Sohbet düğmesinin yüksekliği ile yukarı alın.
• Sayfaya gömülü — sohbet, sayfanızdaki bir öğeyi doldurur; örneğin iletişim bölümünü. Öğeyi seçtiğinizde yerleştirme kodu buna uygun bir div ile gelir.

Tek bir sitede farklı yerleşim kullanmak isterseniz script adresine display= ekleyin: display=sticky,left,medium veya display=embedded,#chat.

Nasıl görünecek

Görünüm sekmesinde markanız ve sohbetin stili var.

• Ad, Logo ve Asistan görseli — en az 256 piksellik kare bir logo en iyi sonucu verir. Görseli boş bırakırsanız logo kullanılır.
• Renk — hazır renklerden birini seçin veya kendi renginizi girin. Okunması zor olacak sayfalarda widget rengi kendiliğinden ayarlar, düğme görünür kalır.
• Tema — Siteye uyumlu seçeneği bulunduğu sayfanın temasına uyar; sayfanın teması yoksa ziyaretçinin cihazını kullanır. İsterseniz Açık veya Koyu olarak sabitleyebilirsiniz.
• Köşeler — köşeliden yumuşağa, sitenizin diline uyacak şekilde.

Ayarların yanındaki önizleme widget'ı örnek bir sayfada gösterir. Kaydedilmemiş değişiklikler önce orada görünür; sitenize dokunmadan deneyebilirsiniz.

Ne söyleyecek

Widget on bir dili hazır konuşur — İngilizce, Türkçe, Almanca, Fransızca, İspanyolca, Portekizce, Rusça, Arapça, Hintçe, Japonca ve Çince — ve sayfanıza ya da ziyaretçinin tarayıcısına uyanı seçer. Ziyaretçi dili kendisi de değiştirebilir; bu tercih hatırlanır.

Mesajlar sekmesinde yalnızca metnini değiştirmek istediğiniz dili ekleyin. Boş bıraktığınız alanlarda widget'ın kendi metni kullanılır.

Sohbet daveti, sohbet kapalıyken düğmenin üzerinde kısa bir mesaj gösterir: "Yardım ister misiniz?" gibi. Siz açana kadar kapalıdır.

Ziyaretçi bilgileri

Widget; cihaz, yaklaşık konum, yönlendiren sayfa ve gezilen sayfalar gibi işe yarar bilgileri aktarır. Ekibiniz bunları Mesajlar bölümünde görür, asistan da kullanabilir. Ham IP adresi saklanmaz, URL'lerdeki hassas değerler çıkarılır.

Oturum sayfa geçişlerinde ve sonraki ziyaretlerde korunur; geri gelen müşteri aynı görüşmeden devam eder. Ayrıntılar: Ziyaretçi yolculuğu.

Bir sitede ziyaretçi bilgisi toplanmasını kapatmak için script adresine tracking=false ekleyin.

Kendi düğmenizden açın

Sohbeti kendi düğmenizden açmak veya ayarları sayfadan vermek istiyorsanız JavaScript API'yi kullanın:

<script src="https://cdn.vivollo.com/widget/v2/widget.js"></script>
<script>
  Vivollo.create({
    tenantId: "{TENANT_ID}",
    channelId: "{CHANNEL_ID}",
  });
</script>

Vivollo.setTheme("dark") temayı sitenizin kendi düğmesinden değiştirir, Vivollo.on("chat:opened", …) ise ziyaretçinin yaptıklarına tepki vermenizi sağlar.